/* CSS Document */

/* Rebecca Esler */

/* 17/10/08 */



body{

margin:0;

padding:0; background:url(../images/bg_top.gif) repeat-x top;}



img{

border:0;}



/* --- centres site --- */

#frame{

width:950px;

margin:0px auto 0 auto;

padding:0; background:url(../images/bg_head.gif) no-repeat right top;}



/* --- logo (links to home page) --- */

#logo{

float:left;

display:inline;

margin:0px 0px 15px;

padding:0;

width:264px;}



/* --- freephone number --- */

#freephone{

float: right;

display:inline;

margin:50px 0 15px 0;

padding:0;

width:225px;}



/* --- banner --- */

#banner{

clear:both;

width:950px;

margin:0;

padding:0;}



#banner a{

font: 11px Arial, Helvetica, sans-serif;

text-decoration:none;

color:#386ecb;

}



/* photo left */

#bannerLeft{

float:left;

display:inline;

margin:0;

padding:0;

width:475px;}



/* navigation */

#nav{

float:left;

display:inline;

margin:0;

padding:0;

width:221px;

height:244px;

background:url(../images/menu_bg.gif) repeat-x top left;}



#nav ul{

margin: 20px 30px 0 37px;

padding:0;}



#nav li{

margin:0;

padding:0;

list-style:none;

height:20px;}



#nav a:link, #nav a:visited{

margin:0;

padding: 0 0 0 15px;

font: 12px Arial, Helvetica, sans-serif;

color:#ffffff;

text-transform:uppercase;

text-decoration:none;

width:137px;

display:block;}



#nav a:hover{

color:#ffffff;

background:url(../images/menu_li.gif) left no-repeat;

}



/* photo right */

#bannerRight{

float: left;

display:inline;

margin:0;

padding:0;

width:254px;}



/* --- content --- */

#content{

width:657px;

padding:40px 0;

float:left;

display:inline;

margin:0;

text-align:justify;

font: 12px/15px Arial, Helvetica, sans-serif;

color:#2b3967;}



#content ul, #content ol{

margin:10px 0 0 0;

padding:0;}



#content li{

background:url(../images/li.gif) left no-repeat;

margin:0 0 0 15px;

padding:1px 0 0 12px;

list-style:none;}



#content ol li{

background:url(../images/li1.gif) top left no-repeat;

margin:5px 0 0 10px;

padding:1px 0 0 12px;

list-style:none;}



.dots td{

border-bottom:1px dotted #CCCCCC;

padding:5px 0;

margin:0;}



#content h1{

margin:0 0 10px 0;

padding:0;

font:22px Arial, Helvetica, sans-serif;

color:#2b3967;}



#content h2{

margin:0;

padding:0;

font:16px/22px Arial, Helvetica, sans-serif;

color:#2b3967;}



#content p{

margin:0;

padding: 10px 0 0 0;}



#content a:link, #content a:visited{

margin:0;

padding:0;

text-decoration:none;

color:#386ecb;}



#content a:hover{

margin:0;

padding:0;

text-decoration: underline;

color:#386ecb;}



#content input, #content textarea, #content select{

margin:0;

padding:2px;

font:11px Arial, Helvetica, sans-serif;

color:#2b3967;

background-color:#fafafa;

border:1px solid #CCCCCC;

width:250px;}



#content input.button{

background:url(../images/grey_box.gif) repeat-y top left;

border:1px solid #999999;

margin:0;

padding:5px 0 3px 0;

width:100px;

font-weight:bold;

cursor:pointer;}



#content input.radio{

width:15px;

background:0;

border:0;

margin:0;

padding:0;}



#content input.small{

width:70px;}



/* --- right side --- */

#rightSide{

margin:10px 0 40px 0;

padding:0;

float:right;

display:inline;

width:254px;

font:11px Arial, Helvetica, sans-serif;

}



/* --- grey box (news and vacancies) --- */

.greybox{

margin:10px 0 0 0;

padding:12px 15px;

background:url(../images/grey_box2.gif) top left no-repeat;

width:224px;

height:95px;}



.greybox2{

margin:10px 0 0 0;

padding:12px 15px;

background:url(../images/grey_box2.gif) top left no-repeat;

width:224px;

height:125px;}



.greybox h1, .greybox2 h1{

font:12px Arial, Helvetica, sans-serif;

color:#2b3967;

text-transform:uppercase;

border-bottom: 1px dotted #2b3967;

margin:0 0 10px 0;

padding:0;}



.big{

font-size:19px;}



.greybox ul, .greybox2 ul{

margin:0;

padding:0;}



.greybox li, .greybox2 li{

margin:1px 0;

padding: 1px 0 0 10px;

list-style:none;

font:13px Arial, Helvetica, sans-serif;

color:#2b3967;

background:url(../images/bullet.gif) left no-repeat;}



.greybox a:link, .greybox a:visited, .greybox2 a:link, .greybox2 a:visited{

margin:0;

padding: 0;

color:#2b3967;

text-decoration:none;}



.greybox a:hover, .greybox2 a:hover{

margin:0;

padding: 0;

color:#000000;

text-decoration: none;}



.small{

font-size:11px;}



/* --- submenu --- */

.submenu{

margin:0;

padding:15px;

background:url(../images/grey_box.gif) top left repeat-y;

width:224px;}



.submenu h1{

font:12px Arial, Helvetica, sans-serif;

color:#2b3967;

text-transform:uppercase;

border-bottom: 1px dotted #2b3967;

margin:0 0 10px 0;

padding:0 0 3px 0;

font-weight:bold;}



.submenu ul{

margin:0 0 5px 0;

padding:0;}



.submenu li{

float:left;

margin:2px 0;

padding: 0px 0 0 10px;

width:214px;

display:block;

list-style:none;

font:12px Arial, Helvetica, sans-serif;

color:#2b3967;

background:url(../images/bullet1.gif) top left no-repeat;}



.submenu a:link, .submenu a:visited{

margin:0;

padding: 0;

color:#2b3967;

text-decoration:none;}



.submenu a:hover{

margin:0;

padding: 0;

color:#000000;

text-decoration: none;}



/* --- footer --- */

#footerbg{

background:url(../images/footer_bg.gif) top left repeat-x;

margin:0;

padding:0;

clear:both;}



#footer{

background:url(../images/footer_logos.gif) 672px 0px no-repeat;

width:950px;

margin:0 auto;

padding:18px 0 50px 0;

font:11px Arial, Helvetica, sans-serif;

color:#2b3967;}



#footer a:link, #footer a:visited{

margin:0;

padding:0;

color:#2b3967;

text-decoration:underline;}



#footer a:hover{

margin:0;

padding:0;

color:#000000;

text-decoration:underline;}

.btnCV li a {  padding:15px; font-size:14px; font-weight:bold;}

.btnCV li { background:url(../images/grey_box.gif) repeat-y !important; width:224px; display:block;  height:50px; float:left;  margin:0px 30px 30px 0px !important; list-style:none; padding:20px 0px 0px 0px !important; text-align:center; }

.interweb { float:right; position:relative; top:2px; }