@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background: #191919 url(../images/bg-body.jpg) 50% 0 no-repeat; color: #cbdadb; font: 14px/20px Arial, Helvetica, sans-serif; text-align: center; }

h1, h2, h3, h4, h5, h6, ul, ol, p { line-height: 1.5em; margin-bottom: 1em; }
h1 { border-bottom: 1px solid #006d75; border-color: rgb(0, 109, 117); border-color: rgba(0, 109, 117, 0.5); font-size: 28px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 28px; padding: 15px 8px 5px 8px; margin-bottom: 0; }
h2 { color: #5bc5d2; font-weight: normal; font-size: 22px; line-height: 1.2em; }
	#contentArea h2 { font-weight: normal; margin-bottom: 0; }
	#contentArea .form h2 { border-bottom: 1px solid #006d75; border-color: rgb(0, 109, 117); border-color: rgba(0, 109, 117, 0.5); margin-bottom: 10px; }
h3 { color: #5bc5d2; font-weight: bold; font-size: 12px; margin-top: 2em; margin-bottom: 0; text-transform: uppercase; }
	h2+h3 { margin-top: 0; }
	h3 span { color: #999; font-weight: normal; font-size: 10px; }
h4 { }
h5 { }
h6 { }
p { }
	#content.casestudy p { margin-left: 30px; }

ul { margin-left: 3em; }
	#content.casestudy ul { margin-left: 60px; }
	ul li { margin-bottom: .5em; }
ol { margin-left: 3em; }
	#content.casestudy ol { margin-left: 60px; }
	ol li { }

a:link, a:visited { color: #5bc5d2; text-decoration: none; }
a:hover, a:active { color: #31a7b5; text-decoration: underline; }
	a img { border: none; }
	h2 a:link, h2 a:visited { color: #5bc5d2; text-decoration: none; }
	h2 a:hover, h2 a:active { color: #31a7b5; text-decoration: none; }

table { width: 100%; border-collapse: separate; border: none; margin-bottom: 2em; }
	table th, 
	table td { background: rgb(3, 35, 37); background: rgba(0, 0, 0, 0.5); padding: 8px 10px; vertical-align: top; }
	table th { }
	table tr { }
	table thead { }
		table thead th { background: url(../images/bg-div.png) 0 0 no-repeat; }
			* html table thead th { background: url(../images/bg-div.gif) 0 0 no-repeat; }


.date, 
.articleDate { text-transform: uppercase; font-size: 10px; font-style: italic; }
.imageRight, 
.imageLeft, 
.imageRightContainer, 
.imageLeftContainer { float: right; padding: 10px; background: url(../images/bg-div.png) 0 0 no-repeat; margin: 0 0 20px 10px; clear: right; }
	* html .imageRight, 
	* html .imageLeft, 
	* html .imageRightContainer, 
	* html .imageLeftContainer { background: url(../images/bg-div.gif) 0 0 no-repeat; }
.imageLeft { float: left; margin: 0 10px 5px 0; clear: left; }

.imageRightContainer,  
.imageLeftContainer { width: 320px; }
	.imageRightContainer .imageRight,  
	.imageLeftContainer .imageLeft { float: none; padding: 0; background: none; margin: 0; clear: none; }
	#contentArea .imageRightContainer p.caption, 
	#contentArea .imageLeftContainer p.caption { color: #ccc; font-weight: normal; font-size: 9px; text-transform: uppercase; margin: 0; padding: 0; text-align: left; }


.formSubmit, 
.formField { position: relative; min-height: 1em; padding-left: 160px; margin-bottom: 9px; }
	* html .formSubmit, 
	* html .formField { height: 1em; }
	label.label { text-transform: uppercase; font-size: 10px; position: absolute; left: 0; width: 150px; padding-top: 4px; text-align: right; }
	input.text, 
	textarea { background: rgb(3, 35, 37); background: rgba(0, 0, 0, 0.5); border: 1px solid #005d67; color: #ccc; font: 12px/18px Helvetica, Arial, sans-serif; padding: 4px; width: 180px; }
	input.text:focus, 
	textarea:focus { background: #000; border: 1px solid #11a3b5; color: #fff; }
	textarea { height: 150px; width: 300px; }
	input.short { width: 125px; }
	.required { color: #dc0000; font-weight: bold; }



#container { width: 960px; text-align: left; margin: 0 auto; }

#topbar { height: 28px; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
	#topbar #tagline { float: left; line-height: 28px; padding-left: 18px; }
	#topbar #phone { float: right; line-height: 28px; padding-right: 18px; }
		#topbar #phone strong { color: #11a3b5; font-size: 14px; }

	#utilityNav { clear: both; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; float: right; line-height: 28px; padding-right: 18px; }
		#utilityNav a:link, #utilityNav a:visited { color: #e0e0e0; margin-left: 15px; }
		#utilityNav a:hover, #utilityNav a:active { color: #fff; }

#masthead { position: relative; height: 192px; }
#logo { position: absolute; top: 15px; left: 10px; }

.nav { width: 708px; height: 92px; background: url(../images/nav.jpg) no-repeat; position: absolute; top: 52px; right: 0; list-style-type: none; }
	.nav li { display: inline; margin: 0; padding: 0; }
		.nav li a:link, .nav li a:visited { position: absolute; top: 0; height: 92px; text-indent: -9999px; overflow: hidden; z-index: 10; width: 100px; }
		.nav li a:hover, .nav li a:focus { background: url(../images/nav.jpg) no-repeat 0 -92px; }
		.nav li a:active { background: url(../images/nav.jpg) no-repeat 0 -184px; }

		.nav-whatwedo, .nav-whatwedo-click, 
		.nav-industries, .nav-industries-click, 
		.nav-features, .nav-features-click, 
		.nav-casestudies, .nav-casestudies-click, 
		.nav-contactus, .nav-contactus-click { position: absolute; top: 0; left: 0; width: 120px; height: 92px; background: url(../images/nav.jpg) no-repeat 0 -92px; }
		.nav-whatwedo-click, 
		.nav-industries-click, 
		.nav-features-click, 
		.nav-casestudies-click, 
		.nav-contactus-click { background: url(../images/nav.jpg) no-repeat 0 -184px; }

		.nav .whatwedo a:link, .nav .whatwedo a:visited { left: 0; width: 120px; } 
		.nav .whatwedo a:hover, .nav .whatwedo a:focus { background-position: 0 -92px; }
		.nav .whatwedo a:active { background-position: 0 -184px; }
			.current-whatwedo .whatwedo a:link, .current-whatwedo .whatwedo a:visited { background: url(../images/nav.jpg) no-repeat 0 -184px; cursor: default; }
			.nav-whatwedo, .nav-whatwedo-click { left: 0; width: 120px; background-position: 0 -92px; }
			.nav-whatwedo-click { background-position: no-repeat 0 -184px; }

		.nav .industries a:link, .nav .industries a:visited { left: 120px; width: 160px; } 
		.nav .industries a:hover, .nav .industries a:focus { background-position: -120px -92px; }
		.nav .industries a:active { background-position: -120px -184px; }
			.current-industries .industries a:link, .current-industries .industries a:visited { background: url(../images/nav.jpg) no-repeat -120px -184px; cursor: default; }
			.nav-industries, .nav-industries-click { left: 120px; width: 160px; background-position: -120px -92px; }
			.nav-industries-click { background-position: -120px -184px; }

		.nav .features a:link, .nav .features a:visited { left: 280px; width: 190px; } 
		.nav .features a:hover, .nav .features a:focus { background-position: -280px -92px; }
		.nav .features a:active { background-position: -280px -184px; }
			.current-features .features a:link, .current-features .features a:visited { background: url(../images/nav.jpg) no-repeat -280px -184px; cursor: default; }
			.nav-features, .nav-features-click { left: 280px; width: 190px; background-position: -280px -92px; }
			.nav-features-click { background-position: -280px -184px; }

		.nav .casestudies a:link, .nav .casestudies a:visited { left: 470px; width: 123px; } 
		.nav .casestudies a:hover, .nav .casestudies a:focus { background-position: -470px -92px; }
		.nav .casestudies a:active { background-position: -470px -184px; }
			.current-casestudies .casestudies a:link, .current-casestudies .casestudies a:visited { background: url(../images/nav.jpg) no-repeat -470px -184px; cursor: default; }
			.nav-casestudies, .nav-casestudies-click { left: 470px; width: 123px; background-position: -470px -92px; }
			.nav-casestudies-click { background-position: -470px -184px; }

		.nav .contactus a:link, .nav .contactus a:visited { left: 593px; width: 115px; } 
		.nav .contactus a:hover, .nav .contactus a:focus { background-position: -593px -92px; }
		.nav .contactus a:active { background-position: -593px -184px; }
			.current-contactus .contactus a:link, .current-contactus .contactus a:visited { background: url(../images/nav.jpg) no-repeat -593px -184px; cursor: default; }
			.nav-contactus, .nav-contactus-click { left: 593px; width: 115px; background-position: -593px -92px; }
			.nav-contactus-click { background-position: -593px -184px; }


#sidebar { float: right; width: 210px; padding-top: 11px; }
.sidebox { background: url(../images/bg-div.png) 0 0 no-repeat; padding: 15px 15px 5px 15px; margin-bottom: 15px; }
	* html .sidebox { background: url(../images/bg-div.gif) 0 0 no-repeat; }
	.sidebox h2 { font-weight: bold; border-bottom: 1px solid #006d75; border-color: rgb(0, 109, 117); border-color: rgba(0, 109, 117, 0.5); font-size: 14px; padding: 0 0 5px 0; margin: 0 0 10px 0; text-transform: uppercase; }

	.sidebox ul { list-style-type: none; margin: 0; }
		.sidebox ul li { font-size: 10px; line-height: 1.1em; margin: 0 0 10px 0; text-transform: uppercase; }
		.sidebox ul ul { margin: 10px 0 0 0; text-transform: none; }
			.sidebox ul ul li { text-transform: none; }
	.sidebox a:link, .sidebox a:visited { color: #a7d0d5; display: block; }
	.sidebox a:hover, .sidebox a:active { color: #fff; text-decoration: none; }

#content { float: left; margin-bottom: 60px; min-height: 450px; width: 730px; }
	* html #content { height: 450px; }
	#noside #content { float: none; width: 960px; }
	#content #contentArea { padding: 10px; width: 710px; float: left; margin-bottom: 30px; }
		#noside #contentArea { width: 940px; }


#breadcrumbs { padding: 5px 10px; color: #468183; font-size: 9px; text-transform: uppercase; }

#footer { clear: both; font-size: 10px; }
	#footer h4 { border-bottom: 1px solid #333; color: #11a3b5; font-size: 11px; font-weight: normal; text-transform: uppercase; }
		#footer h4 a:link, #footer h4 a:visited { color: #11a3b5; }
		#footer h4 a:hover, #footer h4 a:active { color: #11a3b5; text-decoration: underline; }
	#footer p { color: #8b8b8b; }
	#footer em { color: #5b5b5b; text-transform: lowercase; }
		#footer a:link, #footer a:visited { color: #ccc; text-decoration: none; }
		#footer a:hover, #footer a:active { color: #fff; text-decoration: uppercase; }
	#footerContactUs { float: left; margin-right: 41px; margin-bottom: 10px; width: 250px; }
		#footerContactUs img { float: left; }
		#footerContactUs p { text-transform: uppercase; font-size: 10px; margin-left: 63px; }
	#footerSiteMap { font-size: 11px; float: left; margin-right: 48px; width: 301px; }
		#footerSiteMap ul { list-style-type: none; margin-left: 0; width: 45%; float: left; }
			#footerSiteMap ul li { margin-bottom: 3px; }
	#footerSintex { font-size: 11px; float: left; width: 320px; }
		#footerSintex img { float: right; }
		#footerSintex p { margin-right: 150px; }
#footerBottom { border-bottom: 1px solid #333; border-top: 1px solid #333; clear: both; overflow: auto; margin-bottom: 20px; }
	#footerBottom #footerCopyright, 
	#footerBottom #topfloor { float: left; font-size: 10px; height: 28px; line-height: 28px; margin: 0; padding: 3px 0 0 0; text-transform: uppercase; }
	#footerBottom #topfloor { float: right; }
		#footerBottom #topfloor a:link, #footerBottom #topfloor a:visited { }
		#footerBottom #topfloor a:hover, #footerBottom #topfloor a:active { }


/* Services Lists */
.contentList { border-top: 1px solid #333; border-color: rgb(51, 51, 51); border-color: rgba(255, 255, 255, 0.15); list-style-type: none; margin: 0 -10px 30px -10px; padding: 0; }
	.contentList li, 
	.contentList .article { border-bottom: 1px solid #333; border-color: rgb(51, 51, 51); border-color: rgba(255, 255, 255, 0.15); margin: 0; padding: 10px 10px 1px 8px; }
		.contentList li:hover { background: rgba(0, 0, 0, 0.3); }
		.contentList .article.hover { background: rgba(0, 0, 0, 0.3); cursor: pointer; }
	.contentList h2 { }
	.contentList li .servicesContent { padding-left: 2px; }
	.contentList .hasImage { min-height: 270px; padding-right: 350px; position: relative; }
		* html .contentList .hasImage { height: 260px; }
		.contentList .hasImage .servicesThumb { position: absolute; right: 10px; top: 10px; margin-bottom: 9px; }

.pagination { border: 1px solid #333; border-color: rgb(51, 51, 51); border-color: rgba(255, 255, 255, 0.15); overflow: auto; margin: 10px -10px; font-size: 10px; text-transform: uppercase; padding: 7px 10px 5px 10px; }
	.pagination a:link, .pagination a:visited { }
	.pagination a:hover, .pagination a:active { }
	.pagination .articles { margin: 0; padding: 0; float: left; }
	.pagination .prevNext { margin: 0; padding: 0; float: right; }


/* Case Studies */
.caseStudy { }
	.caseStudy h2 { }
		.caseStudy h2 .industry { }
	.caseStudy p { }
	.caseStudy p.more { }

#caseStudyList { list-style-type: none; margin: 0; padding: 0; }
	#caseStudyList .caseStudyListItem { background: url(../images/bg-div.png) 0 0 no-repeat; margin: 0 0 20px -10px; padding: 0; overflow: auto; width: 960px; height: 260px; }
		* html #industryList .caseStudyListItem { background: url(../images/bg-div.gif) 0 0 no-repeat; }
		#caseStudyList .caseStudyListItem img { float: right; padding: 20px; }
			#caseStudyList .caseStudyListItem.alt img { float: left; }
		#caseStudyList .caseStudyListItem .caseStudyText { color: #ccc; font-size: 12px; margin-top: 20px; margin-left: 20px; }
			#caseStudyList .caseStudyListItem.alt .caseStudyText { margin-right: 20px; margin-left: 0; }
		#caseStudyList .caseStudyListItem h3, 
		#caseStudyList .caseStudyListItem p { line-height: 1.5em; margin-bottom: 10px; }
		#caseStudyList .caseStudyListItem .more { font-size: 10px; text-transform: uppercase; }

#linkList { list-style-type: none; margin: 0; padding: 0; }
	#linkList .linkListItem { background: url(../images/bg-div.png) 0 0 no-repeat; margin: 0 0 20px -10px; padding: 0; overflow: auto; width: 960px; height: 210px; }
		#linkList .linkListItem img { float: right; padding: 20px; }
			#linkList .linkListItem.alt img { float: left; }
		#linkList .linkListItem .linkText { color: #ccc; font-size: 12px; margin-top: 20px; margin-left: 20px; }
			#linkList .linkListItem.alt .linkText { margin-right: 20px; margin-left: 0; }
		#linkList .linkListItem h3, 
		#linkList .linkListItem p { line-height: 1.5em; margin-bottom: 10px; }
		#linkList .linkListItem .linkListLink { font-size: 10px; text-transform: uppercase; }


/* Industries Served */
#industryList { list-style-type: none; margin: 0; padding: 0; }
	#industryList .industryListItem { background: url(../images/bg-div.png) 0 0 no-repeat; height: 270px; float: left; margin: 0 19px 19px 0; padding: 11px 11px 0 11px; position: relative; width: 278px; }
		* html #industryList .industryListItem { background: url(../images/bg-div.gif) 0 0 no-repeat; }
		#industryList .industryListItem.last { margin-right: 0px; }
		#industryList .industryListItem img { }
		#industryList .industryListItem h2 { }

/* Locations */
.corporateHQ { margin-bottom: 30px; }
	.corporateHQ h2 { }
.management { margin-bottom: 0; }
	.management em { }
.address { margin: 10px 0; }
.phone, 
.fax { margin-bottom: 0; }
	.phone em, 
	.fax em, 
	.type { margin-bottom: 0; text-transform: uppercase; font-size: 10px; font-style: italic; }

.locations { background: url(../images/bg-div.png) 0 0 no-repeat; margin: 0; padding: 10px; clear: both; list-style-type: none; overflow: auto; }
	.locations li { width: 224px; margin-right: 8px; float: left; }
		.locations li.last { margin-right: 0; }
	.locations h3 { margin-top: 0; }

/* Employment Page */
#jobContacts { font-size: 13px; margin: 0 0 10px 0; padding: 0; list-style-type: none; overflow: auto; }
	#jobContacts li { float: left; width: 22%; margin-right: 3%; }
	#jobContacts h3 { margin-top: 5px; }

/* What we do */

#whatwedoServices { list-style-type: none; margin: 0 -10px; padding: 0; }
	#whatwedoServices li { background: url(../images/bg-div.png) 0 0 no-repeat; float: left; margin: 0 10px 10px 0; padding: 10px; position: relative; width: 455px; height: 170px; }
		* html #whatwedoServices li { background: url(../images/bg-div.gif) 0 0 no-repeat; }
		#whatwedoServices li img { }
		#whatwedoServices li h2 { position: absolute; left: 30px; line-height: 1em; bottom: 25px; width: 150px; }
	#whatwedoServices #wwd-mp { }
	#whatwedoServices #wwd-csa { margin-right: 0; }
	#whatwedoServices #wwd-vae { }
	#whatwedoServices #wwd-qms { margin-right: 0; }