/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.printLogo {
		display: none;
		}
		
	.container {
		width: 947px;
		margin: 0 auto;
		background: url(../images/generic/lower_leftCol_bg.gif) 0 0 repeat-y;
		}
		
	.detailsPage .container {
		background: #000;
		color: #9D9D9D;
		}
			
	.home .container,
	.productFinder .container,
	.errorPage .container {
		background: none;
		}
/*
	p {
		clear: left;
		}
*/
			
	a {
		color: #00b5cc;
		text-decoration: none;
		}
			
	a:hover {
		color: #00b5cc;
		text-decoration: underline;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		}
		
	.clearLeft {
		clear: left;
		}
		
	.clearRight {
		clear: right;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 95px;
		background-color: #fff;
		}
	
	.detailsPage .header {
		height: auto;
		}
		
	a.mainLogo {
		position: absolute;
		width: 170px;
		height: 58px;
		margin: 18px 0 0 22px;
		text-indent: -9999px;
		background: url(../images/generic/mainLogo.gif) 0 0 no-repeat;
		}
		
	body.home a.mainLogo:hover {
		background-position: 0 0;
		}
		
	a.mainLogo:hover {
		background-position: 0 -58px;
		}
		
	.searchBar {
		float: right;
		text-align: right;
		padding: 12px 14px 0 0;
		}
		
	.searchText {
		border: 1px solid #DCDCDC;
		font-size: .95em;
		margin-right: 2px;
		padding: 3px;
		width: 104px;
		vertical-align: top;
		background: url(../images/elements/searchText_bg.gif) 0 0 repeat-x;
		color: #878787;
		}
		
	.searchButton {
		vertical-align: top;
		}

/* 3 :-------- Main Nav ------------ */


	#mainNav ul {
		background-color: #fff;
		margin: 0 0 0 270px;
		padding: 0;
		list-style: none;
		}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		display: block;
		height: 35px;
		text-decoration: none;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		}
		
	#mainNav a:hover {
		background-position: 0 -35px;
		}
		
	#mainNav li.level01On a {
		background-position: 0 -70px!important;
		}
		
/* nav backgrounds */
			
	#mainNav .home {width:44px; background-image: url(../images/nav/mainNav_home.gif);}
	#mainNav .products {width:62px; background-image: url(../images/nav/mainNav_products.gif);}
	#mainNav .environment {width:81px; background-image: url(../images/nav/mainNav_environment.gif);}
	#mainNav .case {width:80px; background-image: url(../images/nav/mainNav_case.gif);}
	#mainNav .services {width:59px; background-image: url(../images/nav/mainNav_services.gif);}
	#mainNav .news {width:42px; background-image: url(../images/nav/mainNav_news.gif);}
	#mainNav .about {width:60px; background-image: url(../images/nav/mainNav_about.gif);}
	#mainNav .contact {width:70px; background-image: url(../images/nav/mainNav_contact.gif);}
						

	
/* 4 :-------- Content ------------ */

	.leftCol {
		float: left;
		width: 405px;
		}
		
	.people .leftCol {
		float: left;
		width: 372px;
		}		
		
	.leftImage {
		float: left;
		width: 204px;
		}
		
	#leftNav {
		float: left;
		margin-top: 82px;
		width: 154px;
		}
		
	#leftNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#leftNav li {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#leftNav a {
		display: block;
		padding: 5px 35px 5px 18px;
		text-decoration: none;
		color: #fff;
		font-size: 1.1em;
		width: 103px;
		text-transform: lowercase;
		}
		
	#leftNav a:hover {
		color: #008B9D;
		}
		
	#leftNav li.level01On a {
		background: url(../images/nav/leftNav_a-on.gif) 0 0 no-repeat;
		color: #fff!important;
		}
		
	#leftNav li.level01On {
		background: url(../images/nav/leftNav_li-on.gif) 0 100% no-repeat;
		}
			
	#content {
		padding: 40px 20px 10px;
		padding-left: 405px;
		background: url(../images/generic/content_bg.jpg) 100% 0 no-repeat;
		display: block;
		}
			
	#oneColumnPanel {
		padding: 40px 20px 60px; 
		padding-left: 405px;
		background: url(../images/generic/content_bg.jpg) 100% 0 no-repeat;
		display: block;
		}
		
	.home #content {
		float: left;
		width: 588px;
		padding: 0;
		margin: 0;
		background: none;
		}

	.people #content {
		float: left;
		width: 575px;
		height: 690px;
		padding: 0;
		margin: 0;
		background: none;		
		overflow: hidden;
		}
		
	.home .rightCol {
		float: right;
		width: 359px;
		overflow: hidden;
		}
		
	.productFinder #content {
		padding: 0;
		background: none;
		}
		
	.errorPage #content {
		padding: 20px;
		background: none;
		}
		
	.productListing {
		padding: 0 25px 40px 38px;
		float: left;
		}
		
	.productListing .thumb {
		margin: 0;
		width: 140px;
		float: left;
		}
		
	.productListing .thumb img {
		border: 1px solid #dcdcdc;
		}
		
	.productListing .thumb a:hover {
		text-decoration: none;
		}
		
	.flashNotInstalledMessage {
		margin: 35px;
		padding: 20px;
		clear: both;
		background: #f0f0f0;
		border: 1px solid #dcdcdc;
		}
	

/* See content.css */

/* 5 :-------- Footer ------------ */

	body .footer {
		clear: both;
		padding: 0 15px 50px 35px;
		background: #fff url(../Images/generic/bg-footer.gif) no-repeat top;
		}	
	body.home .footer,
	body.productFinder .footer,
	body.detailsPage .footer,
	body.people .footer {
		padding: 0 15px 50px 35px;
		background: #fff none;
		}
	body.home .footer .top,	
	body.productFinder .footer .top,
	body.detailsPage .footer .top,	
	body.people .footer .top {
		display: none;
		}
	
	body .footer ul {
		margin: 10px 0 0 0;
		padding: 0;
		float: left;
		}
	
	body .footer li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.footer a {
		margin: 0;
		padding: 0 6px;
		float: left;
		height: 12px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: 0 0;
		}
		
	.footTerms {width: 88px;background-image: url(../images/generic/footer_link1.gif);}
	.footSite {width: 37px;background-image: url(../images/generic/footer_link2.gif);}
	.footDisc {width: 48px;background-image: url(../images/generic/footer_link3.gif);}
	.footPriv {width: 65px;background-image: url(../images/generic/footer_link4.gif);}
	
	.copyright {
		margin: 10px 0 0 0;
		float: left;
		text-indent: -9999px;
		background: url(../images/generic/footer_copy.gif) 10px 0 no-repeat;
		width: 200px;	
		}
		
	a.byReactive {
		margin: 10px 0 0 0;
		float: right;
		margin-right: 15px;
		text-indent: 0;
		padding: 0;
		}
		
	.top {
		margin: 0 20px 20px 0;
		width: auto;
		}
		
	.top a {
		float: right;
		height: 45px;
		width: 35px;
		display: block;
		}