@charset "utf-8";
/* css document */

body { background:#74645C; }

div#wrapper { width:1066px; margin:auto; padding:15px 0; }
div#wrapper div.header { width:100%; height:auto; padding-top:8px; background:url("../images/bg_content_top.gif") 0 0 no-repeat; }
div#wrapper div.footer { width:100%; height:auto; padding-bottom:8px; background:url("../images/bg_content_bot.gif") 0 100% no-repeat; }
div#wrapper div.container { width:auto; height:auto; padding:0 8px; background:url("../images/bg_content_mid.gif") 0 0 repeat-y; }
div#wrapper div.inside { width:100%; height:auto; padding-top:605px; background:#F8F5EF; }

div#wrapper.subpage div.inside { padding-top:200px; }
div#wrapper.subpage div#breadcrums { top:170px; }

div#header { width:100%; height:140px; position:absolute; left:0; top:0; }
div#header a.logo { text-indent:-999px; overflow:hidden; display:block; width:467px; height:76px; background:url("../images/logo_eco_chem.gif") 0 0 no-repeat; position:absolute; left:40px; top:25px; }

div#navigation { width:100%; height:30px; background:#DA8E3F; position:absolute; left:0; top:140px; }
div#navigation ul { margin:0; padding:0; width:100%; height:100%; text-align:center; }
div#navigation ul li { display:inline-block; width:auto; height:100%; position:relative; list-style:none; margin:0; padding:0 1px 0 0; background:url("../images/bg_nav_item.gif") 100% 50% no-repeat; }
div#navigation ul li a { display:inline-block; width:auto; height:100%; line-height:30px; text-decoration:none; margin:0; padding:0 10px; color:#090909; font-weight:normal; font-size:13px; font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif; }
div#navigation ul li ul { display:none; position:absolute; left:0; top:30px; width:200px; height:auto; text-align:left; }
div#navigation ul li ul li { display:block; width:100%; height:auto; background:none; padding:0; border-top:1px solid #FFF; }
div#navigation ul li ul li a { display:block; width:180px; height:auto; background:#DA8E3F; line-height:normal; padding:5px 10px; }
div#navigation ul li ul li.last { border-bottom:1px solid #FFF; }

/* IE6 */
* html div#navigation ul li { display:inline; }
* html div#navigation ul li a { display:inline; }

/* IE7 */
*:first-child+html div#navigation ul li { display:inline; }
*:first-child+html div#navigation ul li a { display:inline; }

div#navigation ul li a:hover { color:#FFF; }
div#navigation ul li.active a { color:#FFF; }
div#navigation ul li.last { background:none; padding:0; }
div#navigation ul li:hover ul { display:block; }
div#navigation ul li:hover ul li a { color:#090909; }
div#navigation ul li:hover ul li a:hover { background:#74645C; color:#FFF; }
div#navigation ul li:hover ul li.active a { background:#74645C; color:#FFF; }

div#banner { width:100%; height:380px; padding-bottom:25px; background:#DA8E3F; position:absolute; left:0; top:170px; }
div#banner #flashcontent { width:100%; height:100%; background:#FFF; }
div#banner #flashcontent div.warning { padding:50px; }

div#breadcrums { width:auto; padding:0 41px; height:30px; position:absolute; left:0; top:575px; font-family:"arial"; font-size:10px; font-weight:bold; color:#DA8E3F; cursor:default; }
div#breadcrums * { line-height:30px; font-family:"arial"; font-size:10px; font-weight:normal; color:#4D3A30; }
/*
div#breadcrums span { line-height:30px; font-family:"arial"; font-size:10px; font-weight:normal; color:#4D3A30; margin:0 5px; cursor:default; }
*/

div#content { width:100%; padding:20px 0; min-height:560px; }
* html div#content { height:560px; } /* IE 6 hack */

div#content.twocol div.col-L { float:left; width:320px; display:inline; overflow:hidden; }
div#content.twocol div.col-R { float:right; width:730px; display:inline; overflow:hidden; }
div#content.twocol div.col-L div.padding { padding:0 20px 0 40px; }
div#content.twocol div.col-R div.padding { padding:0 40px 0 20px; }

div#content.threecol div.col-L { float:left; width:350px; display:inline; overflow:hidden; }
div#content.threecol div.col-M { float:left; width:350px; display:inline; overflow:hidden; }
div#content.threecol div.col-R { float:left; width:350px; display:inline; overflow:hidden; }
div#content.threecol div.col-L div.padding { padding:0 20px 0 40px; }
div#content.threecol div.col-M div.padding { padding:0 20px 0 20px; }
div#content.threecol div.col-R div.padding { padding:0 40px 0 20px; }

div#footer { width:auto; margin:0 50px; height:115px; padding-top:35px; background:url("../images/bg_hrule.gif") 0 0 repeat-x; }
div#footer ul { margin:0; padding:0; width:100%; height:auto; text-align:center; }
div#footer ul li { list-style:none; width:auto; height:auto; margin:0; padding:0 9px 0 8px; display:inline; background:url("../images/bg_nav_item.gif") 100% 50% no-repeat; }
div#footer ul li , div#footer ul li * { color:#434540; font-family:"arial"; font-size:12px; font-weight:normal; line-height:18px; }
div#footer ul li a { text-decoration:none; display:inline; width:auto; margin:0; padding:0; }
div#footer ul li a:hover { text-decoration:underline; }
div#footer ul li.last { background:none; padding-right:8px; }

span.c-info { display:block; text-align:right; float:right; padding:50px 40px 0 0; }
span.c-info address { font-family:"arial black"; font-style:italic; font-size:18px; font-weight:bold; color:#544A3B; }
span.c-info a { font-family:"lucida sans"; font-size:12px; font-weight:normal; color:#544A3B; } 

div.threeRs { margin-top:75px; margin-left:40px; float:left; clear:left; }
div.threeRs a { display:block; width:auto; height:26px; padding:0 8px 0 35px; margin-bottom:25px; float:left; clear:left; }
div.threeRs a span { display:block; height:21px; margin:3px 0; padding:0 5px; line-height:21px; font-family:"arial black"; color:#FFF; font-size:11px; }

div.threeRs a.reduce { background:url("../images/icon_circ_reduce.gif") 0 0 no-repeat; } 
div.threeRs a.reuse { background:url("../images/icon_circ_reuse.gif") 0 0 no-repeat; }
div.threeRs a.recycle { background:url("../images/icon_circ_recycle.gif") 0 0 no-repeat; }

div.threeRs a.reduce span { background:#00A9BD; }
div.threeRs a.reuse span { background:#F6A90A; }
div.threeRs a.recycle span { background:#AFCA22; }

div.threeRs a:hover { text-decoration:none; }

div.threeRs a.reduce:hover span { background:#11BACE; }
div.threeRs a.reuse:hover span { background:#F7BA1B; }
div.threeRs a.recycle:hover span { background:#BFDB33; }

ul.sublinks li { background:none; margin:0; padding:0; }
ul.sublinks li a { font-family:"georgia"; font-size:13px; font-weight:normal; color:#4D3A30; line-height:22px; }
ul.sublinks li a:hover { color:#CC6600; text-decoration:underline; }
ul.sublinks li.active a { color:#CC6600; text-decoration:underline; }


.callouttext { font-family:"lucida sans"; font-style:italic; font-size:16px; line-height:24px; color:#CC6600; }