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


* {margin: 0px; padding: 0px;}

body {background:url(images/background.jpg) top center no-repeat; font-size: 62.5%; line-height: 1.4em; font-family:verdana, Geneva, Arial, Helvetica, sans-serif}

a {outline: none}

#container {width: 853px; margin: 0 auto;}

#branding { height: 127px; width: 853px; }
#branding h1 {text-indent: -9999px; height: 101px;}
a#branding_home { display: block; height: 127px; width: 853px; position: absolute;  text-indent: -9999px; top: 0}

/* ----- header boxess ----- */
#flash {height: 265px; width: 853px}

#header {height: 178px; width: 855px}

.a {background:url(images/int_header_girl.jpg) no-repeat;}
.b {background:url(images/int_header_landfill.jpg) no-repeat;}
.c {background:url(images/int_header_powerline.jpg) no-repeat;}
.d {background:url(images/int_header_family.jpg) no-repeat;}

/* ----- main navigation (below headers) ----- */

#nav_main {height: 27px; width: 497px; margin: 144px 60px 0 0; float: right}
#nav_main ul {height: 27px; list-style:none;}
#nav_main ul li {display: block; float: left; height: 27px; padding: 0 11px 0 0 }
#nav_main ul li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

li#about {background:url(images/nav_main_about.gif) no-repeat; width: 85px;}
li#process {background:url(images/nav_main_process.gif) no-repeat; width: 89px;}
li#waste {background:url(images/nav_main_eliminate_waste.gif) no-repeat; width: 127px;}
li#renewable {background:url(images/nav_main_renewable.gif) no-repeat; width: 145px;}
li#recycling {background:url(images/nav_main_recycling.gif) no-repeat; width: 78px}
li#faq {background:url(images/nav_main_faqs.gif) no-repeat; width: 53px; padding: 0px !important;}

li#about a:hover {background:url(images/nav_main_about_over.gif) no-repeat; width: 85px;}
li#process a:hover {background:url(images/nav_main_process_over.gif) no-repeat; width: 89px;}
li#waste a:hover {background:url(images/nav_main_eliminate_waste_over.gif) no-repeat; width: 127px;}
li#renewable a:hover {background:url(images/nav_main_renewable_over.gif) no-repeat; width: 145px;}
li#recycling a:hover {background:url(images/nav_main_recycling_over.gif) no-repeat; width: 78px}
li#faq a:hover {background:url(images/nav_main_faqs_over.gif) no-repeat; width: 53px;}

body.about li#about {background:url(images/nav_main_about_over.gif) no-repeat; width: 85px;}
body.process li#process {background:url(images/nav_main_process_over.gif) no-repeat; width: 89px;}
body.waste li#waste {background:url(images/nav_main_eliminate_waste_over.gif) no-repeat; width: 127px;}
body.renewable li#renewable {background:url(images/nav_main_renewable_over.gif) no-repeat; width: 145px;}
body.recycling li#recycling {background:url(images/nav_main_recycling_over.gif) no-repeat; width: 78px}
body.faq li#faq {background:url(images/nav_main_faqs_over.gif) no-repeat; width: 53px;}



/* ----- sub navigation (above headers) ----- */

#nav_sub {float: right; height: 24px; position: relative; z-inex: 100; width: 400px}
#nav_sub ul {list-style:none; height: 24px; position: relative; z-inex: 100;}
#nav_sub li {height: 24px; display: block; float: right; height: 24px; padding: 0 5px;}
#nav_sub li a {height:  100%; width: 100%; display: block; text-indent: -9999px;}

#nav_sub li#news {background:url(images/nav_sub_news.gif) center center no-repeat; width: 40px;}
#nav_sub li#data_room {background:url(images/nav_sub_data_room.gif) center center no-repeat; width: 132px;}
#nav_sub li#contact {background:url(images/nav_sub_contact.gif) center center no-repeat; width: 52px;}
#nav_sub li#home {background:url(images/nav_sub_home.gif) center center no-repeat; width: 40px;}

#nav_sub li#news a:hover {background:url(images/nav_sub_news_over.gif) center center no-repeat; width: 40px;}
#nav_sub li#data_room a:hover {background:url(images/nav_sub_data_room_over.gif) center center no-repeat; width: 132px;}
#nav_sub li#contact a:hover {background:url(images/nav_sub_contact_over.gif) center center no-repeat; width: 52px;}
#nav_sub li#home a:hover {background:url(images/nav_sub_home_over.gif) center center no-repeat; width: 40px;}

body.news #nav_sub li#news {background:url(images/nav_sub_news_over.gif) center center no-repeat; width: 40px;}
body.data_room #nav_sub li#data_room {background:url(images/nav_sub_data_room_over.gif) center center no-repeat; width: 132px;}
body.contact #nav_sub li#contact {background:url(images/nav_sub_contact_over.gif) center center no-repeat; width: 52px;}



/* ----- content section ----- */

#content {padding: 20px 0 0 0}
#content h3 {color: #0052b4; font-size: 1.9em; letter-spacing: 1px; margin: 0 0 9px 0; font-family: Arial, Helvetica, sans-serif; font-weight:bolder}
#content h3.icon {padding: 17px 40px 7px 0;  height: 35px; width: auto; position: absolute; margin:  0 0 0px 0; display: inline-block} 
#content h4 {color: #CB131B; font-size: 1.6em; letter-spacing: 1px; margin: 0 0 9px 0; font-family: Arial, Helvetica, sans-serif; font-weight:bolder}
#content h5 {color: #4d4d4f; font-size: 1.5em; letter-spacing: 1px; margin: 0 0 9px 0; font-family: Arial, Helvetica, sans-serif; font-weight:normals}

 
#content p {color: #4d4d4f; font-size: 1.2em; line-height: 1.6em; width: 541px; margin: 4px 0 }
#content p a {color: #F6931E; text-decoration:none; font-weight: bold}
#content p a:hover {text-decoration: underline}

/* ----- facts box ----- */

#facts_box { width: 273px; float: right;}
#facts_box p {width: 240px !important; font-size: 1.1em ; line-height: 1.3em; margin:10px 0 0 15px  }
#facts_box img {margin: 0 6px 4px 0}

#facts_box h4 {margin:15px 0 0 15px; padding:0px; text-indent: -9999px; position: relative; top: 5px}
#facts_box h4#facts_waste {background:url(images/header_eliminate_waste.gif) no-repeat; height: 25px; width: 173px;}
#facts_box h4#facts_renewable {background:url(images/header_renewable_energy.gif) no-repeat; height: 25px; width: 194px;}
#facts_box h4#facts_recycling {background:url(images/header_recycling.gif) no-repeat; height: 25px; width: 115px;}

#blue_bkg {background:url(images/blue_bkg.gif) top left no-repeat; height: 202px; width: 272px; }
#orange_bkg {background:url(images/orange_bkg.gif) no-repeat; height: 202px; width: 272px}
#green_bkg {background:url(images/green_bkg.gif) no-repeat; height: 202px; width: 272px}

#info_display {height: 202px; width: 272px; }

#links { font-size: 1.2em; width: 272px; height: 22px; text-align:center; background: #999999; padding:5px 0 5px 0; margin: 10px 0 0 0; text-align: center }
#links p {padding: 10px;}
#links ul {margin: 0 auto; width: 100px}
#links li { padding: 3px; float: left; list-style: none;}
#links li a {display: block;  height: 20px; width: 20px; color: #ffffff}
#links li a:hover {text-decoration:none; background: #ffffff; color: #999999 }

#footer {padding: 10px 0; border-top: 3px solid #f6921e;border-bottom: 3px solid #f6921e; margin: 20px 0 15px 0}
#footer p {width: 100%; text-align: center; font-size: 1em}

#site_info {}

#site_info p {text-align: center; width: 100%; font-size: 1em; }
#site_info #nav_text {background: url(images/recycling_symbol.jpg) right no-repeat; height: 40px; padding: 4px 0 0 0}
#site_info #nav_text p a {color: #4d4d4f; text-decoration: none}
#site_info #nav_text p a:hover {color:#999999; text-decoration: none}

#site_info #credits {margin: 8px 0 0 0}

#site_info #credits p a {color: #f6921e; text-decoration:none}

.hack {height: 45px; width: auto; overflow: visible}