/* CSS Document */


/* GENERAL CONTENT STYLES */

.center { text-align: center; }

.fl {float: left; }

a.blueboxlink { padding: 6px 20px 6px; line-height: 1.8em; height: 33px; margin: 5px auto; background: URL(../images/bgblueboxlink.png) repeat-x 0 4px; ; color: #E2E2F4; text-decoration: none; font-weight: bold; }

a.blueboxlink:hover { color: #FFF; text-decoration: none; }

#blueboxsubmit { float: left; width: 100%; height: 18px; padding: 1px 3px 4px; margin: 10px 0 2px; font: bold 12px Arial, Helvetica, sans-serif; background: #5F6E91 URL(../images/bgblueboxlink.png) repeat-x 0 3px; color: #E2E2F4; text-decoration: none; border: none; }

#blueboxsubmit:hover { color: #FFF; }

h2.h2location { font-size: 21px; color: #FFF; }


/* DIV STYLES */

div.location { width: 100%; height: 25px; background: #A4A1A1; padding: 6px 27px; }

div.left2 { float: left; width: 708px; }

div.left3 {  float: left; width: 100%; }

div.left1home { float: left; width: 144px; background: #878787; padding: 10px 20px 6000px; margin: 4px 0 -6000px; color: #FFF; display:inline; }

div.left1 { float: left; width: 184px; background: #A4A1A1 URL(../images/bgleftcolumn.png) repeat-y top left; padding-bottom: 6030px; margin: 4px 0 -6000px; color: #FFF; display:inline; }

div.left1 { float: left; width: 184px; background: #A4A1A1 URL(../images/bgleftcolumn.png) repeat-y top left; padding-bottom: 6030px; margin: 4px 0 -6000px; color: #FFF; display:inline; }

div.middle1home { float: right; width: 452px;  padding: 26px 33px 6000px; margin: 4px 0 -6000px 4px; background: #A5A1A2; color: #FFF; }

div.middle1 { float: left; width: 475px;  padding: 13px 24px 6030px; margin: 4px 0 -6000px 0; background: #FFF; color: #203466; display: inline; }

div.middle1contact { float: left; width: 475px;  padding: 13px 24px 6030px; margin: 4px 0 -6000px 0; background: #FFF; color: #203466; display: inline; }

div.middle2 { float: left; width: 750px;  min-height: 250px;  padding: 13px 24px 6030px; margin: 4px 0 -6000px 0; background: #FFF; color: #203466; }

div.right1home { float: left; width: 242px; padding: 15px 15px 6030px 15px; margin: 0 0 -6000px 4px; background: #E7E3E0; color: #203466;  }

div.right1 { float: right; width: 244px; padding: 15px 15px 6030px 15px; margin: 4px 0 -6000px 0; background: #E7E3E0; color: #203466;  }

div.right1contact { float: right; width: 244px; padding: 15px 15px 6030px 15px; margin: 4px 0 -6000px 0; background: #E7E3E0; color: #203466;  }


div.bannerhome { float: left; }

div.banner { float: left; }

div.bannercontact { float: left; }



/* BANNERS */

div.banner h3 { font-size: 18px; text-transform: capitalize; width: 495px; padding: 184px 0px 10px 24px; margin: 4px 0 20px; color: #FFF; }
div.bannercontact h3 { font-size: 18px; text-transform: capitalize; width: 495px; padding: 184px 0px 10px 24px; margin: 4px 0 20px; color: #FFF; }

h3#bannerhome { width: 708px; height: 175px; background: URL(../images/homebanner.png) no-repeat; }

h3#banneraboutus { background: #203466 URL(../images/bannerabout.jpg) no-repeat; }

h3#bannervalues {  background: #203466 URL(../images/bannervalues.jpg) no-repeat; }

h3#bannerwork {  background: #203466 URL(../images/bannerwork.jpg) no-repeat; }

h3#bannercharter {  background: #203466 URL(../images/bannercharter.jpg) no-repeat; }

h3#bannerdivisions {  background: #203466 URL(../images/bannerdivisions.jpg) no-repeat; }

h3#bannersales {  background: #203466 URL(../images/bannersales.jpg) no-repeat; }

h3#bannerit {  background: #203466 URL(../images/bannerit.jpg) no-repeat; }

h3#bannerexecutive {  background: #203466 URL(../images/bannerexec.jpg) no-repeat; }

h3#bannerservices {  background: #203466 URL(../images/bannerservices.jpg) no-repeat; }

h3#bannersearch {  background: #203466 URL(../images/bannersearch.jpg) no-repeat; }

h3#bannerselection {  background: #203466 URL(../images/bannerselect.jpg) no-repeat; }

h3#bannercontin {  background: #203466 URL(../images/bannercontin.jpg) no-repeat; }

h3#bannerrpo {  background: #203466 URL(../images/bannerrpo.jpg) no-repeat; }

h3#bannervacancies {  background: #203466; padding: 6px 0px 6px 24px; }

h3#bannertestimonials {  background: #203466 URL(../images/bannertesti.jpg) no-repeat; }

h3#bannercontact {  background: #203466 URL(../images/bannercontact.jpg) no-repeat; }

h3#bannermaintain { background: #203466; width: 775px; padding: 6px 0px 6px 24px;}




/* LEFT COLOUMN */

.left1home h3 { float: left; font-size: 20px; width: 145px; font-weight: normal; margin: 20px 0 0;}

.left1home form { margin: 20px; display: inline; }

.left1home input { background: #FFF url(../images/bgformtextinput.png) repeat-x left top; display: inline;  }

.left1contact h3 { float: left; margin-left: -10px; }

.left1 ul { list-style: none; font-size: 11px; display: inline; }

.left1 a { float: left; width: 155px; height: 24px; padding: 9px 0 0 30px; color: #203466; margin-bottom: 3px; background: #E6E3DF URL(../images/sidenavbulletoff.png) no-repeat left; text-decoration: none; font-weight: bold; display: inline;  }

.left1 a:hover { background: #E6E3DF URL(../images/sidenavbulleton.png) no-repeat left;}

.left1 a.current { background: #E6E3DF URL(../images/sidenavbulletcurrent.png) no-repeat left; color: #E2124E;}

.left1 a.current:hover { background: #E6E3DF URL(../images/sidenavbulleton.png) no-repeat left;; }

div.leftquote { float: left; margin: 56px 8px 10px; padding: 26px 0 0 12px; background: URL(../images/quoteopen.png) no-repeat top left; display: inline;  }

div.leftquote p { font: bold 16px Georgia, "Times New Roman", Times, serif; background: URL(../images/quoteclose.png) no-repeat bottom right; padding: 0 8px 26px 0; display: inline; } 

div.leftattribute p { float: left; padding: 0 20px; font-size: 11px;}



/* MIDDLE COLOUMN */

h3.welcome { font: bold 24px Arial, Helvetica, sans-serif; margin-bottom: 11px;  }

h3.welcome span { color: #203466; }

p.mainhome { line-height: 1.2em;  }

div.clientlinkbox { float: left; width: 196px; height: 94px; margin: 21px 0 32px; padding: 13px 8px; background: URL(../images/bgbluegradsq.png) repeat-x ;}

.clientlinkbox h3 { width: 171px; height: 17px; background: URL(../images/homeclient.gif) no-repeat; }

.clientlinkbox ul { margin: 4px 0 4px 16px; list-style-type: circle; }

.clientlinkbox li { margin-top: 2px; }

.clientlinkbox a { color: #fff; text-decoration: none; }

.clientlinkbox a:hover { color: #fff; text-decoration: underline; }

div.candidatelinkbox { float: right; width: 196px; height: 94px; margin: 21px 0 32px; padding: 13px 8px; background: URL(../images/bgbluegradsq.png) repeat-x ;}

.candidatelinkbox h3 { width: 181px; height: 17px; background: URL(../images/homecandidate.gif) no-repeat; }

.candidatelinkbox ul {  margin: 4px 0 4px 16px; list-style-type: circle; }

.candidatelinkbox li { margin-top: 2px;}

.candidatelinkbox a { color: #fff; text-decoration: none;}
 
.candidatelinkbox a:hover { color: #fff; text-decoration: underline; }

div.middle1 p { margin: 12px 0; }

div.middle2 p { margin: 12px 0; }

.middle1 a { color: #203466; text-decoration: none; }

.middle1 a:hover { text-decoration: underline; }

div.middle1 ul { margin: 0 0 20px 30px; }

div.middle1 li { margin-top: 10px; }

div.middle1contact p { margin: 12px 0; }

div.middle2 p { margin: 12px 0; }

.middle1contact a { color: #203466; text-decoration: none; }

.middle1contact a:hover { text-decoration: underline; }

div.middle1contact ul { margin: 0 0 20px 30px; }

div.middle1contact li { margin-top: 10px; }

div.valueslist { margin: 20px 0;}

.valueslist p:first-line { color: #E2124E; }

.valueslist p.expertise { padding-left: 35px; background: URL(../images/valuesliste.png) no-repeat left top; margin-bottom: 37px; }
.valueslist p.nurture { padding-left: 35px; background: URL(../images/valueslistn.png) no-repeat left top; margin-bottom: 38px; }
.valueslist p.efficiency { padding-left: 35px; background: URL(../images/valuesliste.png) no-repeat left top; margin-bottom: 36px; }
.valueslist p.responsibility { padding-left: 35px; background: URL(../images/valueslistr.png) no-repeat left top; margin-bottom: 50px; }
.valueslist p.growth { padding-left: 35px; background: URL(../images/valueslistg.png) no-repeat left top; margin-bottom: 41px; }
.valueslist p.integrity { padding-left: 35px; background: URL(../images/valueslisti.png) no-repeat left top; margin-bottom: 52px; }
.valueslist p.zeal { padding-left: 35px; background: URL(../images/valueslistz.png) no-repeat left top; margin-bottom: 50px; }
.valueslist p.energy { padding-left: 35px; background: URL(../images/valuesliste.png) no-repeat left top; margin-bottom: 0px; }

div.clienttestimonials a { float: left; width: 244px; height: 130px; margin: 15px 0; background: URL(../images/testbtnclient.png) no-repeat; }
div.clienttestimonials a:hover { float: left; width: 244px; height: 130px; background: URL(../images/testbtnclienthover.png) no-repeat; }

div.candidatetestimonials a { float: right; width: 224px; height: 130px; margin: 15px 0; background: URL(../images/testbtncandidate.png) no-repeat; }
div.candidatetestimonials a:hover { float: right; width: 224px; height: 130px; background: URL(../images/testbtncandidatehover.png) no-repeat; }

div.candidatetestimonials p:first-line { color: #E2124E; line-height: 1.8em; }

div.clientlogos { margin: 20px 0; }

div.clientlogos img { margin: 5px 0; }

div.clientlogos a img { border: #FFF solid 2px;}

div.clientlogos a:hover img{ border: #AEB4C3 solid 2px;}

div.contactdetails { float: left; }

div.contactdetails p { margin: 1.1em 0; }

div.contactdetails a.blueboxlink { float: left; padding: 4px 20px 6px; line-height: 1.8em; height: 33px; margin: 5px auto; background: URL(../images/bgblueboxlink.png) repeat-x 0 4px; ; color: #E2E2F4; text-decoration: none; font-weight: bold; }

div.contactdetails a.blueboxlink:hover { color: #FFF; text-decoration: none; }

div.contactmap { float: right; border: 5px #203466 solid; margin-top: 15px; }

div.carousel_container { margin: -5px 0 -30px; padding: 0px; }

div.carousel_container object { margin: 0; padding: 0; }

.left1 h3 { float: left; font-size: 20px; width: 145px; font-weight: normal; margin: 20px 20px 0;}

.left1 form { margin: 20px; }

.left1 input { background: #FFF url(../images/bgformtextinput.png) repeat-x left top;  }

p.jobtitle { font-size: 1.1em; margin-top: 5px; }

div.joboverview { border: 1px solid #203466; padding: 10px 10px 5px 10px; margin: 0 0 10px; }
div.joboverview h4 { font-size: 14px; float: left; padding: 12px; margin: -11px 0 10px -11px; width: 450px; background: #203466; color: #FFF; }
div.joboverview p.details { margin: 2px 0; font-size: 11px; font-weight: bold; text-transform: capitalize; }
div.joboverview p.role { font-size: 11px; }
div.joboverview p.more a { background: URL(../images/a_moredetails.png) no-repeat; padding: 2px 0 15px 30px; margin: 5px 0; font-weight: bold; }

div.jobspec { }
div.jobspec h4 { font-size: 16px; margin-bottom: 6px; }
div.jobspec p.details { margin: 2px 0; font-size: 12px; font-weight: bold; text-transform: capitalize; }
div.jobspec p.company { font-size: 12px; }
div.jobspec p.role { font-size: 12px; }
div.jobspec p.candidate { font-size: 12px; }
div.jobspec p.back { float: left; margin-top: 15px; background: URL(../images/a_goback.png) no-repeat top left; padding: 3px 0 3px 27px; font-weight: bold; }
div.jobspec p.apply { float: right; margin-top: 15px; background: URL(../images/a_goforward.png) no-repeat top right; padding: 3px 27px 3px 0; font-weight: bold; }


form.filtersector select { width: 134px; }
form.filtersector select option { width: 132px; margin: 0px;  }
form.filtersector input#keyword { width: 133px; }

form.filterindex h3 { font-size: 16px; }
form.filterindex select { width: 134px; }
form.filterindex select option { width: 132px; margin: 0px;  }
form.filterindex input#keyword { margin-left: 246px; width: 150px; }
form.filterindex select#sector { margin-left: 266px; width: 150px; }
form.filterindex select#salary { margin-left: 266px; width: 150px; }
form.filterindex select#location { margin-left: 253px; width: 150px; }
form.filterindex input#submit { float: left; margin-left: 355px; margin-top: 10px; background: URL(../images/a_goforward.png) no-repeat top right; width: 96px; height: 20px; border: none; font-weight: bold; color: #234566; }
form.filterindex input#submit:hover { float: left; margin-left: 353px; margin-top: 10px; background: URL(../images/a_goforward.png) no-repeat top right; width: 100px; height: 20px; border: none; font-weight: bold; color: #234566; }


div#recordnav { font-weight: bold; font-size: 14px; margin: 20px 0 0 12px; text-align: center;}
div#recordnav a:hover { color: #102456; text-decoration: none; }

div#recordnav span.greyedfirst { color: #666;  padding: 3px 3px 3px 30px; background: URL(../images/agreyed_gofirst.png) no-repeat; }
div#recordnav span.greyedback { color: #666; padding: 3px 3px 3px 23px; background: URL(../images/agreyed_goback.png) no-repeat; }
div#recordnav span.greyednext { color: #666; padding: 3px 23px 3px 3px; background: URL(../images/agreyed_goforward.png) no-repeat top right; }
div#recordnav span.greyedlast { color: #666; padding: 3px 30px 3px 3px; background: URL(../images/agreyed_golast.png) no-repeat top right; }


div#recordnav span.livefirst { padding: 3px 3px 3px 30px; background: URL(../images/a_gofirst.png) no-repeat; }
div#recordnav span.liveback { padding: 3px 3px 3px 23px; background: URL(../images/a_goback.png) no-repeat; }
div#recordnav span.livenext { padding: 3px 23px 3px 3px; background: URL(../images/a_goforward.png) no-repeat top right; }
div#recordnav span.livelast { padding: 3px 30px 3px 3px; background: URL(../images/a_golast.png) no-repeat top right; }


div#referform { width: 450px; }
div#referform input { width: 200px; }
div#referform p { margin: 0 0 6px 0; }

div#messageform { width: 450px; }
div#messageform input { width: 200px; }
div#messageform p { margin: 0 0 6px 0; }
div#messageform textarea { width: 450px; height: 150px; }

div#applyform { width: 450px; }
div#applyform input { width: 200px; }
div#applyform p { margin: 0 0 6px 0; }
div#applyform p.check input {width: 30px;}
div#applyform textarea { width: 450px; height: 150px; }


/* RIGHT COLOUMN */

div.rightdivider { float: left; width: 100%;  border-bottom: 2px solid #7178AE; height: 24px; margin-bottom: 20px; display: inline; }

h3.bubblesred { width: 170px; height: 24px; padding: 12px 0 0 25px; margin-bottom: 12px; background: URL(../images/bubblesred.png) no-repeat; font-size: 12px; font-weight: bold; text-transform: uppercase; }

div.testimonials { float: left; width: 237px; padding: 3px 0; display: inline; }

.testimonials img { float: left; margin: 0 5px 0 15px; }

.testimonials h4 { float: left; font-size: 12px; margin-bottom: 3px; }

.testimonials p { float: left; width: 130px; font-size: 10px; }

.testimonials a { color: #203466; text-decoration: none; }

.testimonials a:hover { text-decoration: underline; }

.topjobs { float: left; }

div.topjobslist { margin: -8px 25px 20px;  }

.jobtitle { font-weight: bold; font-size: 12px; }

.jobtitle a { color: #203466; text-decoration: none; }

.jobtitle a:hover { text-decoration: underline; }

.jobdescription { font-size: 10px; margin-bottom: 3px; }

div.featuredclients { float: left; width: 100%; }

div.clientlogoimages { width: 100%; text-align: center; }

.clientlogoimages img { margin-bottom: 7px; }

div.callbacksmall { float: left; }
div.callbacktext { margin: 0 15px 10px; font-size: 11px; text-align: center; }
div.callbacksmall p { margin: 4px 0; }
div.callbacktext span.callbacknumber { font-size: 21px; font-weight: bold; color: #7178AE; }

div.refer { float: left; }
div.refer p { margin: 10px 0; width: 250px; }












