/*
	SITE COLORS
	
	Pre-Heading Grey: #848484
	Heading Green: #7DBF00
	Link, Emphasis Blue: #006BAD
	Footer Link Green: #DFEDC5
*/

/* ----------------------------------- */
/* Site Specific Styles
/* ----------------------------------- */

html, body{
	background: #e7e7e7;
	color: #666666;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	text-align: center; 
	/* For IE. Should generally be reset by first div */
}

#header, #footer{ font-size: 11px; }

a{
	text-decoration: none;
	color: #006BAD;
}

a:hover{
	text-decoration: underline;
	color: #777777;
}

a.gbutton,
input.gbutton{
	width: 98px;
	height: 20px;
	display: block;
	position: relative;
	line-height: 20px;
	overflow: hidden;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	background: no-repeat url(img/green_button.gif);
	color: white;
}

a.gbutton:hover{
	text-decoration: none;
}

a.gbutton:active,
input.gbutton:active{
	left: 1px;
	top: 1px
}

a.gbutton.contact_us,
input.gbutton.contact_us{
	height: 27px;
	line-height: 24px;
	padding-right: 3px;
	background: no-repeat url(img/blue_button.gif);
}



form.standard{
	width: 400px;
}

form.standard input.text,
form.standard input.password,
form.standard textarea{
	width: 200px;
}

form.standard p.buttons{
	text-align: right;
}

form.standard p.buttons input.gbutton,
form.standard p.buttons input.button{
	margin-left: 10px;
}

form.standard p label.required{
	text-decoration: underline;
	color: #990000;
}

blockquote{
	width: 25%;
	padding: 10px 20px 10px 0;
	float: left;
	color: #333333;
	font-size: 125%;
	margin: 0;
	text-align: left;
}

blockquote span{
	font-size: 80%;
	color: #666666;
}
blockquote.right{
	float: right;
	padding: 10px 0 10px 20px;
	text-align: right;
}

p.preheading{
	font-size: 17px;
	font-weight: bold;
	color: #848484;
	margin: 0 0 10px 0;
}

p.emphasis{	color: #006BAD;	font-weight: bold;}
p.learn_more{ margin-top: 30px; }
div.subsection{	margin-top: 30px; }
p.eyebrow{ color: #006BAD; font-weight: bold; }
p.legal{ font-size: 10px; }
.error{	color: #990000; }

h1{
	font-size: 2.5em;
	font-weight: bold;
	color: #7DBF00;
	margin: 0 0 20px 0;
}

h2{
	font-size: 1.8em;
	font-weight: bold;
	color: #7DBF00;
	margin: 0 0 20px 0;
}

h2 span{
	font-size: 0.6em;
	font-weight: normal;
	color: #666666;
}

h3{
	font-size: 1.5em;
	font-weight: bold;
	color: #7DBF00;
	margin: 0 0 15px 0;
}

h4{
	font-size: 1.3em;
	font-weight: bold;
	color: #666666;
	margin: 0 0 15px 0;
}

#environmental_solutions #background{ background-image: url(img/environmental_solutions.jpg); }
#environmental_solutions.csa_international #background{ background-image: url(img/es_csa_international.jpg); }
#environmental_solutions.onspex #background{ background-image: url(img/es_onspex.jpg); }
#how_we_work_with_you #background{ background-image: url(img/how_we_work_with_you.jpg); }
#about_us #background{ background-image: url(img/about_us.jpg); }
#contact_us #background{ background-image: url(img/contact_us.jpg); }

#structure{
	width: 900px;
	text-align: left;
	margin: 20px auto 0 auto;
	position: relative;
}

#structure #background{
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	padding: 0 20px 0 20px;
}

/* Inset with margin, not padding for IE6 */
#structure #inset{
	margin: 0 20px 0 20px;
}

#header{
	height: 116px;
	position: relative;
	overflow: hidden;
	background: no-repeat url(img/header_gradient.gif);
}

#header #logo{
	position: absolute;
	top: 20px;
	left: 35px;
}

#header #title{
	width: 700px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	right: 30px;
	text-align: right;
	font-size: 20px;
	color: white;
}

#header #nav{
	width: 700px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	top: 82px;
	right: 17px;
}

#nav li{
	height: 36px;
	line-height: 36px;
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}

#nav li a{
	height: 36px;
	display: block;
	color: white;
	font-size: 12px;
	text-align: center;
}

#nav li a span{
	height: 36px;
	display: block;
	padding: 0 0 0 15px;
}

#nav li a span span{
	height: 36px;
	display: block;
	padding: 0 15px 0 0;
}

#home_link{ width: 70px; }
#environmental_solutions_link{ width: 170px; }
#how_we_work_with_you_link{ width: 170px; }
#about_us_link{ width: 90px; }
#contact_us_link{ width: 80px; }

#nav li a:hover,
#nav li a.hovered,
#nav li a.selected {background: repeat-x url(img/menu_item_body.gif); text-decoration: none; }

#nav li a:hover span,
#nav li a.hovred span,
#nav li a.selected span{
	background: no-repeat url(img/menu_item_left.gif);
}

#nav li a:hover span span,
#nav li a.hovered span span,
#nav li a.selected span span{
	background: right top no-repeat url(img/menu_item_right.gif);
}
	
#environmental_solutions_menu{
	width: 240px;
	position: absolute;
	top: 115px;
	right: 85px;
	padding: 5px 15px 5px 15px;
	border: 1px solid #006BAD;
	border-top: 0;
	background: white;
	z-index: 10;
	display: none;
}

#environmental_solutions_menu dl.menu{
	border-bottom: 1px dotted #666666;
	padding: 10px 0 10px 0;
	line-height: 16px;
}

#environmental_solutions_menu dl.menu.last{	border-bottom: none; }
#environmental_solutions_menu dl.menu dt{ font-weight: bold; }
#environmental_solutions_menu dl.menu ul{ margin: 0; }
#environmental_solutions_menu dl.menu ul li{ list-style: none; }
#environmental_solutions_menu dl.menu dd a{
	display: block;
}
#environmental_solutions_menu dl.menu dd a:hover{
	font-weight: bold;
	color: #0079C1;
	text-decoration: none;
}

#environmental_solutions_menu dl dd{ line-height: 18px; padding: 0; margin: 0; }
#environmental_solutions_menu dl ul li{ line-height: 16px; padding: 0; margin: 0 0 0 15px; border: 1px solid white;}

#intro{
	padding: 30px 20px 20px 30px;
}


#intro td{
	width: 450px;
	height: 120px;
	color: white;
	font-size: 40px;
	font-weight: bold;
	vertical-align: bottom;
}

#footer{
	height: 145px;
	clear: both;
	overflow: hidden;
	background: no-repeat left bottom url(img/footer_gradient.gif);
}

#footer div.link_box{
	height: 110px;
	float: left;
	border-right: 1px solid #7dad00;
	border-left: 1px solid #b0d26e;
	margin-top: 20px;
	padding: 0 35px 0 20px;
}

#footer div.link_box.first{ border-left: 0; }
#footer div.link_box.last{ border-right: 0; }

#footer div.link_box dl dt{ 
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
}
#footer div.link_box dl dd{ line-height: 14px; }
#footer div.link_box dl dd ul li{ list-style: none; }
#footer div.link_box dd,
#footer div.link_box a{	color: #DFEDC5;}
#footer div.link_box a:hover{
	text-decoration: none;
	color: white;
}

#footer div.link_box a.selected{
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#subfooter{
	height: 20px;
	line-height: 20px;
	text-align: right;
	font-size: 10px;
}

#content{
	width: 810px;
	padding: 30px 20px 20px 30px;
	background: white;
	margin-bottom: 15px;
	float: left;
	display: inline;
}

#content div.body{
	width: 400px;
}

#content ul{
	margin: 20px 0 20px 0;
	padding: 0 0 0 15px;
}

#content ul li{
	margin: 0 0 16px 0;
	padding: 0;
}

#content ul.simple{
	padding-left: 0;
}

#content ul.simple li{
	list-style: none;
	margin-bottom: 10px;
}

#content ul.tight{
	margin-top: 0;
	padding-left: 15px;
}

#content ul.tight li{
	margin-bottom: 4px;
}


#content dl.menu{
	margin-top: 20px;
	margin-bottom: 20px;
}

#content dl.menu dt{
	width: 140px;
	display: block;
	float: left;
	font-weight: bold;
}

#content dl.menu dd{
	margin-left: 145px;
	line-height: 20px;
}

#content dl.menu ul{
}

#content dl.menu ul li{
	margin-left: 15px;
	line-height: 15px;
}

#content table.product_profiles{ width: 100%; margin-bottom: 15px; }
#content table.product_profiles td{ vertical-align: top; padding-top: 10px; }
#content table.product_profiles td.heading{
	width: 100px;
	font-weight: bold;
	padding-right: 10px;
}

#content table.product_profiles td.heading img{	margin-top: 10px; }
#content table.product_profiles td p.subheading{ color: #7DBF00; margin: 20px 0 5px 0; }
#content table.product_profiles td p.subheading.first{ margin-top: 0; }


#sidebar{
	width: 250px;
	height: 250px;
	float: right;
}

#sidebar #contact_us{
	width: 234px;
	height: 212px;
	background: no-repeat url(img/hand_and_plant_box.gif);
	border-top: 1px solid white; /* Fix margin bug */
	float: right;
}

#sidebar #contact_us p.title{
	margin: 20px 0 0 25px;
	font-size: 24px;
	font-weight: bold;
	color: #006BAD;
}

#sidebar #contact_us p.button{
	margin: 45px 0 0 25px;
}

#midbar{
	width: 125px;
	float: right;
	text-align: center;
}

#midbar img{
	display: block;
	margin: 0 auto 60px auto;
}