@import url("reset.css");

html,body {height: 100%;font-size:100.01%;}
body {color:#000;background:#fff url(/images/bg.jpg);min-height:100%;margin:0;font-size:62.5%;font-family: Arial, Helvetica, sans-serif;text-align:center;}
#wrapper {margin:0 auto;width:960px;text-align:left; background:#fff; padding:0 10px}

/*----------styles-----------*/
h1 {font:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;color:#969b47;}
h2 {font:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;color:#666666;}
h3 {font:Arial, Helvetica, sans-serif;font-size:16px;color:#A0A37B;}
a {color:#717914;font-weight: bold;text-decoration: none;}
a:hover {color:#666666;font-weight: bold;text-decoration: underline;}
p {font:Arial, Helvetica, sans-serif;font-size:12px;color:#666666;line-height:1.6em; padding: 0 0 10px;}
p.red {margin:0; padding:0;}
span.large {font-weight:bold; font-size:15px;}
strong {font:Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;color:#666666;}
em {font:Arial, Helvetica, sans-serif;font-size:12px;font-style:italic;color:#666666;}
ul.genarrow li{list-style-image: url(/images/bullet.gif);margin:0 0 0 22px; padding:0 0 0 5px;font-size:12px; color:#666666;}
ul.genarrow-list li{list-style-image: url(/images/bullet.gif);margin:3px 0 3px 22px;padding:0 0 7px 5px;font-size:12px;line-height:1.4em;color:#666666;}
ul.submenu li{list-style-image: url(/images/bullet_sub.gif);}
ul.errors li{margin:0 0 0 22px; padding:0 0 0 5px; font-size:12px;}


/*----------header-----------*/
#header {width:960; height:93px;position:relative;background:url(/images/top-header.gif) repeat-x 0 0;}
#logo {position:absolute;top:9px;right:-6px;background-image:url(/images/header.jpg);}
#topnav {height:10px; width:179px; list-style:none;background:url(/images/topnav-header.gif) repeat-x 0 0;}
#topnav li {float:left;}
#topnav li a {display:block;text-decoration:none; font-size:1.02em; color:#666666;padding:10px 9px 10px 5px;background:url(/images/separator.jpg) no-repeat right 50%;}
#topnav li a.end{background:none;}
#topnav li a:hover {text-decoration:underline;}
#topnav li a.home {width:40px; background-position:0 0;}			
#topnav li a.home:hover, #home #topnav li a.home {width:40px; background-position:0 -32px;}
#topnav li a.accessibility {width:73px; background-position:0 0;}			
#topnav li a.accessibility:hover, #home #topnav li a.accessibility {width:73px; background-position:0 -40px -32px;}
#topnav li a.site {width:55px; background-position:-73px 0;}			
#topnav li a.site:hover, #site #topnav li a.site { width:55px; background-position:-120px -32px;}

/*----------main navigation-----------*/
#mainnav {height:35px; width:961px; list-style:none; background-image:url(/images/menu.png)}
#mainnav li {float:left;}
#mainnav li a {display:block; height:28px; text-indent:-999px; overflow:hidden; background:url(/images/menu_nav2.png) no-repeat 0 0;}
#mainnav li a.aboutus {width:75px; background-position:0 0;}			
#mainnav li a.aboutus:hover, #aboutus #mainnav li a.aboutus {width:75px; background-position:0 -28px;}
#mainnav li a.clients {width:60px; background-position:-75px 0;}			
#mainnav li a.clients:hover, #clients #mainnav li a.clients {width:60px; background-position:-75px -28px;}
#mainnav li a.candidates {width:80px; background-position:-135px 0;}			
#mainnav li a.candidates:hover, #candidates #mainnav li a.candidates {width:80px; background-position:-135px -28px;}
#mainnav li a.sector {width:136px; background-position:-215px 0;}			
#mainnav li a.sector:hover, #sector #mainnav li a.sector {width:136px; background-position:-215px -28px;}
#mainnav li a.search {width:88px; background-position:-351px 0;}			
#mainnav li a.search:hover, #news #mainnav li a.search {width:88px; background-position:-351px -28px;}
#mainnav li a.testi {width:89px; background-position:-439px 0;}			
#mainnav li a.testi:hover, #news #mainnav li a.search {width:89px; background-position:-439px -28px;}
#mainnav li a.contact {width:85px; background-position:-528px 0;}            
#mainnav li a.contact:hover, #contact #mainnav li a.contact {width:85px; background-position:-528px -28px;} 
#mainnav li a.blog {width:49px; background-position:-613px 0;}			
#mainnav li a.blog:hover, #blog #mainnav li a.blog {width:49px; background-position:-613px -28px;}

/*----------right hand side-----------*/
#middle_content_left{float:left;height:275px; width:480px;background:url(/images/main-image1.jpg) no-repeat; margin:0 10px 0 0;}
#middle_content_right{float:left; margin:36px 0 10px 10px; width:429px;}
#content_right{float:left;width:450px;margin:0 0 16px 10px; font:16px/22px Arial, Helvetica, sans-serif;color:#a0a37b;}
.more{float:left; margin:25px 0 0 0; font:12px/22px Arial, Helvetica, sans-serif;font-weight:bold;color:#7b8127;padding:0 0 0 27px;background:url(/images/arrow1.gif) no-repeat;}

/*----------welcome content-----------*/
.dotted_lines_a {float:left; width:961px;}
#welcome_content {width:430px;margin-top:14px;margin-bottom:12px;float:left;}

/*-----------bottom rhs content-----------*/
#bottom_rhs_box {float:right;height:182px;width:468px;margin-top:10px;margin-bottom:10px;background: url(/images/clients_candidates.gif);}
#bottom_clients_heading {float:left; margin:17px 40px 45px 15px;}
#bottom_clients_copy {width:168px; color:#8d8e7e; font-size:11px; font-size:11px; margin:5px 0 56px 0; font-family: Arial, Helvetica, sans-serif;}
.bottom_clients_more {position:float;margin-top:5px;margin-right:25px;overflow:visible;}
.bottom_clients_more a {float:left;	font:bold 12px/22px Arial, Helvetica, sans-serif;color:#a0a37b;	padding:0 0 0 27px;	background:url(/images/arrow2.gif) no-repeat;}
#bottom_candidates_heading {float:left; margin:17px 0 25px 0;}
#bottom_candidates_copy {width:168px;color:#8d8e7e;	font-size:11px;	margin:5px 0 56px 0; font-family: Arial, Helvetica, sans-serif;}
.bottom_candidates_more {position:float;right:200px;width:188px;margin-top:5px;	overflow:visible;}
.bottom_candidates_more a {float:left;font:bold 12px/22px Arial, Helvetica, sans-serif;	color:#a0a37b;padding:0 0 0 27px;background:url(/images/arrow2.gif) no-repeat;}

/*----------inner pages----------- */
#main_image {height:140px;width:699px;float:left;}
#rhs_box {float:right;height:359px;	width:230px;background: url(/images/clients_candidates2.gif);}
#clients_heading {float:left;padding:10px 10px 0px 16px;}
clients_copy {height:90px;width:201px;}
#clients_copy {float:left;color:#8d8e7e;font-size:11px;	padding-left:3px;padding-bottom:5px;margin:0.7em 0;	font-family: Arial, Helvetica, sans-serif;}
.clients_more {position:float;bottom:333px;right:200px;width:188px;overflow:visible;}
.clients_more a {float:left;font:bold 12px/22px Arial, Helvetica, sans-serif;color:#a0a37b;padding:0 0 0 27px;padding-bottom:23px;background:url(/images/arrow2.gif) no-repeat;}
#candidates_heading {float:left;padding:30px 0px 0px 16px;}
candidates_copy {height:90px;width:201px;}
#candidates_copy {float:left;color:#8d8e7e;	font-size:11px;	padding-left:3px;padding-bottom:5px;margin:0.7em 0;	font-family: Arial, Helvetica, sans-serif;}
.candidates_more {position:float;right:200px;width:188px;overflow:visible;}
.candidates_more a {float:left;	font:bold 12px/22px Arial, Helvetica, sans-serif;color:#a0a37b;padding:0 0 0 28px;background:url(/images/arrow2.gif) no-repeat;}						
#content{width:420px;margin-top:20px;margin-bottom:20px;padding-left:20px; padding-right:18px;float:left;background: url(/images/down_dotted.gif) top right repeat-y;}
.testimonial{float:right; padding:10px 40px 0px 0px; margin:0.7em 0; font-family: Arial, Helvetica, sans-serif; width:201px;}

/*----------enquiry form-----------*/
.red {color:#f00;}
.error {color:#f00;	font-size:1.2em;list-style-type:disc;}
fieldset {margin:0;padding:5px;border:1px solid #ccc;background: url(/images/form_bg.gif) repeat-x;}
div.row {clear:both;padding:5px 5px;margin:0;font-size:1.2em; color:#666666;}
.form input.text, .form textarea, .form select{border:1px solid #ccc; background-color:#ccc; padding:2px;}
div.row-submit {clear:both;padding:5px 20px;margin:0;font-size:1.2em;text-align:center;}
div.rowtitle {clear:both;margin:0;padding:1px 10px;font-weight:bold;text-align:left;font-size:1.2em;color:#666666;}
label {float:left;width:150px;padding:2px 10px 10px 0;margin:0;}
label.small {float:left;width:100px;padding:2px 12px 10px 0;margin:0;}
input.form, textarea {float:right;padding: 2px;}
input.form-ex, textarea.form-ex {float:right;padding: 2px;}

/*----------cv upload-----------*/
.red {color:#f00;}
.errors {color:#f00;font-size:1.1em;list-style-type:disc;}
div.row-upload {clear:both;padding:5px 20px;margin:0;font-size:1.2em;text-align:center;}
div.row-input {clear:both;padding:5px 5px;margin:0;font-size:1.2em; color:#666666;}
div.row-titles {clear:both;margin:0;padding:5px 5px;font-weight:bold;text-align:left;font-size:1.2em;background:#fff; color:#666666;}
#position {margin:0px;padding:5px;border:1px solid #ccc;}

/*----------banner text-----------*/
.site_header{float:left;padding-top:10px;padding-left:15px;width:460px;position:relative;}
.site_header h2{position:absolute; top:60px; left:15px; width:480px;}

/*----------footer-----------*/
#footer {color:#cccccc;width:960px;padding:6px 0;overflow:hidden;}

/*----------footer-----------*/
table.table {margin:15px 0; font-size:12px; color:#666666;}
table.table tr td {padding:7px 0;}
table.table tr.titles td {padding:0; font-weight:bold;}

/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";clear: both;height: 0; visibility:hidden; display: block;}
.clearfix {display:inline-block;}

/* Hides from MacIE \*/           
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from MacIE */