@charset "UTF-8"; 
/* CSS Document */
body {margin: 0; padding: 0; font-size:62.5%; font-family:Arial, Helvetica, "Lucida Grande"; color: #333333; background-image:url(../img/bg.gif); background-repeat:repeat-x; background-color:#f7f7f7;}
a {color: #c9282d; text-decoration: none;}
a:hover {color: #c9282d; text-decoration: underline;}
.trans { behavior: url(./iepngfix.htc) }
p {padding: 0 0 10px 0; margin: 0; font-size: 1.2em; line-height: 1.4em;}
h1.colour {padding: 0 0 0 19px; margin: 0 0 4px 0; font-size: 1.6em; font-weight: bold; color: #333333; background-image:url(../img/arrow.red.gif); background-repeat:no-repeat; background-position: 0 1px;}
h1.grey {padding: 0 0 0 19px; margin: 0 0 4px 0; font-size: 1.6em; font-weight: bold; color: #333333; background-image:url(../img/arrow.grey.gif); background-repeat:no-repeat; background-position: 0 1px;}
h2 {padding: 0; margin: 0 0 10px 0;font-size: 1.4em; }
form {margin: 0; padding: 0;}
ul {padding: 0; margin: 0;}
p.denotes {font-size: 1.1em; float: right;}
p.infotitle  {margin: 0; padding: 0 0 4px 0; color:#c9282d; font-size: 1.3em; font-weight: bold;}
p.infoitem {margin: 0 0 0 0; padding: 0 0 6px 0; line-height: 1.4em; }
.infolink {color:#c9282d; margin: 0; padding-left: 10px; font-size: 1.1em; background-image:url(../img/bit.arrow.lrg.grey.gif); background-repeat:no-repeat; background-position: 0 2px;}
p.quality {line-height: 1.6em;}
.readmore a {padding: 0 0 0 10px; font-size: 1.1em; color:#c9282d; background-image:url(../img/bit.arrow.grey.gif); background-repeat:no-repeat; background-position: 0 3px; text-decoration: none;}
.readmore a:hover {text-decoration: underline;}
#dottedline {width: 100%; height: 1px; padding: 0; margin-bottom: 6px; background-image:url(../img/dots.gif); background-repeat:repeat-x;}

.mand {font-weight: bold; font-size:1.4em; vertical-align:top; line-height:1.0em; padding: 0; margin: 0; color:#c9282d}

form#form_suggestions .title {font-size:1.1em; font-weight: bold; line-height:1.4em;}
.textbox_reg {width: 176px; height: 24px; margin: 2px 0 4px 0; padding: 0 0 0 4px; background-color:#FFFFFF; border: 1px solid #d8d6d6;}
.textarea_lrg {width: 254px; height: 50px; margin: 2px 0 2px 0; padding: 0 0 0 4px; font-size: 1.2em; font-family:Arial, Helvetica, "Lucida Grande"; color: #000; background-color:#FFFFFF; border: 1px solid #d8d6d6;}
.jobsearchBtn {width: 86px; height: 24px; padding: 0; margin:0; cursor:pointer; font-size: 1.2em; font-weight: bold; color:#FFFFFF; background-image:url(../img/button.jobsearch.gif); border: 0;}
.helpusBtn {width: 86px; height: 24px; padding: 0; margin:0; cursor:pointer; font-size: 1.2em; font-weight: bold; color:#FFFFFF; background-image:url(../img/button.helpus.gif); border: 0;}
.contactusBtn {width: 86px; height: 24px; padding: 0; margin:0; cursor:pointer; font-size: 1.2em; font-weight: bold; color:#FFFFFF; background-image:url(../img/button.contactus.gif); border: 0;}


#tips_contactus {width: 320px; height: 30px; margin: 0 20px 0 0; float: left; display:inline; font-size: 1.2em; color: #c9282d; font-weight: bold;}
#denotes {width: 166px; height: 30px; float: left; display:inline; }

#btnholder {float:right; padding-top: 10px;}

#clear {clear:both;}

.backtotop a {padding: 0 0 0 31px; float:left; font-size: 1.1em; color:#c9282d; line-height: 1.1em; background-image:url(../img/bit.arrowup.grey.gif); background-repeat:no-repeat; background-position: 19px 2px; text-decoration: none;}
.backtotop a:hover {text-decoration: underline;}

#wrapper {width: 904px; padding: 0 auto; margin: 0 auto; /*background-color:#000000;*/}

#topbar {height: 30px; padding: 0 18px 0 18px; line-height: 30px; font-size: 1.1em; float:right;/*background-color:#666;*/}
#topbar #sitetitle {width: 120px; height: 20px; margin-right: 10px; text-align: right; float:left; display: inline; }
#topbar #sq1 {width: 10px; height: 10px; padding: 10px 0 0 0; margin-right: 1px; float:left; display: inline; }
#topbar #sq2 {width: 10px; height: 10px; padding: 10px 0 0 0; margin-right: 1px; float:left; display: inline; }
#topbar #sq3 {width: 10px; height: 10px; padding: 10px 0 0 0; margin-right: 1px; float:left; display: inline; }

ul.regular {margin:0 0 10px 0; padding: 0; list-style:none;}
ul.regular li {padding: 0 0 0 16px; font-size: 1.2em; line-height: 1.8em; background-image:url(../img/bit.arrow.bigcolour.gif); background-repeat: no-repeat; background-position: 0 4px;}


#cell_top {width: auto; height: 12px; background-image:url(../img/cell.top.png); background-repeat:no-repeat; }
#cell {width: auto; height: auto; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/cell.bg.gif); background-repeat:repeat-y; background-color:#FFFFFF;}
#cell_base {width: auto; height: 12px; background-image:url(../img/cell.base.png); background-repeat:no-repeat;}

#contactus {margin: 0; padding: 0;}
#contactus #leftside {width: 243px; height: 40px; margin: 0 20px 8px 0; padding: 0; float:left; display: inline;/* background-color:#333333;*/}
#contactus #rightside {width: 243px; height: 40px; margin: 0 0 4px 0; padding: 0; float:left; display: inline; /*background-color:#333333;*/}
form#form_contactus .title {font-size: 1.1em; font-weight:bold; color: #333333;}
form#form_contactus .textbox_sml {width: 237px; height: 24px; margin-top: 2px; padding: 0 0 0 4px; background-color:#FFFFFF; border: 1px solid #ccc;}
form#form_contactus .textarea_lrg {width: 500px; height: 100px; padding: 2px 0 0 4px; font-size: 1.2em; font-family:Arial, Helvetica, "Lucida Grande"; color: #000; background-color:#FFFFFF; border: 1px solid #ccc;}

.addresstitle {font-size:1.2em; font-weight: bold;}
.address {font-size:1.1em;}
.address a {text-decoration: none; color:#c9282d;}
.address a:hover {text-decoration: underline; color:#c9282d;}

#header {height: 43px; margin: 0; padding-top: 8px; /*background-color:#CCC;*/}

#mainnav {height: 46px; /*background-color:#FF3;*/}
#mainnav ul {list-style:none; padding: 0; margin: 0;}
#mainnav li {float:left; display:inline; font-size:1.4em; color:#c9282d; line-height: 34px;}
#mainnav li.br {width:1px; height: 10px; margin: 12px 16px 0 16px; float:left; display:inline; background-image:url(../img/mainnav.br.gif); background-repeat: no-repeat;}
#mainnav li a {font-weight: bold; color:#003366; text-decoration:none;}
#mainnav li a:hover {font-weight: bold; color:#c9282d; text-decoration:none;}

#footernav {width: 418px; text-align: center; padding: 0 auto; margin: 0 auto;font-size: 1.1em; color:#CCC; height: 46px; line-height: 34px;}
#footernav ul {list-style:none; padding: 0; margin: 0;}
#footernav li {float:left; display:inline; color:#333333;}
#footernav li.br {width:1px; margin: 0 16px 0 16px; float:left; display:inline;}
#footernav li a {color:#999; text-decoration:none;}
#footernav li a:hover {color:#c9282d; text-decoration:none;}

body#home #mainnav li.home a {font-weight: bold; color:#c9282d; text-decoration:none;}
body#aboutus #mainnav li.aboutus a {font-weight: bold; color:#c9282d; text-decoration:none;}
body#clients #mainnav li.clients a {font-weight: bold; color:#c9282d; text-decoration:none;}
body#candidates #mainnav li.candidates a {font-weight: bold; color:#c9282d; text-decoration:none;}
body#contactus #mainnav li.contactus a {font-weight: bold; color:#c9282d; text-decoration:none;}

#main {height: auto; /*background-color:#F33;*/}

#widebox_top {width:auto; height: 12px; background-image:url(../img/widebox.top.gif); background-repeat:no-repeat;}
#widebox_default {width: auto; height: auto; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/greybox.bg.gif);}
#widebox_base {width:auto; height: 12px; background-image:url(../img/widebox.base.gif); background-repeat:no-repeat;}
#searchresults {margin: 0; padding: 0;}
#searchresults #row_odd {width: auto; height: 24px; padding: 0; margin:0 0 1px 0; background-color:#e5e5e5;}
#searchresults #row_even {width: auto; height: 24px; padding: 0; margin:0 0 1px 0; background-color:#ebebeb;}

#searchresults {margin: 0; padding: 0 0 8px 0;}
#searchresults .col_title {margin: 0; padding: 0; font-size: 1.1em; font-weight: bold;}
#searchresults ul {margin: 0; padding: 0; list-style: none;}
#searchresults li {height: 24px; line-height: 22px; margin: 0 10px 0 0; padding: 0; float: left; display:inline; /*background-color:#CCC;*/}
#searchresults li.ref {width: 60px; padding-left: 10px;} 
#searchresults li.title {width: 200px;} 
#searchresults li.location {width: 164px;}
#searchresults li.created {width: 100px;} 
#searchresults li.salary {width: 80px;}
#searchresults li.apply {width: 80px;}
#searchresults li.view {width: 60px;}
#searchresults .applyforjob a {padding: 0 0 0 10px; font-size: 1.1em; color:#000; background-image:url(../img/bit.arrow.colour.gif); background-repeat:no-repeat; background-position: 0 2px; text-decoration: none;}
#searchresults .applyforjob a:hover {text-decoration:underline;}
#searchresults .viewjob a {padding: 0 0 0 10px; font-size: 1.1em; color:#000; background-image:url(../img/bit.arrow.colour.gif); background-repeat:no-repeat; background-position: 0 2px; text-decoration: none;}
#searchresults .viewjob a:hover {text-decoration:underline;}



#quicklinks {margin: 0 0 18px 0; padding: 0;}
#quicklinks ul {padding: 0; margin: 0; list-style:none;}
#quicklinks li.menu_on a {width: 278px; height: 32px; margin: 0 0 2px 0; padding-left: 22px; display: block; font-size: 1.2em; color:#FFF; line-height: 32px; text-decoration: none; background-image:url(../img/menu.bg.over.gif)}
#quicklinks li.menu_norm a {width: 278px; height: 32px; margin: 0 0 2px 0; padding-left: 22px; display: block; font-size: 1.2em; color:#c9282d; line-height: 32px; text-decoration: none; background-image:url(../img/menu.bg.up.gif)}
#quicklinks li.menu_norm a:hover {width: 278px; height: 32px; margin: 0 0 2px 0; padding-left: 22px; display: block; font-size: 1.2em; color:#FFF; line-height: 32px; text-decoration: none; background-image:url(../img/menu.bg.over.gif)}


#jobsearchbox {width:auto; height:59px; margin: 0 0 20px 0; background-image:url(../img/jobsearchbox.gif);}
#jobsearchbox #drop1 {width: 180px; height: 59px; margin: 0 10px 0 198px; float: left; display:inline;/* background-color:#000000;*/}
#jobsearchbox #drop2 {width: 180px; height: 59px; margin-right: 10px; float: left; display:inline; /* background-color:#000000;*/}
#jobsearchbox #drop3 {width: 180px; height: 59px; margin-right: 10px; float: left; display:inline; /* background-color:#000000;*/}
#jobsearchbox #buttonbox {width: 86px; height: 29px; margin: 0; padding: 25px 0 0 0; float: left; display:inline; /* background-color:#000000;*/}
#jobsearchbox #droptitle {height: 15px; padding: 10px 0 0 0; font-size:1.2em; color: #FFFFFF; font-weight: bold;/*background-color:#999999;*/}
form .dropbox_reg {width: 176px; height: 24px; padding: 2px 0 0 4px; background-color:#FFFFFF; border: 1px solid #ffcdd8;}
form .textfield_reg {width: 172px; height: 22px; padding: 0px 0 0 4px; background-color:#FFFFFF; border: 1px solid #ffcdd8;}

#viewing {width: 200px; height: 36px; padding: 10px 20px 0 20px; float: left; display: inline; }
#pagination {width: 604px; height: 36px; padding: 10px 20px 0 0; float: left; display: inline;}
ul.pagination {width: 600px; height: auto; margin: 0; padding: 0; list-style:none;}

ul.pagination li.pagicon_prev {width: 7px; height:24px; margin-right: 6px; text-align: center; color: #003366; line-height: 24px; float:right; display: inline;} 

ul.pagination li.pagicon_next {width: 7px; height:24px; margin-left: 6px; text-align: center; color: #003366; line-height: 24px; float:right; display: inline;} 

ul.pagination li.pagicon_on {width: 24px; height:24px; margin-right: 2px; text-align: center; cursor: pointer;  color: #FFFFFF; font-weight: bold; line-height: 24px; float:right; display: inline; text-decoration: none; background-image:url(../img/page.sq.over.gif);}
ul.pagination li.pagicon_on a {color: #FFF; text-decoration:none; display: block;}

ul.pagination li.pagicon {width: 24px; height:24px; margin-right: 2px; text-align: center; cursor: pointer; color: #003366; line-height: 24px; float:right; display: inline; text-decoration: none; background-image:url(../img/page.sq.up.gif);}
ul.pagination li.pagicon a {color: #003366; text-decoration:none; display: block;}

/*ul.pagination li.pagicon a:hover {text-decoration: none; color: #FFFFFF; font-weight: bold; background-image:url(../img/page.sq.over.gif);}
*/


ul.downloads {margin: 0; padding:0; list-style:none;}
ul.downloads li.pdf a {padding: 4px 0 2px 30px; margin: 0; color:#c9282d; text-decoration: none; font-size: 1.2em; line-height: 2.4em; background-image:url(../img/icon.pdf.gif); background-repeat:no-repeat; background-position: 0 0px;}
ul.downloads li.pdf a:hover {text-decoration:underline;}

ul.moreconnaught {margin: 0; padding:0; list-style:none;}
ul.moreconnaught li a {padding: 0 0 0 10px; font-size: 1.2em; color:#c9282d; line-height: 1.6em; background-image:url(../img/bit.arrow.grey.gif); background-repeat:no-repeat; background-position: 0 3px; text-decoration: none;}
ul.moreconnaught li a:hover {text-decoration:underline;}

#main #left {width: 546px; margin: 0 18px 0 0; float:left; display:inline;/* background-color:#333333;*/}
#main #right {width: 300px; float:left; display:inline; /*background-color:#333333;*/}

#main #imgholder {width: auto; height:168px; margin-bottom: 20px; background-color:#CCCCCC;}

#greybox_top {width:auto; height: 12px; background-image:url(../img/greybox.top.gif); background-repeat:no-repeat;}
#greybox_home {width: auto; height: 156px; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/greybox.bg.gif);}
#greybox_info {width: auto; height: 261px; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/greybox.bg.gif);}
#greybox_aboutus {width: auto; height: 230px; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/greybox.bg.gif);}
#greybox_default {width: auto; min-height: 1px; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/greybox.bg.gif);}
#greybox_base {width:auto; height: 12px; margin-bottom: 20px; background-image:url(../img/greybox.base.gif); background-repeat:no-repeat;}

#colourbox_top {width:auto; height: 12px; background-image:url(../img/colourbox.top.gif); background-repeat:no-repeat;}
#colourbox_improve {width: auto; height: 199px; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/colourbox.bg.gif);}
#colourbox_default {width: auto; height: auto; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/colourbox.bg.gif);}
#colourbox_base {width:auto; height: 12px; margin-bottom: 20px; background-image:url(../img/colourbox.base.gif); background-repeat:no-repeat;}

#regbox_top {width:auto; height: 12px; background-image:url(../img/regbox.top.gif); background-repeat:no-repeat;}
#regbox_default {width: auto; height: 200px; margin: 0; padding: 0 20px 0 20px; background-image:url(../img/greybox.bg.gif);}
#regbox_base {width:auto; height: 12px; margin-bottom: 20px; background-image:url(../img/regbox.base.gif); background-repeat:no-repeat;}

#focusbox {height: auto; margin-bottom: 10px;}
#focusbox ul {padding: 0; margin: 0; list-style:none;}
#focusbox li.thumb {width: 159px; height: 55px; margin: 0 10px 10px 0; float:left; display:inline; background-color:#333333;}
#focusbox li.block {width: 358px; height: 55px; margin: 0 0 10px 0; padding: 0 0 0 18px; float:left; display:inline; font-weight: bold; font-size: 1.4em; color:#c9282d; line-height: 55px; background-image:url(../img/focusbox.bg.gif); background-repeat:no-repeat; text-decoration:none;}
#focusbox .focus_author {font-size: 12px; font-weight: normal;}

#spotlight {height: auto; margin-bottom: 10px;}
#spotlight ul {padding: 0; margin: 0; list-style:none;}
#spotlight li.thumb {width: 119px; height: 85px; margin: 0 10px 10px 0; float:left; display:inline; }
#spotlight li.block { width: 153px; height: 85px; margin: 0 0 10px 0; padding: 0 0 0 8px; float:left; display:inline;}
#spotlight .title a {font-size: 1.4em; color:#c9282d;  font-weight: bold; text-decoration: none;}
#spotlight p.subtitle {font-size: 1.2em; color:#333; padding-bottom:6px;}



#whoweworkwith {width:264px; height: 74px; margin-bottom: 20px; padding: 18px; font-size: 1.3em; line-height: 1.4em; color:#FFFFFF; background-image:url(../img/whoweworkwith.bg.gif);}
#getintouch {width:200px; height: 52px; margin-bottom: 20px; padding: 18px 18px 0 82px; font-size: 1.3em; line-height: 1.4em; color:#FFFFFF; background-image:url(../img/emailbox.bg.gif);}
#getintouch a {color: #FFFFFF; text-decoration:none; font-weight: bold; }
#getintouch a:hover {text-decoration:underline; }

#footer {height: 65px; background-image:url(../img/qualitymark.logo.gif); background-repeat:no-repeat; background-position: right 6px; }