@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:16px;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.5em;}
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:5px 0 2px 22px;padding:0 0 7px 5px;font-size:12px;line-height:1.4em;color:#666666;}
ul.genarrow-list li{list-style-image: url(/images/bullet.gif);margin:10px 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);}
/*----------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:488px;background:url(/images/main-image1.jpg) no-repeat;}
#middle_content_right{float:left;height:108px;width:216px;background:url(/images/main-image2.jpg) no-repeat;letter-spacing:0.7px;}
#content_right{float:left;width:410px;margin-top:2px;margin-left:10px;margin-bottom:16px;font:16px/22px Arial, Helvetica, sans-serif;color:#a0a37b;}
#more{float:left;width:410px;margin-top:10px;margin-left:10px;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-top:20px;margin-left:15px;margin-bottom:20px;margin-right:0px;}
#bottom_clients_copy {height:90px;width:168px;color:#8d8e7e;font-size:11px;margin-left:10px;margin-right:5px;margin:0.7em 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-top:20px; margin-left:0px;margin-bottom:25px;}
#bottom_candidates_copy {height:90px;width:168px;color:#8d8e7e; font-size:11px; margin-left:10px;margin:0.7em 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{height:94px;width:201px;}
#testimonial{float:right;padding:10px 40px 0px 0px; margin:0.7em 0; font-family: Arial, Helvetica, sans-serif;}
/*----------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:65px; left:15px; width:480px;}
/*----------footer-----------*/
#footer {color:#cccccc;width:960px;padding:6px 0;overflow:hidden;}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0; width: 0;height: 0; display: block; overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {visibility: hidden;font-size: 1.5em;width:201px;}
.sIFR-hasFlash h2 {visibility: hidden;font-size: 16px;}
.sIFR-hasFlash h3 {visibility: hidden;font-size:16px;}
/* 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 */