body {
	text-align:center;
	background:#4d4d4d url(../images/body_bg.jpg) repeat-x left top;
	font-size:62.5%;
	font-family:verdana;
	color:#000000;
}
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px;
	font-size:100%;
}
#outerwrapper {
	margin:20px auto;
	width:950px;
	min-height:120px;
	text-align:left;
	
}
#wrapper {
	width:950px;
	min-height:120px;
	float:left;
	display:inline;
	font-size:110%;
	background:#ffffff;
	overflow: hidden;
}
#wrapper:after {   
   content: '.'; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
#wrapper {
   display: inline-block;  /*this is what does it for IE!*/
}
/*\*/
#wrapper {
   display: block;
}
#content, #leftcontent, #rightcontent {
padding-bottom: 32767px !important;  /*this is the max allowed by Safari!*/
margin-bottom: -32747px !important;   /*if you want some bottom padding for the colums, set this say 10px less than the padding bottom value*/
}
#content {
	float:left;
	display:inline;
	margin:0 0 0 202px;
	width:545px;
	background:#eeeeee;
	
	
}
#rightcontent {
	float:left;
	display:inline;
	margin:0 0 0 0;
	width:203px;
	background:#eeeeee url(../images/stripe.jpg) repeat-y left top;
}
#leftcontent {
	float:left;
	display:inline;
	margin:0 0 0 -950px;
	width:202px;
	background:#eeeeee url(../images/stripe.jpg) repeat-y right top;
	
}
#masthead {
	min-height:152px;
	background:#52514c url(../images/masthead_bg.jpg) no-repeat left top;
	position:relative;
}
#footer {
	clear:both;
	min-height:25px;
	background: url(../images/footermain.gif) no-repeat left bottom;
}
#map {
	width:275px;
	height:275px;
	margin:0 10px 0 5px;
	float:left;
}

.divide {
	background:#eeeeee url(../images/footer_bg.jpg) repeat-x left top;
	clear:both;
	width:950px;
	height:5px;
	float:left;
}
.website {
	width:184px;
	height:16px;
	float:right;
	display:inline;
	margin:0px 10px 0 0;
	background:url(../images/website.gif) no-repeat left bottom;
	color:#686868;
	padding:14px 0 0 37px;
}
.leftcontentbg {
	background:url(../images/leftcontent_bg.gif) no-repeat left top;
	float:left;
	width:199px;
	
	
}
.vacancydetail {
	float:left;
	border:1px solid #ccc;
	margin:0 0px 0px 5px;
	position:relative;
	width:533px;
	display:inline;
}
.purple {
	/*color:#9516ee;*/
	font-weight:bold;
	font-size:1.1em;	
}
.right {
	text-align:right;
	padding-right:10px;
}
.green {
	color:#97be0c;
}
#candidates .right {
	width:160px;
	float:right;
}


.images {
	clear:both;
	
	margin-left:5px;
	float:left;
	display:inline;
	width:535px;
}
.center {
	margin-left:167px;
}
.rightpic {
	float:right;
	display:inline;
	margin:0 5px 10px 5px;
}
.box {
	width:535px;
	margin:-3px 0px 0 2px;
}
#content .job_list {
	float:left;
	border:1px solid #ccc;
	display:inline;
	margin:0 5px 0 5px;
}
#contact #optional {
	margin: 0 0 -10px 3px;
	float:left;
	
}
#contact .optional {
	margin: 0 0 -10px 3px;
	float:left;
	display:none;
	min-height:10px;
	
}

#contact .left, #contact .right {
	float:left;
	width:255px;
	display:inline;
	text-align:left;
}
#contact .left {
	margin:0 10px 5px 0;
}
#contact p.em {
	clear:both;
}
.hidden {
	position:absolute;
	left:-9000em;
}
/*--------------------------------LISTS---------------------------*/
ul {
	/*list-style:none;*/
}
li, li a {
	float:left;
}
a {
	text-decoration:none;
}
#leftcontent a {
	color:#747474;
}
#leftcontent a:hover {
	text-decoration:underline;
}
#rightcontent .text a, #content a.text {
	color:#9516ee;
}
#rightcontent a:hover {
	text-decoration:underline;
	
}
#optional ul, .optional ul {
	float:left;
	margin:0 0 0 20px;
	display:inline;
}
#optional li, .optional li  {
	padding-left:5px;
	margin:0 0 5px 0;
	
}

#masthead ul {
	float:left;
	background:#97be0c;
	width:925px;
	margin:127px 0 0 0 ;
	padding-left:25px;
	height:25px;
	list-style:none
}
#masthead li a {
	color:#ffffff;
	line-height:21px;
	margin:2px 2px 0 0;
	height:23px;
	padding:0 27px 0 27px;
}
#home #masthead li a.home, #contact #masthead li a.contact, #about #masthead li a.about, #candidates #masthead li a.candidates, #vacancies #masthead li a.vacancies, #clients #masthead li a.clients, #testimonials #masthead li a.testimonials, #workforus #masthead li a.workforus, #candidate_testimonials #masthead li a.testimonials, #interview_tips #masthead li a.candidates, #interview_dos_and_donts #masthead li a.candidates, #search_selection #masthead li a.clients,
#retained_recruitment #masthead li a.clients,
#contingency #masthead li a.clients,
#assessment_days #masthead li a.clients,
#advertising #masthead li a.clients,
#job_list #masthead li a.vacancies,
#apply #masthead li a.vacancies, 
#client_testimonials li a.testimonials,
#outsourcing #masthead li a.clients 

{
	background:#eeeeee;
	color:#6a8508;
}
#masthead li a:hover {
	background:#eeeeee;
	color:#6a8508;
}
#footer ul {
	float:right;
	display:inline;
	margin-right:20px;
	list-style:none
}
#footer li {
	line-height:22px;
	color:#a5a4a4;
}
#footer li a {
	color:#a5a4a4;
	font-size:1.1em;
	line-height:22px;
	padding:0 5px 0 5px;
}
#footer li a:hover, .website a:hover, #content p.breadcrumb a:hover {
	text-decoration:underline;
}
.website a {
	color:#686868;
}
#content p.breadcrumb a {
    color:#97be0c;
}
ul.vacancies {
    float:left;
    display:inline;
    margin:0 0 0px 6px;
    border:1px solid #ccc;
    border-bottom:none;
    position:relative;
    list-style:none
}
ul.vacancies.l {
	margin:0px 0 7px 6px;
	border:1px solid #ccc;
}

.vacancies li {
    padding-left:5px;
   
   
}

.vacancies li.ref {
    position:absolute;
    top:4px;
    right:5px;
    color:#ffffff;
}
.vacancies li.title {
    background:#747474;
   
    color:#fff;
    font-size:1em;
    float:none;
    padding:5px 0 5px 5px;
    margin-bottom:2px;
}
.vacancies li.summ {
    width:100px;
    clear:both;
    margin-bottom:2px;
}
.vacancies li.summary {
    width:420px;
    margin-bottom:3px;
   
}
.vacancies li a:hover {
    text-decoration:underline;
}
.vacancies li.apply {
    width:80px;
    color:#fff;
    background:#97be0c;
    padding:5px 5px 5px 25px;
   clear:both;
   
   
 }
 .vacancies li.moredetail {
    background:#747474;
    padding:5px 0 5px 178px;
    width:242px;
   
    float:left;display:inline;
 
 }
.vacancies li a {
    color:#fff;
 }
#about #content ul {
	float:left;
	margin:0 10px 8px 6px;
	list-style:none
}
.usp li {
	background:url(../images/sub_flame.jpg) no-repeat 0% 0%;
	padding-left:20px;
	margin-bottom:7px;
	width:510px;
	
}
ul.usp {
	float:none;
	width:530px;
	margin:0px;
	list-style:none
}
#candidates ul.usp {
	margin-left:5px;
	list-style:none
	
}

.titles li {
	width:150px;
}
.titles li.detail {
	width:350px;
}

#content ul.titles {
	
	display:inline;
	float:left;
	width:510px;
	list-style:none
}


.job_list ul {
	float:left;
	width:529px;
	margin:0 0 0 0;
	display:inline;
	padding:0 0px 0 5px;
	list-style:none
}
ul.top {
	float:left;
	height:25px;
	background:#747474;
	color:#fff;
	margin:0 0 0 0;
	list-style:none
}
ul.bot {
	padding:5px;
	list-style:none
}
ul.app {
	
	background:#97be0c;
	color:#fff;
	height:25px;
	line-height:25px;
	padding:0px;
	width:533px;
	list-style:none
}
.top li {
	line-height:25px;
}

.job_list li.title {
	width:225px;
}
.job_list li.sal {
	width:190px;
}
.job_list li.ref {
	width:40px;
}
.job_list li.rem {
	width:50px;
}
.app a {
	color:#fff;
}
.app a.browse {
	background:#747474;
	padding:0 5px 0 5px;
	width:120px;
}
.app a.d {
	background:#ccc;
	padding-left:120px;
	margin-right:0px;
	background:#97be0c;
}

a.view {
	position:absolute;
	top:19px;
	left:180px;
	color:#4d4d4d;
}
a.view:hover {
	text-decoration:underline;
}

#clients #content ul, #search_selection #content ul, #retained_recruitment #content ul, #contingency #content ul, #assessment_days #content ul, #advertising #content ul, #outsourcing #content ul  {
	float:left;
	margin:0 10px 0 5px;
	display:inline;
	width:530px;
	list-style:none
}


 #clients #content ul li, #search_selection #content ul li,  #retained_recruitment #content ul li,  #contingency #content ul li,  #assessment_days #content ul li,  #advertising #content ul li, #outsourcing #content ul li 
{
	margin-bottom:8px;
	width:530px;
}
.text ul {
	
	float:left;
	display:inline;
	margin:0 10px 0 22px;
	margin:0 10px 0 12px;
	list-style:disc;
	list-style:none;
}
.text ul li {
	margin-bottom:10px;
	background:url(../images/square_g.jpg) no-repeat 0% 10%;
	padding-left:12px;
}
.text ul li.twolines {
	background:url(../images/square_g.jpg) no-repeat 0% 25%;
}
.text ul li.sixlines {
	background:url(../images/square_g.jpg) no-repeat 0% 5%;
}
.text ul li.fivelines {
	background:url(../images/square_g.jpg) no-repeat 0% 5%;
}
.text ul li.sevenlines {
	background:url(../images/square_g.jpg) no-repeat 0% 5%;
}

#interview_tips #content ul {
	float:left;
	width:520px;
	display:inline;
	margin:0 5px 8px 18px;
	list-style-type:disc;
}
#interview_tips #content li {
	width:500px;
	margin-bottom:8px;

}
ul.tick, ul.cross {
	float:left;
	display:inline;
	margin:0 10px 0 5px;
}
.tick li, .cross li  {
	background:url(../images/tick.jpg) no-repeat left center;
	padding-left:20px;
	width:500px;
	margin-bottom:8px;
}
.cross li {
	background:url(../images/cross.jpg) no-repeat 0.5% 50%;
}


/*---------------------------------HEADINGS/PARA--------------------------*/
#home #content h1 {
	background:url(../images/header_bg.jpg) repeat-x left bottom;
	padding:8px 0 9px 8px;
	color:#97be0c;
	font-weight:normal;
	font-size:2em;
	letter-spacing:0px;
}
#content h1 {
    background:url(../images/header_bg.jpg) repeat-x left bottom;
	padding:8px 0 9px 8px;
	color:#97be0c;
	font-weight:normal;
	font-size:2em;
	margin-bottom:10px;
	letter-spacing:-1px;
}
#testimonials #content h1 {
	margin-bottom:20px;
}
#interview_dos_and_donts #content h1, #candidate_testimonials #content h1  {
	font-size:1.7em;
	padding-top:11px;
}
#interview_tips #content h3, #outsourcing #content h3 {
	font-style:normal;
	margin-right:10px;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}
#interview_tips #content h2, #interview_dos_and_donts #content h2, #outsourcing #content h2 {
	margin-left:5px;
	font-size:1.3em;
}
#masthead h1 {
	text-indent:-9000px;
	width:450px;
	height:20px;
	position:absolute;
	top:20px;
	left:450px;
	background:url(../images/strapline.jpg) no-repeat left top;
}
#content .vacancydetail h2 {
	margin:0 0 10px 0;
	color:#fff;
	background:#747474;
	font-size:1.2em;
	padding:5px;	
}
#content h3 {
	font-style:italic;
	font-size:1em;
	margin:0 0 8px 5px;
}
.underline {
	text-decoration:underline;
}
.vacancydetail p {
	padding:0;
	margin:10px 0 0 0;
	
}
.vacancydetail p.ref {
    position:absolute;
    top:7px;
    right:10px;
    color:#fff;
}
#content .vacancydetail p.salary {
	border-bottom:1px solid #747474;
	padding-bottom:8px;
	margin-bottom:6px;
}
.vacancydetail a {
	color:#fff;
	background:#97be0c;
	display:block;
	font-size:1.2em;
	font-family:arial;
	margin:0px 0px 0px 0px;
	text-align:center;
	height:25px;
	line-height:25px;
}
#content h2 {
	color:#747474;
	margin:0 0 10px 4px;
	font-size:1.5em;
}	
#clients #content h2 {
	font-size:1.3em;
}


#contact #content h2 {
	clear:both;
	margin:15px 0 8px 0;
	border-top:1px solid #ccc;
	padding-top:4px;
}

#leftcontent h2, #rightcontent h2  {
	color:#5c5b57;
	border-bottom:1px solid #ccc;
	margin:0 11px 8px 7px;
	padding:8px 0 6px 0;
	font-weight:normal;
	font-size:1.8em;
}
#leftcontent h2 {
	background:url(../images/main_flame.jpg) no-repeat 0% 50%;
	padding-left:40px;
}
#rightcontent h2 {
	background:url(../images/main_flame.jpg) no-repeat 100% 50%;
	margin:0 11px 8px 7px;
	padding:8px 0 6px 4px;
}
#leftcontent h4, #rightcontent h4 {
	color:#5c5b57;
	font-size:1.1em;
	background:url(../images/sub_flame.jpg) no-repeat 0% 0%;
	margin:0 11px 2px 9px;
	padding-left:17px;
}
#leftcontent h3, #rightcontent h3 {
	color:#5c5b57;
	font-size:1.2em;
	margin:0 0 5px 7px;
	padding:5px 0 0 4px;
}

#content h2.phone {
	background:url(../images/phone.jpg) no-repeat left center;
	color:#929292;
	font-family:arial;
	font-size:2.3em;
	margin:10px 0 0 -100px;
	width:400px;
	height:25px;
	padding-left:45px;
	float:left;
	display:inline;
}


.smaller {
	font-size:0.9em;
	padding-bottom:2px;
}

#content p.phone {
	border:none;
	font-size:1.6em;
	color:#5c5b57;
}
#content p {
	margin:0 5px 11px 5px;
}
#leftcontent .text p, #rightcontent .text p {
	border:none;
	margin:0 11px 11px 13px;
	padding:0;
}
#leftcontent p, #rightcontent p {
	margin:0 11px 4px 7px;
	border-bottom:1px solid #ccc;
	padding:0 0 5px 19px;
}

#footer p {
	float:left;
	display:inline;
	margin-left:10px;
	line-height:22px;
	color:#a5a4a4;
	font-size:1.1em;
}
#content p.breadcrumb  {
    float:right;
    display:inline;
    margin:0;
    padding:19px 20px 0 0;
    color:#97be0c;
}
/*------------------------------------IMAGES------------------------------*/
img { 
    border:none;
}
#masthead img {
	position:absolute;
	top:0px;
	left:10px;
}
#content img {
	margin: -5px 0px 0 5px;
}
#contact #content img {
	margin:0 5px 0 0;
	float:left;
}
#clients #content img {
	float:left; 
	margin:8px 0 0 10px;
	display:inline;
}
.top_c {
	margin-left:30px;
	float:left;display:inline;
	width:505px;
}
#candidates .bottom_c {
	float:left;
	width:400px;
	margin:10px 0 0 100px;
}

#candidates .bottom_c img {
	margin-top:10px;
}

.bottom_c {
	float:left;display:inline;
	margin:0 0 0 100px;
	width:425px;
	margin-bottom:10px;
}
#testimonials #content a.img {
	margin-left:70px;
	margin-bottom:100px;
}
#testimonials #content p.img  {

	margin:10px 0 10px 30px;
}

#candidates .right a {
	
	display:block;
	height:78px;
	width:150px;
	padding:0 0 0 0;
	margin:0 -10px 10px 0;
	
}
#about #content img {
	margin-bottom:10px;
}
#content img.t {
	margin-top:5px;
}
/*----------------------------------FORMS----------------------------------*/
#masthead form {
	position:absolute;
	top:60px;
	left:730px;
}
#masthead input {
	width:151px;
	height:18px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	color:#ccc;
	padding:1px 27px 0 21px;
	font-size:115%;
}
#masthead input.btn {
	position:absolute;
	top:2px;
	left:175px;
	width:22px;
	height:15px;
	background:url(../images/submit.gif) no-repeat left top;
}
form#appl {
	float:left;
	border:1px solid #cccccc;
	display:inline;
	margin:0 0 0 5px;
	width:533px;
	padding:0px 0 10px 0;
}
#appl p.title {
	background:#747474;
	color:#fff;
	padding:5px;
	margin:0 0px 7px 0px;
}
#appl input {
	border:1px solid #747474;
	width:300px;
	padding:3px;
	background:url(../images/apply_input.jpg);
}
#appl input.job {
	width:508px;
	margin:0 5px 0px 0px;
}
#appl input.btn {
	border:none;
	 background:#97be0c;
	 color:#fff;
	
	 margin-left:167px;
	 width:200px;
}
#appl label {
	padding-top:3px;
	float:left;
	width:130px;
}
#appl p.top {
	border-top:1px solid #747474;
	padding-top:7px;
}
#appl select {
	width:50px;
	border:1px solid #747474;
}
#appl textarea {
	border:1px solid #747474;
	width:306px;
}
#appl .req {
	color:red;
}

/*-------------------------------------MISC---------------------------------------*/
.date {
	float:right;
	display:inline;
	margin:-33px 8px 0 0;
}