body { margin: 0; padding: 0; font-size: 12px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif; color: #555; background: #fff url(../images/bkgd_header.jpg) 0 125px repeat-x; }

img, a img { border: none; }
.clearing { clear: both; margin: 0; padding: 0; font-size: 1px; line-height: 1px; height: 1px; }
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; }
.spacer { width: 20px; height: 20px; }

a { text-decoration: none; outline: none; color: #b48a28; }
a:hover { text-decoration: underline; }

#container { width: 998px; margin: 0 auto 0 auto; padding: 0 0 130px 0; text-align: left; position: relative; height: auto; }

#header { width: 998px; height: 180px; position: relative; margin: 0 0 45px 0; z-index: 2; }
/* see superfish.css for nav menu styles */

body.home { background: #fff url(../images/bkgd_home.jpg) 0 125px repeat-x; }
.home #header { margin: 0 0 27px 0; height: 120px; }
.home #main { width: 949px; margin: 0 0 0 49px; }
.home #container { height: 700px; }

/* home page styles */
.home #banner { width: 949px; color: #fff; position: relative; }
#banner #homePhoto { }
#banner #bannerText { position: absolute; top: 0px; left: 475px; }
#bannerText p { margin: 16px 0 0 0; padding: 0; font-size: 12px; }
#bannerText p a { color: #e6b131; }
#homeContent { width: 949px; position: relative; }
#homeServices { position: absolute; top: 50px; left: 0; width: 457px; }
#homeContent ul, li { list-style: none; font-size: 14px; margin: 0; padding: 0; }
#homeContent ul li { padding: 0 0 0 18px; margin: 0 0 9px 0; }
#homeContent ul li.listHover { background: url(../images/bul_homelists.gif) 0 4px no-repeat; }
#homeContent ul li a { color: #555; }
#homeContent ul li a:hover { text-decoration: none; color: #000; }
#homeIndustries { width: 457px; position: absolute; top: 50px; left: 475px; }
#homeContent h2 { margin: 0 0 12px 18px; padding: 0 0 6px 0; border-bottom: 1px solid #e6b131; }
#homeContent #homeServices div, #homeContent #homeIndustries div { width: 175px; font-size: 12px; line-height: 18px; position: absolute; top: 30px; left: 280px; }
#homeContent #homeServices div p, #homeContent #homeIndustries div p { margin: 0; padding: 0; }
#homeContent div.minerals, #homeContent div.recycling, #homeContent div.reuse, #homeContent div.rcra, #homeContent div.smelting, #homeContent div.foundry, #homeContent div.gypsum, #homeContent div.warehouse, #homeContent div.cement, #homeContent div.jewelry, #homeContent div.copper, #homeContent div.mining, div.circuit { display: none; } 

#main { width: 998px; z-index: 1; }

#sectnav { width: 278px; margin: 0; padding: 0 20px 0 0; background: #fff url(../images/bkgd_sectnav.gif) top right repeat-y; float: left; display: inline; }

#sectnav h2 { margin: 5px 0 12px 0; padding: 0; font-size: 14px; line-height: 22px; text-align: right; }
#sectnav ul { margin: 0; padding: 0; list-style: none; }
#sectnav ul li { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: right; font-size: 12px; line-height: 15px; }
#sectnav ul li ul { margin: 4px 0 10px 0; }
#sectnav ul li ul li { font-size: 11px; margin: 0 0 5px 0; }

#sectnav ul li.selected a { font-weight: bold; color: #555; }
#sectnav ul li.cursec { font-weight: bold; }
#sectnav ul li.selected ul li a { font-weight: normal; color: #b48a28; }
#sectnav li.selected a:hover { text-decoration: none; cursor: default !important; }
#sectnav ul li.cursec ul li a { font-weight: normal; }

#content { width: 660px; float: left; display: inline; margin: 0 0 0 20px; padding: 0; }
#content h1, #content h2, #content p { width: 520px; }
#content h1 { font-size: 24px; line-height: 22px; margin: 0 0 20px 0; padding: 0; font-weight: normal; }
#content h2 { font-size: 16px; line-height: 22px; font-weight: normal; margin: 0 0 4px 0; padding: 0; }
#content p { font-size: 12px; line-height: 22px; margin: 0 0 16px 0; padding: 0; }
#content p.intro { font-size: 14px; margin-bottom: 24px; }

#footer img { float: left; display: inline; margin-left: 47px; }
#footer p { float: left; display: inline; margin: 13px 0 0 25px; padding: 0; color: #fff; font-size: 10px; }

/* styles to enable footer width and position */
html, body, #wrap { min-height: 100%; width: 100%; height: 100%; }
html>body, html>body #wrap { height: auto; }
#wrap { position: absolute; top: 0; left: 0; }
#footer { position: absolute; bottom: 0; width: 100%; padding: 25px 0 0 0; background: #999; \width: 100%; w\idth: 100%; }
.footerWrap { width: 998px; margin: 0 auto; background-color: #999; }
