/* colors
0066cc : blue - h1
0d7bc0 : background h3 nav2
99cc33 : green - h1 underline
7af788 : green - nav rollover
419639 : green h3 on home page
16bf18 : green data table highlighted row
*/

                                                                              /*
********************************************************************************
  =RESET
********************************************************************************
                                                                              */

	/* Eric Meyer's Reset Reloaded
	------------------------------------------------------------------------- */
	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, sub, 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; }
	body { line-height:1; font-size:11px; color:#222; background:#fff url(../img/bg_body.jpg) repeat-x top center; text-align:center; padding-top:12px; padding-bottom:20px; }
	ol, ul { margin-bottom:1em; }
	table { border-collapse:collapse; border-spacing:0; margin-bottom:1.4em; }
	caption, th, td { text-align:left; font-weight:normal; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }

	/* Set standards Reset
	------------------------------------------------------------------------- */
	strong { font-weight:bold; }
	em { font-style:italic; }
	a img { border: none; }

                                                                              /*
********************************************************************************
  =REUSABLES
********************************************************************************
                                                                              */
	
	a { color:#419639; }
	.hide { display:none; visibility: hidden; }
	.container { width: 100%; overflow:hidden; margin-bottom:10px; padding-bottom:10px; }
	.column { float:left; }
	
	/* Clearing Floats
	------------------------------------------------------------------------- */
	.clear { display: inline-block; }
	.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clear { display: block; }
	
	hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.4em; border: none;  }
	hr.space { background:#fff; color: #fff; }

                                                                              /*
********************************************************************************
  =BASE
********************************************************************************
                                                                              */


	/* Frame
	------------------------------------------------------------------------- */
	#cover { margin:0 auto; width:960px; background:#fff; padding:4px 0 0 0; }
	#wrap { text-align:left; background: transparent url(../img/bg_footer.jpg) no-repeat bottom left; }
	#main { padding-top:188px; margin-top:4px; }
	
	body.products #main { background: transparent url(../img/splash_products.jpg) no-repeat top left; }
	body.contact #main { background: transparent url(../img/splash_contact.jpg) no-repeat top left; }
	body.home #main { padding-top: 0; background: transparent no-repeat top left; }
	body.home .content { padding-top:20px; }
	body.returnVisit #main { padding-top: 292px; background: transparent url(../img/globe_splash.jpg) no-repeat 0px 0px; }
	
	.content { margin: 0 30px; padding:0 0 30px; }
	
	/* Header
	------------------------------------------------------------------------- */
	#header { background: #fff url(../img/bg_header.jpg) no-repeat top left; height: 128px; position:relative; }
	#header .ecologo { position:absolute; top:6px; left:20px; display: block; width: 242px; height: 115px; }
	#header .ecologo img { display:block; width: 242px; height: 0; padding-top:115px; }
	#nav { position: absolute; top: 90px; left: 448px;}
	#nav ul { list-style:none; overflow:hidden; margin-bottom:0; }
	#nav ul li { float: left; padding-right: 44px; padding-bottom:8px; }
	#nav ul li a { display:block; font: bold 25px/30px arial; color: #fff; text-decoration:none; }
	#nav ul li a:hover { color:#7af788; }

	/* products dropdown nav */
	#nav ul ul { width: 230px; visibility: hidden; position: absolute; top: 100%; left: 102px; }
	#nav ul ul li { float: none; padding:0; }
	#nav ul ul li a { font: bold 14px/17px verdana; padding: 5px 11px;  background:#9c3; color:#fff; width: 100%; display: inline-block;  border-bottom:1px solid #fff; } 
	#nav ul ul li a:hover { background: #ad4; color:#fff; }



	#nav2 { width: 230px; float:left; }
	#nav2 h3 { background:#0d7bc0; font: bold 18px/18px verdana; padding:5px 11px 6px; color: #fff; margin-bottom:1px; }
	#nav2 ul { list-style:none; }
	#nav2 ul li { border-bottom:1px solid #fff; }
	#nav2 ul li a { display:block; font: bold 14px/17px verdana; padding: 5px 11px; background:#9c3; color:#fff; text-decoration:none; }
	#nav2 ul li a:hover { background: #ad4; }
	
	
                                                                              /*
********************************************************************************
  =TYPOGRAPHY
********************************************************************************
                                                                              */	
	
	h1 { font: bold 25px/30px arial; padding-left:46px; color: #06c;  margin-bottom:10px; background:transparent url(../img/bg_h1.gif) no-repeat top left; margin-bottom:20px;  }
	h1 span { display:block; padding-bottom:3px; border-bottom:1px solid #9c3; }
	h2 { font: bold 18px/20px arial; color: #000; }
	h3 { font: bold 14px/20px arial; color: #333; }
	p { font: normal 12px/18px arial; padding-bottom:1em; color:#333; }

	table.data { border-top:1px solid #333; border-bottom:3px solid #333; width:100%; margin-top:30px; }
	table.data th, table.data td { border-bottom:1px solid #333; font:normal 12px/18px arial; padding:4px 0; }
	table.data td { text-align:center; padding-left:5px; padding-right:5px; }
	table.data tr.heading1 td { font-style:italic; font-size: 13px; border-bottom: none; padding-bottom:0; white-space:nowrap; }
	table.data tr.highlighted th, table.data tr.highlighted td { color: #16bf18; font-size:14px; vertical-align:bottom; }
	table.data th { width: 180px; padding-left:2px; }
	table.data th.big { font-size: 14px; }
	table.data a.pdf { white-space:nowrap; text-decoration:none; padding: 2px 0 2px 20px; background:transparent url(../img/icon_pdf.gif) no-repeat top left; }
	table.data a.pdf span { color: #333; text-decoration:underline; }
	
	/* One-offs
	------------------------------------------------------------------------- */
	.home h1 { color: #419639; border-bottom:0; padding-left:0; background-image:none; margin-bottom:0; }
	.home .column { width: 435px; }
	.home .column1of2 { margin-right: 30px; }
	.home #footer { margin-top:10px; }
	.feature { background:transparent url(../img/bg_feature_bottom.gif) no-repeat bottom left; }
	.feature .inner { padding: 20px 20px 0; background:transparent url(../img/bg_feature_top.gif) no-repeat top left; }
	.feature h2 { padding-bottom:8px; border-bottom:1px solid #419639; margin-bottom:8px; }
	.home .feature .column { width: 415px; }
	.feature ul.featurelist { list-style:none; }
	.feature ul.featurelist li { float:left; width: 286px; background: transparent url(../img/icon_renewable.gif) no-repeat 6px 0px; }
	.feature ul.featurelist li.recycled { background-image: url(../img/icon_recycled.gif) }
	.feature ul.featurelist li.styrenefree { background-image: url(../img/icon_styrenefree.gif) }
	.feature h3 { color: #419639; }
	.feature ul.featurelist li h3 { padding-left:100px; padding-right:10px; }
	.feature ul.featurelist li p { padding-left:100px; padding-right:10px; }
	.feature a { color: #333; }
	
	.contact .container { width: 430px; }
	.contact .container .column1of2 { padding-right: 30px; }
	.contact .aside { float: right; overflow: hidden;}
	.contact p.caption { font-style: italic; }
	
	.products .content { float:left; width:670px; overflow:auto; }



                                                                              /*
********************************************************************************
  =FOOTER
********************************************************************************
                                                                              */	
	#footer { clear:both; margin-top:120px; height: 150px; position:relative; }
	#footer p.copy { position:absolute; left:30px; top:15px; }
	#footer img.logo { position:absolute; right:30px; top:6px; }



	/* IE-hacks
	------------------------------------------------------------------------- */
	* html .products .content { margin: 0 15px; }
	.browserIE table.data a.pdf { display:block; background-position: 0 2px;  }

*+html .products .content { overflow:visible; overflow-x:auto; overflow-y:hidden; padding-bottom:15px; }