/*
*************************************************

KELBURN RECRUITMENT
Master Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; background: #f4f4f4 ; }

a		{ text-decoration:none; font-weight:bold; color:#d31145; }
a:hover	{ text-decoration:underline; }

h1, h2, h3, h4, h5 	{ margin:0; padding:0; color:#000; }
h2 					{ font-size:17px; }
h3 					{ font-size:16px; }
h5					{ color:#aaa; font-size:14px; border-bottom:1px solid #d5d5d5; padding-bottom:6px; }

hr {color: #bbb; background-color: #bbb; height: 1px;border: 0;  width: 100%; margin:1em 0; }

ul, li { margin:0; padding:0; }

.clear	{ clear:both; }

#allwrap	{ 
float:left;
width:100%; 
background:#fff url(../images/bg.jpg) repeat-x; 
padding-bottom:20px; 
position: relative; }
#all { 
margin:0 auto; 
width:962px; 
position: relative;}

/*-------------------------------------------    
    Header
-------------------------------------------*/
#logo	{ float:left; width:206px; height:162px; background:#eee url(../images/logo-bg.gif) repeat-x bottom; border:2px solid #fff; text-align:center; margin-top:4px; border-top:none; }
#logo img { padding-top:16px; }

#loggedin { float:right;top: 0; right: 0; padding: 6px 9px; color:#ccc; background:#9c002f; }
/*#loggedin { position: absolute; top: 0; right: 0; padding: 6px 9px; color:#ccc; background:#9c002f; }
*/
#loggedin a { color:#fff;  }

#menuwrap 	{ float:right; width:740px; background:url(../images/bg-arrows.jpg) no-repeat top right;   }
#menu1		{ clear:both; float:right; width: 740px; margin: 64px 0 0 0; font-size:14px; background: url(../images/menu-trans.png) repeat-x; /*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;*/ }
#menu1 ul 	{ float:right; width:546px;  margin:0; padding:0;  }
#menu1 li 	{ list-style-type: none;float: left;padding:0 0px; background:url(../images/menu-divider.gif) no-repeat center right;   }
#menu1 li a { color:#fff;  padding:11px 28px;    display:block; }
#menu1 li a:hover {  text-decoration:none; background:url(../images/menu-border.gif) repeat-x bottom; }

#menu2		{ clear:both; float:right; width: 740px; font-size:14px;  }
#menu2 ul 	{ float:right; width:580px;  margin:0; padding:0;  }
#menu2 li 	{ list-style-type: none;float: left;padding:0 0px; padding-bottom:10px; background:url(../images/menu-divider.gif) no-repeat center right; }
#menu2 li a { color:#fff;  padding:11px 28px;padding-bottom:10px; display: block; border-bottom:2px none; }
#menu2 li a:hover {  text-decoration:none; background:url(../images/menu-border.gif) repeat-x bottom;  }


/*-------------------------------------------    
    Main
-------------------------------------------*/
#searchbox	{ float:left; width:962px; border:2px solid #fff; background:#98012e; margin-bottom:34px; }

#jobsearch 	{ float:left; width:624px; height:200px; background:#ddd url(../images/search-bg.gif) no-repeat bottom right; padding-top:12px; padding-left:16px; color:#4d4d4d; font-size:15px; }
#jobsearch h2 { color:#000; font-size:22px; }

fieldset.search { margin:0; padding:0; border: none; width: 312px;	 	}
.search a {float:left; font-size:12px; color:#98012e; padding-top:20px; width:140px; padding-right:20px; }
.search input, .search button {	border: none;float: left;}
.search input.box 	{	color: #666;	font-size: 1.2em; width: 300px;	height: 30px; padding: 8px 5px 0; background: #fff; border:1px #aaa solid; margin-right: 5px; font-family:Arial, Helvetica, sans-serif;}
.search input.box:focus {	background: #fff; border:1px #999 solid; outline: none;}
.search input.btn { float:right; clear:none; width: 139px;	height: 30px;	cursor: pointer;	text-indent: -9999px;	background: url(../images/btn-search.gif) no-repeat top right; margin-top:14px;	}
.search input.btn:hover {	background: url(../images/btn-search.gif) no-repeat bottom right; width: 139px;	height: 30px;}

#latestnews { float:left; clear:left; width:640px; height:34px;   font-size:12px; color:#eee;  } 
#latestnews .entry { padding:10px 16px; background:#585858 url(../images/news-bg.gif) repeat-x bottom;}
#latestnews a { color:#fff; }

#vacancies	{ float:right; width:282px; height:222px; background:#98012e  url(../images/vacancies-bg.jpg) repeat-x top; color:#CCC; padding: 12px 20px; font-size:11px; line-height:14px; }
#vacancies h3 { font-size:16px; color:#FFF; padding-bottom:6px; margin: 0 0 2px 0; border-bottom:#ce0641 1px solid; }
#vacancies a { color:#CCC; }
#vacancies a:hover { color:#fff; }
#vacancies ul { padding-left:22px; padding-top:2px;  }
#vacancies li { padding-top:6px;  }
.button_latest {
background: none;
padding: 3px 2px 2px 2px;
margin: 0;
border: 0;
color: #CCC;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
text-decoration:underline;
font-size: 11px;
line-height: 13px;
}
#vacancies .button_latest:hover {
color: #f5f5f5;
text-decoration:underline; background:#7c0025; 
}
#vacancies form#searchform_latest {
padding: 0;
margin: 0;
}



#whoweare { float:left; width:220px; padding-left:16px; padding-right:98px; background:url(../images/kelburnlogos-img.png) no-repeat right; line-height:18px; }
#equality { float:left; width:284px; padding:0 32px; padding-top:110px; background:url(../images/equality-img.jpg) no-repeat top;  line-height:18px; }
#green { float:left; width:252px; padding-right:16px; padding-top:110px; background:url(../images/green-img.jpg) no-repeat top;  line-height:18px; }

#clientsbox, #candidatesbox { float:left; width:962px; border:1px #d5d5d5 solid; margin-top:20px;  }
#clientsbox .pad, #candidatesbox .pad {  padding:12px; }
#clientsbox h2, #candidatesbox h2 { background:#d5d5d5 url(../images/clientscandidatesbox-bg.gif) repeat-x; height:22px; padding-top:6px; padding-bottom:4px; padding-left:12px; font-size:17px;  } 
#clientsbox h2 a, #candidatesbox h2 a { font-size:12px; padding-left:10px;  } 

#clientsbox h5, #candidatesbox h5 { color:#aaa; font-size:14px; border-bottom:1px solid #d5d5d5; padding-bottom:6px; }

#toptips 				{ float:left; margin-bottom:12px; }
.toptip, .toptip2 		{ float:left; background:#f1f1f1; width:230px; padding:8px; font-size:12px; }
.toptip h3, .toptip2 h3 { padding-top:8px;padding-bottom:10px; }
.toptip2 				{ clear:left; margin-top:16px; }

#assessyourself { float:left; width:344px; padding-left:24px; margin-bottom:12px;   }
#assessyourself h3 	{ font-size:20px; padding: 0; margin: 0; }
#getinshape 	{ float:right; width:280px; padding-top:110px; padding-left:24px; background:url(../images/getinshape-img.jpg) no-repeat top center; border-left:1px #CCC solid;  margin-bottom:12px; line-height:16px; }
#getinshape h3 	{ font-size:23px; padding: 0; margin: 0; }

#onlinerecruitment 	{ float:left; width:280px;  padding-right:20px; margin-bottom:12px; font-size:12px; border-right:1px #CCC solid; }
#onlinerecruitment h3 	{ font-size:23px; width:228px; margin-bottom:14px; padding:4px 10px; background:#d31145; color:#FFF; text-align:center; }
#onlinerecruitment h3 a {color:#FFF; }
#requestaquote			{ float:left; width:280px;  padding:0 20px; padding-right:0px; margin-bottom:16px; font-size:12px; border-right:1px #CCC solid; }
#requestaquote h3		{ padding-top:8px; }
#onlinetesting		{ float:right;  width:316px;     }
#onlinetesting h3 	{ font-size:23px;  width:156px; padding:4px 10px; background:#333; color:#FFF; text-align:center;}
#onlinetesting h3 a {color:#FFF; }

/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footerwrap 	{ clear:left; float:left; width:100%; background:#f4f4f4 url(../images/footer-bg.jpg) repeat-x; padding:20px 0; padding-bottom:28px;  }
#footer			{ width:962px; margin:0 auto; font-size:11px; color:#666; }

#footerlogo		{ float:left; width:94px; height:63px; background:url(../images/footer-logo.jpg) no-repeat; border-right:#bebebe solid 1px; padding-right:20px; }
#footeradd1		{ float:left; width:180px; padding-right:26px; margin-left:20px; padding-top:12px;  }
#footeradd2		{ float:left; width:140px; padding-top:12px;  }
#footeradd2 a	{ color:#797979; }
#footeradd i { font-style:normal; color:#999; }
#footeradd em { font-size:18px; font-style:normal; color:#46aa42; font-weight:bold; }
#footerlogos	{ float:right; width:370px; height:115px; border-left:#bebebe solid 1px; padding:0 20px; background:url(../images/footer-logos.jpg) no-repeat right;  }