@charset "UTF-8";
/* CSS Document */

html{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}

body{
padding:0;
margin:0;
background-color:#fff;
background-image:url(images/bg_colors.gif);
background-repeat:repeat-x;
}

#wrap{
width:959px;
margin:0 auto;
padding:23px 0 0 0;

}

h4{
width:320px;
margin:0 0 0 0;
padding:0;
height:122px;
background-image:url(images/logo_head.gif);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
float:left;
}

A, img {
outline:none;
border-style: none;
}

#languages{
width:619px;
margin:0 0 0 0;
padding:0 20px 0 0;
height:122px;
background-image:url(images/head_banner.gif);
background-repeat:no-repeat;
display:block;
float:left;
}

#languages li{
float:right;
font-size:10px;
color:#CCC;
list-style:none;
padding:90px 10px 0 0;
}

#languages li a{
float:left;
color:#CCC;
padding:0 10px 0 0;
}

#languages li a:hover{
float:left;
color:#fff;
}

#nav{
padding:0;
margin:0;
background-image:url(images/nav.gif);
background-repeat:no-repeat;
background-color:#1d303a;
height:27px;
float:left;
width:959px;
}

#nav li{
padding:0;
margin:3px 0 0 0;
width:119px;
list-style:none;
text-align:center;
float:left;
}

#nav li a{
font-size:11px;
color:#a4b2ba;
text-decoration:none;


}

#nav li a:hover{
font-size:11px;
color:#fff;
text-decoration:underline;
}

#callouts{
width:959px;
height:104px;
display:block;
background-color:#316079;
}

#callouts h1{
width:483px;
height:104px;
display:block;
background-color:#316079;
background-image:url(images/centre_line.gif);
background-repeat:no-repeat;
float:left;
margin:0;
padding:0;
text-indent:-9999px;
}

#quote_one{
width:217px;
height:84px;
background-image:url(images/left_quote.gif);
background-repeat:no-repeat;
padding:20px 10px 0 10px;
float:left;
}

#quote_two{
width:219px;
height:84px;
background-image:url(images/right_quote.gif);
background-repeat:no-repeat;
padding:20px 10px 0 10px;
float:left;
}

#quote_one p, #quote_two p{
margin: 0 0 0 0;
color:#fff;
font-size:11px;
line-height:20px;
}

#second_group{
height:41px;
margin:0;
padding:0;
float:left;
width:959px;
background-color:#5388a3;

}

#second_group li{
list-style:none;
float:left;
padding:0;
margin:0;
}

#mobile a{
height:41px;
margin:0;
padding:0;
float:left;
width:113px;
background-image:url(images/mobile_button.gif);
background-repeat:no-repeat;
text-indent:-9999px;
background-position:0 -41px;
}

#mobile a:hover{
background-position:0 0;
}

#survey a{
height:41px;
margin:0;
padding:0;
float:left;
width:125px;
background-image:url(images/survey_button.gif);
background-repeat:no-repeat;
text-indent:-9999px;
background-position:0 -41px;
}

#survey a:hover{
background-position:0 0;
}

#download a{
height:41px;
margin:0;
padding:0;
float:left;
width:483px;
background-image:url(images/download.gif);
background-repeat:no-repeat;
text-indent:-9999px;
background-position:0 -41px;
}

#download a:hover{
background-position:0 0;

}

#content_one{
height:253px;
margin:0;
padding:32px 15px 0 0;
float:left;
width:222px;
background-image:url(images/gradient.gif);
background-repeat:repeat-x;
color:#000;
font-size:11px;
line-height:16px;
border-left:1px solid #5388a3;
}

#content_two{
height:253px;
margin:0 0 0 0;
padding:32px 15px 0 0;
float:left;
width:224px;
background-image:url(images/gradient.gif);
background-repeat:repeat-x;
color:#000;
font-size:11px;
line-height:16px;
border-right:1px solid #5388a3;
}

#content_three{
height:253px;
margin:0 0 0 0;
padding:32px 15px 0 15px;
float:left;
width:929px;
background-image:url(images/gradient.gif);
background-repeat:repeat-x;
color:#000;
font-size:11px;
line-height:16px;
border-right:1px solid #5388a3;
}




#content_one li, #content_two li, #content_three li {
list-style-image:url(images/lock.gif);
margin:0 0 10px 0;
}

#content_one ul, #content_two ul, #content_three ul {
margin:0 0 0 25px;
padding:0;
}



#content_one h3, #content_two h3, #content_three h3 {
color:#808080;
font-size:16px;
font-weight:normal;
margin:0 0 10px 10px;
padding:0;
}

#imagearea{
padding:0;
margin:0;
width:480px;
float:left;
}

.blue{
color:#1e4052
}
.dgrey{
color:#494b4a
}

#footer{
width:959px;
margin:0;
padding:0;
height:39px;
display:block;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
float:left;
text-align:center;
}
#footer ul{
padding:10px 0 0 0;
margin:0 auto;
width:45.0em;
}

#footer li{
margin:0;
padding-left:10px;
float:left;
list-style:none;
color:#808080;
font-size:10px;
}

#footer a {
padding-right:12px;
color:#808080;
font-size:10px;
text-decoration:none;
}


#footer a:hover {
padding-right:12px;
color:#fff;
font-size:10px;
text-decoration:underline;
}