@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong { font-weight:bold; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;}
	ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}



body {
	background-image: url(../im/bg-site.png);
	background-repeat: repeat-x;
	font-family: "Helvetica 45 Light", Arial, Helvetica, sans-serif;
}

#horizon { width: 822px; margin: 0 auto; }

#nav {
	margin:27px 0 0 0;
	height:31px;
	background-image:url(../im/bg-nav.jpg);
	background-repeat:no-repeat;
	width: 822px;
}
	#nav ul li, #navadmin ul li { display: inline; position:relative; }
	#navadmin { margin:27px 0 0 0; 	height:31px;}
	#navadmin a { font-family:Arial, Helvetica, sans-serif; display: block; position:relative; float:left; padding:0 10px; font-size:11px; color:#666; }
	#nav a { display: block; position:relative; float:left; background-image:url(../im/bg-nav.jpg); text-indent:-9999em; height:31px; }
	#nav a#l1 { width:59px; }
		#nav a#l1:hover { background-position:0 -31px; }
	#nav a#l2, #nav a#l3, #nav a#l4, #nav a#l5, #nav a#l6 { width:81px; }
	#nav a#l7 { width:91px }
	#nav a#l2 { background-position:-59px 0; }
		#nav a#l2:hover { background-position:-59px -31px; }
	#nav a#l3 { background-position:-140px 0; }
		#nav a#l3:hover { background-position:-140px -31px; }
	#nav a#l4 { background-position:-221px 0; }
		#nav a#l4:hover { background-position:-221px -31px; }
	#nav a#l5 { background-position:-302px 0; }
		#nav a#l5:hover { background-position:-302px -31px; }
	#nav a#l6 { background-position:-383px 0; }
		#nav a#l6:hover { background-position:-383px -31px; }
	#nav a#l7 { background-position:-464px 0; }
		#nav a#l7:hover { background-position:-464px -31px; }


#maincontent {
	background-image: url(../im/bg-maincontent.png);
	padding: 20px 0 0 0;
}
	#login {
	text-align: right;
	height: 40px;
	}
	#login a {
	background-image:url(../im/icon-arrow-blueonwhite.jpg);
	background-repeat:no-repeat;
	display:block;
	padding:10px 30px 10px 10px;
	width:auto;
	float: right;
	background-position: left 12px;
	color: #20ABC3;
	text-decoration: none;
	font-size: 12px;
	}
	#col1, #col2, #gutter-left, #gutter-right { float:left; }
	#col1 {
	width:190px;
	padding:0 0 3px 0;
	margin: 0 0 0 10px;
}
		#col1 .bluebox { background-image:url(../im/bg-bluebox.png); }
        #col1 .blogbox { background-image:url(../im/bg-blogbox.png); }
		#col1 .bluebox .top, #col1 .blogbox .top {	background-image:url(../im/bg-bluebox-top.png);	height:9px; line-height:0px; font-size:1px;}
        #col1 .blogbox .top {background-image:url(../im/bg-blogbox-top.png); height:10px; }
		#col1 .bluebox .bottom,#col1 .blogbox .bottom { background-image:url(../im/bg-bluebox-bottom.png); height:8px; line-height:0px; font-size:1px; }
        #col1 .blogbox .bottom { background-image:url(../im/bg-blogbox-bottom.png); height:8px; }
		#col1 .bluebox .middle,#col1 .blogbox .middle { padding: 10px 20px; }
		#col1 .bluebox a { display:block; color:#fff; text-decoration:none; background-image:url(../im/icon-arrow-bluebox.png); background-repeat:no-repeat; background-position:140px 30px; padding:0 15px 0 0; height:40px; }
		#col1 .blogbox a { color:#fff; }
		#col1 .bluebox h2, #col1 .blogbox h2 { color:#fff; font-weight:normal; font-size:16px; margin:0 0 5px 0; }
		#col1 .bluebox p, #col1 .blogbox p { color:#fff; font-weight:normal; font-size:12px; line-height:1.5;  }
        #col1 .blogbox p, #col1 .blogbox a { color:#8F8F8F; }
        #col1 .blogbox h2 { color:#3A3A3A; font-family: "Helvetica 44 Light", Arial, Helvetica, sans-serif; } 

#col2 {
	width:578px;
	background-image: url(../im/bg-content.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 0 0 5px;
	padding: 0 3px 0px 3px;
	}
		#col2 a { color: #10B6B1; }
		#col2 p {
			padding: 0 10px;
			margin: 0 0 10px 0;
		}
		#col2 h1 {
			text-indent:-999em;
			background-repeat:no-repeat;
			height: 33px;
			margin: 0 10px 10px 10px;
}
		#col2 h1.nographic {
	background: none;
	text-indent:0;
	font-family:"Helvetica 45 Light", Helvetica, Arial, sans-serif;
	font-size: 17px;
	height: auto;
}
		#col2 h1.about { background-image:url(../im/head-about.jpg); }
		#col2 h1.contact { background-image:url(../im/head-contact.jpg); }
		#col2 h1.clients { background-image:url(../im/head-clients.jpg); }
		#col2 h1.candidates { background-image:url(../im/head-candidates.jpg); }
		#col2 h1.terms { background-image:url(../im/head-terms.jpg); }
		#col2 h1.links { background-image:url(../im/head-links.jpg); }
		#col2 h1.privacy { background-image:url(../im/head-privacy.jpg); }
		#col2 h1.sitemap { background-image:url(../im/head-sitemap.jpg); }
		#col2 h1.referral { background-image:url(../im/head-referral.jpg); }
		#col2 h1.tips { background-image:url(../im/head-tips.jpg); }
		#col2 h1.vacancies { background-image:url(../im/head-vacancies.jpg); height:55px; background-color:#95fafc; }
		#col2 h1.vacancydetails {
	background-image:url(../im/head-vacancydetails.jpg);
	height:55px;
	background-color:#95fafc;
	margin:0 0 20px 0;
}
		#col2 h1.application {
	background-image:url(../im/head-application.jpg);
	height:55px;
	background-color:#95fafc;
	margin:0 0 20px 0;
}
		#col2 h1.thankyou {
	background-image:url(../im/head-thankyou.jpg);
	height:55px;
	background-color:#95fafc;
	margin:0 0 20px 0;
}
		
		#col2 p, #col2 li, #col2 h2 {
	font-size:11px;
	line-height:1.5;
	color: #8F8F8F;
	font-family:Arial, Helvetica, sans-serif;
}
		#col2 ul {
	list-style-type:disc;
	margin:0 0 10px 5px;
	padding:0 0 0 1em;
		}
		#col2 li { margin:0 0 5px 0; }
		#col2.admin {
	background-image:none;
	width:780px;
	margin:10px 0 0 20px;
}
		#col2.admin h1 { text-indent: 0; margin:0 0 10px 0; height:auto; }
		#col2.admin p { padding:0; }
		#col2 h2 {
			margin: 0 0 0 10px;
			color:#5185AC;
			font-weight:bold;}
		.bluebold { 	color:#5185AC;
			font-weight:bold;}
		#col2 p.narrow {
	width:75%;
	margin-top: 10px;
		}
		#col2 ul.photo-list {
		 list-style:none;
		 margin:0;
		 padding:0;
		}
		#col2 ul.photo-list li {
		 width:188px;
		 height:185px;
		 float:left;
		 margin:0;
		}
		#col2 ul.photo-list li a {
		 display:block;
		 position:relative;
		}
		#col2 ul.photo-list li a img {
		 position:absolute;
		 z-index:1;
		}
		
		#col2 ul.photo-list li span {
		 display:block;
		 width:188px;
		 height:185px;
		 position:absolute;
		 z-index:2;
		}
		#stickies {
			height: 186px;
			width: 576px;
		}


	#gutter {
	background-image: url(../im/bg-gutter.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0;
	margin: 0 10px;
	}
	#tel {
	text-align:right;
	font-size:20px;
	color:#333;
	padding: 0 27px 10px 0;
}
	#tel span { color:#20ABC3 ; }
	
#footer {
	background-image: url(../im/bg-main-bottom.png);
	background-repeat:no-repeat;
	padding: 20px 0 30px 20px;
	width: 800px;
}
	#footer a {
	display:inline-block;
	color:#20ABC3;
	text-decoration:none;
	background-image:url(../im/icon-arrow-blueonwhite.png);
	background-repeat:no-repeat;
	padding:0 10px;
	font-size:11px;
	background-position:left center;
}
	#footer p { float:left; }
	#footer .copyright { float:right; color:#8f8f8f; font-size:10px; padding:6px 0 0 0; }

.grid1of3, .grid2of3, .grid3of3 { float:left; width:187px; }

.bgabout, .bgcontact, .bgclients, .bgcandidates {
	background-repeat:no-repeat;
	background-position:left 20px;
	margin: 20px 0 0 5px;
	clear:both;
	padding: 20px 0 20px 0;
}
.bgabout {
	background-image:url(../im/bg-about.png);
	text-align: right;
	width: 540px;
	height: 244px;
}
.bgcontact {
	background-image:url(../im/bg-contact.png);
	text-align: right;
	width: 540px;
	height: 150px;
	margin: 0 0 0 20px;
}
.bgclients {
	background-image:url(../im/bg-clent.png);
	text-align: right;
	width: 570px;
	height: 230px;
	margin: 0 0 0 5px;
}
.bgcandidates {
	background-image:url(../im/bg-candidate.png);
	text-align: right;
	width: 570px;
	height: 230px;
	display:block;
}


.contactform {
	background-color: #F4F4F4;
	padding: 10px 10px 10px 0;
	margin: 10px;
}
	.contactform label { display: block; }
	.contactform label.error { color:#900; }
	.contactform input, .contactform textarea { width: 250px; font-family:Arial, Helvetica, sans-serif; font-size:11px;  }
	.contactform input.error { border-color:#900; }
	.contactform #reset, .contactform #submit { width:150px; text-align:left; }

.vacsearch {
	background-color: #3afafc;
	margin:0 10px;
	background-image:url(../im/bg-vacanciespanel.jpg);
	background-position:right bottom;
	background-repeat: no-repeat;
	width:551px;
}
	#col2 .vacsearch h1 { margin:0; }
	#col2 .vacsearch p { color:#006666; margin:0 10px 10px 10px;  }
	#col2 .vacsearch a { color:#fff; }

.listtable td, .listtable th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #3afafc;
}
	.listtable input, .listtable textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

	.listtable th {
	font-weight: bold;
	text-align: left;
	background-color:#20ABC3;
	color: #FFF;
	}
	.listtable td {
	background-color:#fff;
} 
	#col2 .listtable a { color:#333; }
	#col2 .listtable th a { color:#fff; }




.hentry {
	margin:0 10px 20px 10px;
	padding: 0 0 20px 0;
	border-bottom:1px dotted #ccc;
}
h3.storytitle {
	font-size: 16px;
	margin: 0 0 5px 0;
}

.meta, .feedback {
	font-size: 11px;
	color: #8F8F8F;
}
#col2 .meta a { color: #8F8F8F; }

.storycontent { margin: 20px 0; }
#col2 .storycontent p { margin: 0 0 20px 0; padding:0; font-size:12px; }
#col2 .hentry h2 { padding:0; margin: 0; font-weight:normal; }
.blogbox ul { line-height:1.5; margin:0 0 10px 0; color:#fff; }
.blogbox li { margin:0 0 5px 0; font-weight:normal; font-size:16px; }
.blogbox li li { margin:0 0 0 10px; font-weight:normal; font-size:12px; }
#col2 h2#comments { margin:10px 0 5px 10px; }
#col2 ol#commentlist { margin:0 0 20px 10px; }