@charset "UTF-8";
/* colors:

blue:#0077C6
orange: #F89828

*/

img {border:0;}
html, body {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

a { color: #0079c2; }

#container {
	width: 961px;
	margin: 0 auto 40px;
	margin-bottom:0px;
	background-image: url(../images/headerbgjpg.jpg);
	background-repeat: no-repeat;
	position:relative;
}

.sub #container {background:url('../images/headerbgjpgsub.jpg') no-repeat top center;}

#placeholder {
	height: 315px;
}

.sub #placeholder {height:310px;}

#content {
	padding: 0 40px 0 30px;
	border-left: 10px solid #eee;
	border-right: 10px solid #eee;
	height:100%;
	overflow:hidden;
}

.sub #content {padding-top:10px; border-top:10px solid #eeeeee; padding-bottom:20px;}
.sub div#content div.noside {width:100%}

.clearer { clear: both }

.lcol {
	float: left;
	width: 418px;
}

.rcol {
	float: right;
	width: 412px;
}

.block { display: block; }

h1#headline {
	height: 84px;
	width: 389px;
	padding: 0;
	background-image: url(../images/byproducts_products.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

p#intro {
	font-size: 14px;
	line-height: 21px;
	margin: 0;
	padding: 0 0 30px 0;
}

p#intro strong { color: #000; }

h3#services-title {
	margin: 0;
	padding: 30px 0 20px 0;
	font-size: 14px;
	line-height: 1;
	color: #000;
}

ul#services-list {
	list-style-position: inside;
	margin: 0 0 35px 0;
	padding: 0;
	font-size: 14px;
	color: #7e480a;
}

ul#services-list li {
	padding: 7px 0;
	text-indent: 10px;
}

ul#services-list li.odd {
	background-color: #ffe5c8;
}

#toll-free {
	text-align: center;
	padding-bottom: 40px;
}

#toll-free p {
	font-size: 14px;
	margin: 0;
	padding: 0 0 20px 0;
}

#toll-free h1 {
	font-size: 24px;
	color: #000;
	margin: 0;
	padding: 0;
}

#toll-free h1 span { font-weight: normal }

h3#map-header {
	height: 30px;
	width: 412px;
	margin: 0 0 1px 0;
	padding: 0;
	background-image: url(../images/locations.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#map {
	height: 375px;
	margin-bottom: 20px;
	background-color: #f5f2ed;
}

p#map-caption {
	margin: 0;
	padding: 0 0 25px 0;
}

h4#locations-header {
	font-size: 12px;
	color: #f89829;
	margin: 0;
	padding: 0 0 30px 0;
}

ul#locations-list {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
	border-top: 1px solid #ccc;
}

ul#locations-list li {
	padding: 5px 0 7px 10px;
	border-bottom: 1px solid #ccc;
}

#mn {
	padding: 10px 30px 20px 30px;
	border-left: 10px solid #eee;
	border-right: 10px solid #eee;
	border-bottom: 10px solid #eee;
	background-color: #eee;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	overflow:hidden;
	height:100%;
}

.sub #mn {padding:0px; border-bottom:0px; border-top:10px solid #eeeeee;}

h2#corp-bg {
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0 0 20px 0;
}

p#corp-bg-text {
	font-size: 14px;
	line-height: 21px;
	margin: 0;
	padding: 0 0 30px 0;
}

p#contact {
	margin: 0;
	padding: 0 0 20px 0;
}

h4#commitment {
	font-size: 12px;
	line-height: 1;
	color: #000;
	margin: 0;
	padding: 0 0 20px 0;
}

p#commitment-text {
	margin: 0;
	padding: 0 0 20px 0;
}

.marker-content {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.marker-content span {
	color: #999;
}

.zoom-out { font-size: 10px; }


div.intro {height:159px; overflow:hidden; }
p#intro {float:right; width:440px; color:#ffffff; padding-top:20px; padding-bottom:0; margin-bottom:0;}
#headline {float:left;}
p#intro strong {color:#ffffff}
p#intbtn {width:200px; float:right; width:312px; height:42px; text-align:center; line-height:42px; background:url('../images/headblbtn.jpg') center no-repeat; margin-top:0; position:relative; top:10px;}
p#intbtn a {color:#FFFFFF;
display:block;
font-size:14px;
font-weight:bold;
padding-right:25px;
text-decoration:none;}

#navigation {position:absolute; background:none; top:39px; height:42px; width:961px; z-index:500;}
#navigation ul {padding:0; margin:0; list-style:none; }
#navigation ul li {float:left; padding:0px 20px 0px; height:42px; line-height:42px; font-size:13px; font-weight:bold;}
#navigation a {color:#F89828; text-decoration:none; display:block; padding:0 8px; }
#navigation a:hover  {color:#666666;}

div#contacttop {position:absolute; margin-left:600px; top:100px; width:351px; }
div#contacttop a {display:block; opacity:0; filter: alpha(opacity=0); background:none; height:56px; }

.index #content {padding:0px;}

.midbox h2 {background:#F89828; margin:0; border-top:10px solid #eeeeee; border-bottom:10px solid #eeeeee; color:#ffffff; padding:5px; font-size:20px; line-height:30px;}
.intro {padding:0px 30px}
.midbox {background:none; overflow:hidden; height:100%; border-bottom:10px solid #eeeeee;}
.midbox div {width:227px; float:left; border-right:10px solid #eee; display:inline; height:230px; position:relative;}
.midbox .reg {border-right:0px; margin-right:0;}
span.more {display:block; position:absolute; bottom:0px; right:10px; height:30px; line-height:30px; text-align:right; }
span.more a {color:#F89828; font-size:14px; font-weight:bold; display:block; text-align:right; text-decoration:none; background:url('../images/rarrorange.jpg') right center no-repeat; padding-right:15px;}
.sub span.more a {font-size:11px;}
.midbox h3 {margin:0; background:#0077C6; color:#ffffff; font-size:15px; line-height:30px; padding:0px 10px; }
.sub .midbox h3 {margin:0; background:url('../images/check.gif') 100% 15px no-repeat; color:#0077C6; font-size:15px; line-height:30px; padding:0px 10px; padding-top:10px;}
.midbox p {margin:0px; padding:10px;}
.sub .midbox div {font-size:11px; height:220px; color:#000000; border:0; margin-right:10px; width:225px;}

a img {border:0;}
p.map {text-align:center;}
.contul {list-style-type:none; padding:0; margin:0; }
.contul li {background:url('../images/mainblue.gif') center no-repeat;}
a.viewloc {background:url('../images/locbg.gif') center no-repeat}

.rcol p {position:relative;}
a.viewloc {position:absolute; height:33px; background-color:transparent; color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none; padding-right:40px; padding-left:20px; line-height:33px; right:0; z-index:12; top:50px;}
a.viewloc:hover {color:#F89828; }
.contul li {line-height:80px; width:455px;}
.contul a {color:#ffffff; display:block; text-align:right; padding-right:60px;  font-size:15px; text-decoration:none; font-weight:bold;}
.contul a:hover {color:#F89828}
.expert h2 {font-size:25px; color:#0077C6;}

/* navigation hover classes */
div.menuwide {position:absolute; z-index:100; top:-1000px; left:5px; }
#navigation li:hover div.menuwide {position:absolute; z-index:12; top:42px; left:5px; }
#navigation li:hover div.menuwide div.menuwide {position:absolute; z-index:12; top:-1000px; }
#navigation li {position:relative!important;}
div.menuwide ul li {display:block; width:205px; }
div.menuwide span, div.menuwide a {background:none!important}
div.menuwide li {background:#fff; border-bottom:1px solid #eee; padding:5px; font-weight:normal!important;}
div.menuwide {border:1px solid #eee; border-bottom:0; text-align:left;}
#navigation li:hover div.menuwide li:hover  div.menuwide {position:absolute; z-index:15; top:-1px; left:215px;}

/* end hover classes */

.index .home span, .about .about span, .emulsion .emulsion span, .terminalling .terminalling span, .water-disposal .water-disposal span, .locations .locations span, .contact .contact span {background:url('../images/navbg.gif') repeat-x center; display:block;}
.index .home span span, .about .about span span, .emulsion .emulsion span span, .terminalling .terminalling span span, .water-disposal .water-disposal span span, .locations .locations span span, .contact .contact span span {background:url('../images/navbgl.gif') left center no-repeat!important; display:inline-block}
.index .home span span a , .about .about span span a, .emulsion .emulsion span span a, .terminalling .terminalling span span a, .water-disposal .water-disposal span span a, .locations .locations span span a, .contact .contact span span a {background:url('../images/navbgr.gif') no-repeat center right!important; color:#ffffff!important;}

.foot {width:961px; margin-left:auto; margin-right:auto; display:block; font-size:11px; overflow:auto; height:100%; margin-bottom:50px; margin-top:10px;}
.footnav {float:left; width:500px;}
.copy {float:right; text-align:right; width:400px;}


.main {width:520px; float:left; display:inline;}
.side {float:right; width:320px; margin-right:-20px; display:inline;}
.sub h1 {color:#0077C6; line-height:120%;}
.how-help {border:10px solid #eeeeee; padding:10px; background:url('../images/help-bg.gif') no-repeat 95% 11px; z-index:12; margin-top:10px;}
.how-help h3 {color:#F89828; margin:0px;}
form table {color:#F89828}
input,textarea, select {width:170px; border:1px solid #F89828;}
span.btn {display:inline-block; background:url('../images/subbg.gif') #ffc94a repeat-x center bottom!important;}
span.btn input {background:url('../images/arrbtn.gif') 95% center no-repeat; color:#ffffff; text-align:right; padding-right:9%; line-height:30px; height:30px; font-weight:bold; border:1px solid #DF7800}


.mainform input, .mainform textarea, .mainform select {width:99%}
.mainform span.btn {width:100%;}
.mainform span.btn input {background-position:98% center; width:100%; }

.side .mainform span.btn input {background-position:98% center}

#homelink {position:absolute; top:123px; left:10px;}
#homelink a { width:296px; height:73px; display:block;}
#homelink a span {display:block; position:absolute; height:10px; width:10px; overflow:hidden; top:-20px; z-index:-10;}
.dl3col td{vertical-align:top;}
.dlform {width:320px;}
.dltxt {padding:0px 10px;}

span.btnlink {display:block; background:url('../images/subbg.gif') #ffc94a repeat-x center bottom}
span.btnlink a {background:url('../images/arrbtn.gif') 98% center no-repeat; color:#ffffff; text-align:right; padding-right:6%; line-height:30px; height:30px; font-weight:bold; border:1px solid #DF7800; display:block; padding-left:10px; text-decoration:none;}
span.bg {font-size:15px;}

.main ul { list-style-type:none; margin:0; padding-left:0px; line-height:190%;}
.main ul li {background:url('../images/bul.gif') no-repeat left 6px; padding-left:20px }
.main ul ul {padding-top:0; margin-top:0;}

span.bigbtn {background:url('../images/mainblue.gif') center no-repeat; line-height:80px; width:455px; display:inline-block;}
span.bigbtn  a {color:#ffffff; display:block; text-align:right; padding-right:60px;  font-size:15px; text-decoration:none; font-weight:bold;}
span.bigbtn a:hover {color:#F89828}

.locationform {margin-right:20px;}

span.dlpdf .a {background:url(../images/bluebtnc.jpg) repeat-x ;}
span.dlpdf .b {background:url(../images/bluebtnl.jpg) no-repeat left ;}
span.dlpdf .c {background:url(../images/bluebtnrarr.jpg) no-repeat right ;}
span.dlpdf a {display:block;}
span.dlpdf, span.dlpdf span {display:block;}
.dlpdf a {line-height:65px; color:#ffffff; text-decoration:none; text-align:center; font-size:15px; padding-right:40px; font-weight:bold; position:relative; z-index:12;}
.dlpdf {width:320px; margin-top:20px;}

#Table_01 {margin-right:-50px; margin-left:20px; position:relative; z-index:12;}
.new-business .dlpdf {width:300px;}

h2 {font-size:17px; line-height:23px;}
.locleft {padding-right:10px;}
.main h2 span {font-size:0.8em;}


p.smll {font-size:7pt;}

p.emph {font-weight:bold;}

.locctact {float:right; width:200px; margin-right:10px; padding-top:3px; color:#0379BF}