/* Theme Name: ASC
	Author: Dan Sunderland for Optimal Internet 2011 
*/
/* Eric Meyer style reset */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } 

/* HTML Elements */
body, html { width: 100%; height: 100%; background: #e4edf3 url(images/body_bg.png) repeat-x; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 0.75em; color: #727272; }
a { color: #336796; text-decoration: none; }
h1 { font-size: 1.5em; color: #336796; }
h2 { font-size: 1.4em; font-weight: bold; margin-top: 5px; }
h3 { font-size: 1.4em; }
h4 { font-family: Helvetica Bold, Arial Bold, sans-serif; font-size: 0.8em; text-transform: uppercase; font-weight: bold; color: #7e7e7e; margin:5px 0px 10px 0px; }
p { line-height: 1.5em; margin: 5px 0px; }
em { font-style: italic; color: #a7a7a7; display: inline-block; font-family: Georgia, serif;  }
strong { font-weight: bold; color: #000; }
hr { width: 640px; text-align: center; background: #d4e1eb; height: 1px; border: none; }
legend { display: none; }

/* Structural elements */
#overlay { width: 100%; height: 100%; background: url(images/overlay_bg.png) top right no-repeat; }
#header { width: 100%; float: left; margin-top: 25px; }
#banner { width: 950px; float: left; padding: 5px; background: #cedae5; margin: 0px 0px 15px 0px; border-radius: 5px; -moz-border-radius: 5px; }
#content { width: 100%; float: left; }
#sidebar { width: 290px; float: left; }
#page-content, #homepage-content { width: 660px; float: left; margin: 0px 0px 10px 10px; }
#innerpage-content { width: 658px; float: left; margin: 0px 0px 10px 10px; padding-top:0px !important; }
#innerpage-content #content-container{ width: 658px; background: #fff; border: 1px solid #afbfcf; border-top:0px !important; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; padding-bottom: 27px; margin-top:0px !important; padding-top:5px; }
#innerpage-content h3 {  margin-left: 10px; }
#footer { float: left; width: 100%; color: #69808b; text-shadow: 1px 1px 1px #fff; }

/* Homepage */

	#technical-services { width: 320px; float: left; }
	#technical-services h2 { display: block; width: 300px; padding: 10px; background: url(images/blue-header.png) no-repeat; height: 14px; color: #fff; text-shadow: 1px 1px 1px #40729d; margin: 0px; }
	#technical-services h3 { font-size: 1.0em; color: #257bc4; }
		#technical-services ul { width: 318px; background: #fff; border: #afbfcf 1px solid; border-top: none; overflow: hidden; margin-bottom: 10px; 
		-moz-border-radius-topleft: 0px; 
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px; }
		#technical-services ul li { width: 298px; float: left; padding: 10px 10px 10px 20px; background: #fff url(images/li-blue-arrow.png) no-repeat 10px center; border-bottom: 1px solid #cdd9dd; font-size: 1.2em; }
		#technical-services ul li.odd { background: #eef7ff url(images/li-blue-arrow.png) no-repeat 10px center !important; }
			#technical-services ul li:last-child { border-bottom: none; }
			#technical-services ul li a { color: #898989; font-weight: bold; display: inline-block; width: 100%; }
			#technical-services ul li a:hover { color: #0066c5; }
			
#business-services { width: 320px; float: left; margin-left: 20px; border-radius: 5px; -moz-border-radius: 5px; }		
	#business-services h2 { display: block; width: 300px; padding: 10px; background: url(images/green-header.png) no-repeat; height: 14px; color: #fff; text-shadow: 1px 1px 1px #6b8d28; margin: 0px; }
		#business-services h3 { font-size: 1.0em; color: #719723; }
		#business-services ul { width: 318px; background: #fff; border: #afbfcf 1px solid; border-top: none; overflow: hidden; margin-bottom: 10px; -moz-border-radius-topleft: 0px; 
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px; }
		#business-services ul li { width: 298px; float: left; padding: 10px 10px 10px 20px; background: #fff url(images/li-green-arrow.png) no-repeat 10px center; border-bottom: 1px solid #cdd9dd; font-size: 1.2em; }
		#business-services ul li.odd { background: #f3ffee url(images/li-green-arrow.png) no-repeat 10px center; }
			#business-services ul li:last-child { border-bottom: none; }
			#business-services ul li a { color: #898989; font-weight: bold; display: inline-block; width: 100%; }
			#business-services ul li a:hover { color: #719723; }		
			
#homepage-about { width: 640px; padding: 10px; float: right; background: #fff; color: #949494; border: 1px solid #afbfcf; border-radius: 5px; -moz-border-radius: 5px; }
	#homepage-about h3 { color: #336796; border-bottom: 1px solid #c4d5e2; padding-bottom:5px; } 


li.latestjob { padding: 5px 12px !important; background: #f3f3f3 !important; min-height: 95px; -moz-border-radius-topleft: 0px; 
				-moz-border-radius-topright: 0px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;  }

 
.ts-featured-job, .bs-featured-job { display: none; height: 55px; }
.ts-featured-job a { color: #0066c5 !important; }
.bs-featured-job a { color: #719723 !important; }
.ts-featured-job h3, .bs-featured-job h3 { margin: 5px 0px; }
.ts-featured-job.active, .bs-featured-job.active { display: block; }

#ts-slider, #bs-slider { width: 40px; float: right;  }
.sliderbutton { float: left; margin: 2px; width: 7px; height: 7px; background: url(images/slider-btn.png) no-repeat; cursor: pointer; } 
.sliderbutton.active {background: url(images/slider-btn-active.png) no-repeat; }  

/* Navigation */
ul#nav { display: block; float: left; width: 960px; height: 45px; padding: 8px; float: left; background: url(images/nav_bg.png) no-repeat; font-size: 1.2em; margin-top: 15px; }
	ul#nav li { display: inline-block; float: left; padding: 0px 14px; height: 35px; line-height: 35px; border-left: 1px #c1c5cb solid; border-right: 1px #eff0f4 solid; }
		ul#nav li a { color: #6a767e; font-weight: bold; text-shadow: 1px 1px 1px #fff; }
		ul#nav li.active, ul#nav li:hover { background: url(images/nav_active_bg.png) repeat-x;  }
			ul#nav li.active a, ul#nav li:hover a { color: #587b9c;  }
		ul#nav li:first-child { border: none; padding: 0px 5px; }
			ul#nav li:first-child:hover { background: none; }
		ul#nav li:last-child { border: none; padding: 0px 5px; }
			ul#nav li:last-child:hover { background: none; }
				#home { border-left: none !important; }
				#contact-us { border-right: none !important; }
			
#quicklinks h2 { display: block; width: 270px; padding: 10px; background: url(images/quicklinks-header.png) no-repeat; height: 15px; color: #e3ebf2; text-shadow: 1px 1px 1px #778591; margin: 0px; }
#quicklinks ul { width: 288px; background: #cedae5; border: #afbfcf 1px solid; overflow: hidden; font-size: 1.1em; margin-bottom: 10px; 
-moz-border-radius-topleft: 0px; 
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;  } 

#quicklinks ul li { width: 228px; float: left; padding: 15px 10px 10px 50px; background: #cedae5; border-top: 1px solid #e3ebf2; border-bottom: 1px solid #afbfcf; }
	#quicklinks ul li a { color: #657f96; font-weight: bold; display: inline-block; width: 100%; background: url(images/li-arrow.png) no-repeat right center; }
	#quicklinks ul li a:hover { color: #fff; }
	#quicklinks ul li:first-child { border-top: none; }
	li#quicklinks-last-child { border-bottom: none !important; padding-bottom: 0px !important; }
	#quicklinks ul li#ql-ts { background: url(images/ts-icon.png) no-repeat 13px center; }
	#quicklinks ul li#ql-bs { background: url(images/bs-icon.png) no-repeat 13px center; }
	#quicklinks ul li#ql-r { background: url(images/r-icon.png) no-repeat 10px center; }
	#quicklinks ul li#ql-jbe { background: url(images/jbe-icon.png) no-repeat 8px center; }
	#quicklinks ul li#ql-ir { background: url(images/ir-icon.png) no-repeat 8px center; }
	#quicklinks ul li#ql-t { background: url(images/star.png) no-repeat 8px center; }

#footer a { color: #69808b; }
	
/* Sidebar */
#sidebar { color: #336796; }
#connect { width: 268px; height: 96px; padding: 10px; float: left; background: #fff; border: 1px solid #afbfcf; border-radius: 5px; -moz-border-radius: 5px; text-align: center; margin-bottom: 20px; margin-top:2px; }
#connect img { /*margin-top: 20px;*/ margin:14px 5px 0px; }
#connect h3, #testimonials h3 { color: #336796; border-bottom: 1px solid #c4d5e2; padding-bottom:5px; text-align: left !important; }

#testimonials { width: 290px; /*padding: 10px;*/ float: left; border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 10px; font-size: 0.9em; }
#testimonials p{ border-top:1px solid #d4e1eb; width:268px; padding:10px; }
#testimonials p:first-child{ border-top:0px !important; }
	#testimonials img { float: left; margin: 3px; }
#testimonials h3 { display: block; width: 270px; padding: 10px; background: url(images/quicklinks-header.png) no-repeat; height: 15px; color: #fff; text-shadow: 1px 1px 1px #778591; margin: 0px; }
#testimonials div{background: #fff; border: 1px solid #afbfcf; margin-top:-1px; }
#testimonials strong{ color:#254f73; }
#testimonials .testimonial { height: 80px; overflow:hidden; cursor:pointer; }
#testimonials .testimonial:hover { height: auto; background:#D4E1EB; }


#irecommend { width: 268px; height: 128px; padding: 10px; float: left; background: #ffffff; border: 1px solid #afbfcf; border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 10px; } 
	#irecommend h3 { font-size: 1.25em; padding-left: 32px; height: 26px; line-height:26px; font-weight: bold; color: #336796; padding-bottom: 5px; background: url(images/irecommend-logo2.png) no-repeat left center; }
	#irecommend p { width: 150px; }
	#irecommend img { float: right; margin-top: -25px; }
#irecommend #rit{ background: url(images/iRecommendRit.jpg) no-repeat right top; width:268px; height:128px; padding:10px; }
#irecommend #lft{ background: url(images/iRecommendLft.jpg) no-repeat left top; width:268px; height:128px; padding:10px; }

#irecommend #lft h3 { font-size: 1.25em; padding-left: 32px; height: 26px; line-height:26px; font-weight: bold; color: #336796; padding-bottom: 5px; background: url(images/irecommend-logo.png) no-repeat left center; width:150px; margin-left:100px; }
	#irecommend #lft p { width: 150px; margin-left:100px; margin-top:0px; }
	#irecommend #lft a { display:block; margin-top:28px; clear:both; }
	#irecommend #rit a { display:block; margin-top:23px; clear:both; }
	
#subpages h2 { display: block; width: 270px; padding: 10px; background: url(images/quicklinks-header.png) no-repeat; height: 15px; color: #fff; text-shadow: 1px 1px 1px #778591; margin: 0px; }
#subpages ul { width: 288px; background: #cedae5; border: #afbfcf 1px solid; overflow: hidden; font-size: 1.2em; margin-bottom: 10px;  } 
#subpages ul li { width: 268px; float: left; padding: 8px 10px 8px 10px; background: #f9f9f9; border-top: 1px solid #e3ebf2; border-bottom: 1px solid #afbfcf; }
#subpages ul li a { color: #657f96; font-weight: bold; display: inline-block; width: 258px; background: url(images/li-arrow.png) no-repeat right center; }
#subpages ul li ul { margin-top: 5px; font-size: 12px; }
#subpages ul li ul li { background: #CEDAE5; }
#subpages ul li ul li a:hover { color: #fff; }
#subpages ul li:first-child { border-top: none; }
#subpages ul li:last-child { border-bottom: none; }


/* Inner pages */
#innerpage-content h1 { width: 650px; height: 25px; padding: 8px 0px 0px 10px; background: url(images/innerpage-header.png) no-repeat; margin: 0px; color: #fff; text-shadow: 1px 1px 1px #778591; /*margin-bottom: 15px;*/ margin-bottom: 0px !important; }
#innerpage-content h2 { padding: 10px; text-decoration: underline; display: inline-block; }
#innerpage-content h3 { font-weight: bold; color: #1982b1; width: 80%; }
#innerpage-content p { padding: 0px 10px; color: #778591; line-height:21px; }
#innerpage-content img { margin: 15px 3px; float: left; }
#innerpage-content ul { list-style: none; }
#innerpage-content ul li{ line-height:21px; }
#innerpage-content form { padding: 10px; }	
	
/* Search Results & Job Views */
.job { background: #f1f5f8; border: 1px solid #afbfcf; border-radius: 5px; -moz-border-radius: 5px; width: 635px; float: left; margin: 10px; }
	.job h2 a{
		line-height:18px;
	}
	.job p { }
	.jobdetails { margin: 0px 0px 5px 0px; float: left; width: 640px; padding: 5px; clear:both; }
		.jobdetails p { margin: 0px !important; }
	.jobmeta {  display: inline-block; width: 100px; font-weight: bold; color: #000; float: left; }
	.jobactions { font-weight: bold; float: left; padding:5px 5px 5px 10px; margin: 0px 0px 0px 5px; width: 400px; clear:both; }
.job .jobactions { margin: 0px; }
	.jobbuttons { float: left; width: 615px; background: #d4e1eb; padding: 0px 10px;}
		#innerpage-content .button { float: right; margin: 15px; display: block; }  

	
/* Images & content */
#logo { float: left; }
#callus { float: right; }
#banner-img { float: right; }

/* Forms */
#quicksearch { float: left; width: 270px; margin-left: 5px; }
	#quicksearch h2 { display: inline-block; width: 100%; color: #587b9c;  border-bottom: 1px #69849d solid; padding: 5px 0px; }
	#quicksearch fieldset { border-top: 1px #e5ebf1 solid; width: 100%; }
	#quicksearch fieldset label { width: 100%; float: left; color: #5e6a73; margin: 10px 0px 5px 0px; font-weight: bold; }
	#quicksearch fieldset input, #quicksearch fieldset select { padding: 0px; width: 100%; padding: 5px 0px; color: #9b9b9b; border: #a5adb5 1px solid; }
	#quicksearch fieldset input[type=text] { width: 266px; -moz-border-radius: 3px; border-radius: 3px; }
	#searchbutton { width: 272px; height: 40px; font-size: 1px; text-indent: -99999px; background: url(images/searchbutton.png) no-repeat;  }
	#searchbutton:active { background: url(images/searchbutton-active.png) no-repeat;  }

#innerpage-content #cforms { padding: 10px; }
.captcha { float: left; margin: 5px !important; }

.cform { padding: 10px; }
.cform fieldset { border-top: 1px #e5ebf1 solid; width: 100%; }
	.cform fieldset label { display: block; width: 100%; float: left; color: #5e6a73; margin: 10px 0px 5px 0px; font-weight: bold; }
	.cform fieldset input, .cform fieldset select { padding: 0px; width: 266px; padding: 5px 0px; color: #9b9b9b; }
	.cform fieldset input, .cform fieldset select, .cform textarea { float: left; }
	.cform fieldset input[type=text] { width: 266px; }
	.cform fieldset input[type=submit] { font-size: 1.2em; padding: 10px 20px !important; }
	.cform p { padding: 0px !important; }
	.cform .reqtxt, .cform .emailreqtxt { float: left; margin-top: 10px; }
	
/* Helper classes */
.wrapper { width: 960px; margin: 0 auto; overflow:hidden; }
.cb { clear: both; }   
.left { float: left; }
.right { float: right; }
.title-meta { font-size: 0.75em; float: right; margin-top: 2px; }
.button, input[type=submit] { 
	font-weight: bold;
	margin-top: 10px;
	text-transform: uppercase;
	text-align: center; 
	color: #fff !important;
	padding: 5px 20px !important;
	background: #187ca7;
	background: -moz-linear-gradient( top, #25a2d7 0%, #187ca7);
	background: -webkit-gradient( linear, left top, left bottom,  from(#25a2d7), to(#187ca7));
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid #0f79a7;
}
.button:active { box-shadow: inset 3px 3px 3px rgba(0,0,0,0.25); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); }
.failure { color: red !important; }
 
 
.styleList{
	padding:5px 0 10px 25px;
	list-style:circle;
	margin-left:0px;
}
.styleList li{
	list-style:disc;
	height:21px !important;
	line-height:21px; !important
	padding:0px !important;
}
.styleList2{
	padding:5px 0 10px 25px;
	list-style:circle;
	margin-left:0px;
}
.styleList2 li{
	list-style:disc;
}
#recommendFrm{
	margin-bottom:20px;
}
#recommendFrm .error{
	color:#FF0000;
}
#recommendFrm br{
	display:none;
}
#recommendFrm label{
	display:block;
	width:150px;
	float:left;
	clear:left;
	line-height:21px;
}
#recommendFrm input{
	float:left;
	clear:none;
	margin-right:10px;
}
#recommendFrm input.error{
	border:#ff0000 dashed 1px;
}
#recommendFrm textarea{
	float:left;
}
#recommendFrm div{
	float:left;
	clear:both;
	margin:5px 0px;
	width:100%;
}
h3 .title-meta { margin:0px !important;  padding:0px !important; margin-top: 0px; text-shadow: 1px 1px 1px #778591; }
h3 .title-meta a { color:#ffffff; margin:0px !important;  padding:0px !important; margin-top: 0px; }
#subnav .current_page_item{
	background:#cedae5;
	border-top:none;
}
.listLoat{
	float:left;
	width:290px;
}
.testims{
	border-bottom:1px solid #d4e1eb;
	padding:10px 0px;
	clear:both;
}
.testims .block{
	padding: 0px 10px; color: #778591; line-height:21px;
}
#testimPagen{
	clear:both;
	margin:10px 0 0 10px;
}
#testimPagen a{
	padding:3px 5px;
	border:1px solid #d4e1eb;
}
#testimPagen a.current{
	padding:3px 5px;
	border:1px solid #336796;
	background:#d4e1eb;
}
#FlashID{
	margin:2px 0 0 10px;
}
#innerpage-content .button { margin: 0px 15px 15px; }
.jobbuttons .button{
	margin-top:10px !important;
}
.pages{
	float:left;
	clear:both;
	margin-top:10px;
}
.pages li{
	float:left;
	margin:0px 3px;
}
.pages li a{
	padding:3px 5px;
	border:1px solid #336796;
}
.pages li .current{
	padding:3px 5px;
}
.pages .number{
	clear:both !important;
}
#ireclogin{
}
#ireclogin br{
	display:none;
}
#ireclogin div{
	height:30px;
}
#ireclogin label{
	float:left !important;
	clear:left !important; 
	width:100px;
	line-height:20px;
}
#ireclogin input{
	float:left !important;
	clear:none !important;
	margin:0px !important;
}
#ireclogin input[type=submit]{
	clear:both !important;
}
#cont{
	padding-top:29px !important;
}
#qualifying ul{
	padding:0px 20px;
	margin:0px 10px;
	list-style:disc;
}
#qualifying ul li{
	padding:5px 0px;
	color:#778591;
}
#equalPay ul{
	padding:0px 20px;
	margin:0px 10px;
	list-style:disc;
}
#equalPay ul li{
	padding:5px 0px;
	color:#778591;
}
#definitionOfPay ul{
	padding:0px 20px;
	margin:0px 10px;
	list-style:disc;
}
#definitionOfPay ul li{
	padding:5px 0px;
	color:#778591;
}
#differRoles ul{
	padding:0px 20px;
	margin:0px 10px;
	list-style:disc;
}
#differRoles ul li{
	padding:5px 0px;
	color:#778591;
}
#awrPurpose, #qualifying, #equalPay, #dayOneRights, #definitionOfPay, #differRoles, #whoLiable, #whatDoNxt{
	width:700px;
	overflow:hidden;
}
#awrPurpose p, #qualifying p, #equalPay p, #dayOneRights p, #definitionOfPay p, #differRoles p, #whoLiable p, #whatDoNxt p{
	width:680px;
	color:#778591;
}
.contactAdrs{
	display:block;
	float:left;
	border:none;
	width:139px;
	height:264px;
	background:url(images/addressBg.png) no-repeat;
	color:#ffffff;
	margin-left:110px;
}
.contactAdrs p, .contactAdrs strong, .contactAdrs a{
	color:#ffffff !important;
}