/* Default Settings
----------------------------------------------- */
body {
	border:0;
	margin:0 auto;
	padding:0;
	border-top:2px solid #e7e6e2;
	color:#006600;
	font-size: 62.5%; /* for IE */
	font-family: helvetica, arial, sans;
	text-align:center;
}

html>body {
font-size: 10px; /* IE can?t read this */
}


/* Common Formatting 
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {

font-weight:normal;
font-family: helvetica, arial, sans-serif;
}
/*  TOP  RIGHT  BOTTOM LEFT*/
h1 {
padding:8px 0px 8px 15px;
margin: 10px 0px 0px 0px;
letter-spacing:3px;
font-size:2em;
background-color:#d4ecd4;
}

h2 {
}

h3 {
font-size:1em;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
list-style:circle;

padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small, .small {
font-size: 0.85em;
}

.caps {
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

hr {
margin: 2em auto;
width: 370px;
height: 1px;
color: #7a7e7d;
border: none;
}

/* Links 
----------------------------------------------- */
a, a:visited {
	text-decoration:none;
	border-bottom:1px dotted #4cbfd5;
	color:#009900;
}

a:hover {
	text-decoration:none;
	border-bottom:1px dotted;
	color:#00CC00;
}

#foot a, #foot a:visited {
text-decoration:none;
border-style:none;
border:0;
color:#009900;
}

#foot a:hover {
text-decoration:none;
border-bottom:1px dotted #fa7a00;
color:#00CC00;
}



/* Tables
----------------------------------------------- */
table {
border:0;
margin:0 0 18px 0;
padding:0;
}

table tr td {
padding:2px;
}

/* Wrapper 
----------------------------------------------- */
#wrap {
width:800px;
margin:0 auto; padding:0;
text-align:center;
}

/* layout
----------------------------------------------- */
#accessibility {
position: absolute;
top: -10000px;
}
/* new colors
#eaf6ea light green for in tank
f7fbf7 even lighter

fefefe lighter still


d4ecd4 greener

*/


#container {
background-color:#fefefe;
margin: 0 auto;
padding: 0;
width:787px;
text-align:left;
}

#logo {
margin:0; padding:0;
width:255px;
height:131px;
float: left;
background: url(/savimages/SavingLiquidWaste1k.gif) no-repeat 5px 0px;
}

#logo2 {
margin:0; padding:0;
width:255px;
height:131px;
float: left;

}




#navigation-bar {
margin:0;
padding:35px 0 0 0;
float:right;
width:335px;
}


#phone {
clear:right;
float:right;
padding:25px 10px 0 0px;
font-size:1.9em;
font-family: "Veranda", futura, Futura, sans-serif;
}


#navigation-bar li {
	margin:0 0 0 15px;
	padding:0 0 5px 0;
	text-decoration:none;
	font-size:1.8em;
	display: inline;
	list-style-type: none;
	color:#009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#navigation-bar li a, #navigation-bar li a:link, #navigation-bar li a:visited {
	color:#006600;
	border-top:2px solid #d4ecd4;
}

#navigation-bar li a:hover {
	color:#999;
	border-top:2px solid #fefefe;
}

#foot {
margin-top: 5px;
padding:0;
clear: both;
text-align: center;
color:#a3a3a3;
font-size:1.2em;
}

/* comments
----------------------------------------------- */
/*
.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}
*/

/* General Classes 
----------------------------------------------- */

.clear 			{ clear:both; }

.float-left 		{ float:left; }
.float-right            { float:right; padding:inherit; }

.text-left 		{ text-align:left; }
.text-right 		{ text-align:right; }
.text-center 	        { text-align:center; }
.text-justify 	        { text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.width-100 		{ width: 100%; }
.width-75 		{ width: 75%; }
.width-50 		{ width: 50%; }

.padding-left-20        { padding-left: 20px; }



/* new colors
#eaf6ea light green for in tank
f7fbf7 even lighter

fefefe lighter still


d4ecd4 greener

*/

/* Special Classes 
----------------------------------------------- */
#waves {
	margin: 0 auto;
	padding:0;
	overflow: hidden;
	height: 35px;
	width: 787px;
	position: relative;
	background-image: url(/savimages/sav-waves-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
	border-right-width: 1px;
	
	border-left-width: 1px;
	border-right-style: solid;
	
	border-left-style: solid;
	border-right-color: #b5deb4;
	
	border-left-color: #b5deb4;
	
	
}

/* MooTools Slide Components
----------------------------------------------- */

#slide-wrapper {
	background-color:#f7fbf7;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
	height: 420px;
	width: 787px;
	position: relative;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #b5deb4;
	border-bottom-color: #b5deb4;
	border-left-color: #b5deb4;
}
 
#slide-inner {
margin: 0 auto; padding:0;
width: 6600px;
height: 420px;
position: relative;
}
 
.scrolling-content {
margin:0 auto; padding:0;
width:787px;
text-align: left;
position: absolute;
font-size:1.3em;
line-height:1.7em;
}

/* CONTENT 1
-----------------*/
#content1 {
left: 0px; 
top: 0px;
width:787px;
height:345px;

background: url(/cssimages/homebg.png) no-repeat top center;	
}


#box11 {
margin:25px;
}


 
/* CONTENT 2
-----------------*/
#content2 {
left: 788px; 
top: 0px;

}

#content2 img { margin-right:2px; }
#content2-left { float:left; width:645px; } 
#content2-right { float:right; width:330px; } 
.clear-message { border-top:1px dotted #fa7a00; margin-top:20px; padding-top:20px; width:100%; text-align:center; }

/* CONTENT 3
-----------------*/
#content3 {
left: 1574px; 
top: 0px;

font-size:1.4em;
}

#content3-left   { margin:0; padding:0; float:left; width:250px; } 
#content3-center { margin:0; padding:0; float:left; width:270px; } 
#content3-right  { margin:0; padding:0; float:left; width:260px; } 

.services-list { margin:0; padding:0; font-size:0.9em; }

.services-list li { padding-left:30px; 
background:url(/cssimages/list-icon.png) no-repeat top left; }

#content3 h3 { 
margin:0 0 5px 0;
font-family: "book antiqua", georgia, times, serif; 
color:#655941; 
font-size:1.5em; 
font-weight:normal; 
}

/* CONTENT 4
-----------------*/
#content4 {
left: 2361px; 
top: 0px;
}

/* CONTENT 5
-----------------*/
#content5 {
left: 3148px; 
top: 0px;
}

#content5-left { 
margin:40px 0 0 0; padding:0; 
float:left; 
width:230px; 
font-size:1.2em;
font-family: "book antiqua", georgia, times, serif; color:#655941; 
} 

.rfp-btn { margin:20px 0; }

.rfp-btn a, .rfp-btn a:link, .rfp-btn a:visited {
font-family: "Century Gothic", futura, Futura, sans-serif;
text-transform:uppercase;
color:#fff;
padding:5px 10px;
background:#fa7a00;
border-top:3px solid #ffa555;
border-right:3px solid #ffa555;
border-left:3px solid #ffa555;
border-bottom:3px solid #ffa555;
font-size:1.1em;
}

.rfp-btn a:hover {
font-family: "Century Gothic", futura, Futura, sans-serif;
text-transform:uppercase;
color:#fff;
padding:5px 10px;
background:#fa7a00;
border-top:3px solid #ff973b;
border-right:3px solid #ff973b;
border-left:3px solid #ff973b;
border-bottom:3px solid #ff973b;
text-decoration:underline;
}

#content5-left a, #content5-left a:link, #content5-left a:visited { 
}

#content5-right { 
margin:30px 0 0 0; padding:0;
float:right;
width:440px;
color:#fff;
background:#4cbfd5 url(/cssimgages/bluebg.png) repeat-x bottom center; 
border:5px solid #81cde1;
font-size:1em;
} 

#content5-right .contactpadding { 
padding:0 30px 25px 30px;
}

#content5-right h3 { 
font-family: "Century Gothic", futura, Futura, sans-serif;
font-weight:normal; 
margin:25px 0 5px 0; padding:0;
text-transform:uppercase;
font-size:2.2em;
}

#content5-right a, #content5-right a:visited {
text-decoration:none;
border-bottom:1px dotted #fff;
color:#fff;
}

#content5-right a:hover {
text-decoration:none;
border-bottom:1px dotted #fff;
color:#fff;
font-style:italic;
}


/* Home page slideshow
--------------------------------------------*/
div.slideshow {
  margin: 10px 0 0 25px;
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: #FFF;
  bottom: -50px;
  left: 10px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;
}


/* contact email form
----------------------------------------------- */

#zemContactForm {
margin:0;
padding:0;
font-size:0.8em;
line-height:1.2em;
}

#zemContactForm p {
margin:0;
padding:0;
}

fieldset {
border:0;
}

label {
border:0;
}

fieldset legend { display:none ;}

.zemText, #yourname, #youremailaddress, #subject, #message {
margin:0px 0 0 0;padding:0;
width:240px;
height:1.7em;
}

.zemTextarea, #message {
margin:0; padding:0;
width:240px;
height:140px;
}

#zenSubmit {
}


/* transparent png fix for IE
----------------------------------------------- */
img, div { behavior: url(iepngfix.htc) }


/* portfolio styling
----------------------------------------------- */
.content4-row { 
height:100px;
overflow:hidden;
font-size:0.85em;
line-height:1.2em;
}

.content4-left   { margin:0 20px 0 0; padding:10px 0; float:left; width:245px; border-bottom:1px dotted #fa7a00;} 

.content4-center { margin:0 20px 0 0; padding:10px 0; float:left; width:245px; border-bottom:1px dotted #fa7a00;} 

.content4-right  { margin:0; padding:10px 0; float:left; width:245px; border-bottom:1px dotted #fa7a00;} 

#content4 img { margin:0 5px 0 0; }

h4 { 
margin:0 0 3px 0; 
font-size:1.5em; 
line-height:1em;
}

h4 a, h4 a:link, h4 a:visited {
margin:0; font-family: "book antiqua", georgia, times, serif; color:#655941; 
font-weight:normal;
border-style:none;
text-decoration:none;
}

h4 a:hover {
margin:0; font-family: "book antiqua", georgia, times, serif; color:#655941; 
font-weight:normal;
border-style:none;
text-decoration:underline;
}

#error-page {
margin:0 0 20px 30px;
text-align:left;
font-size:1.2em;
color:#c3c3c3;
}

#error-page h1 {
}

h2 a, h2 a:link, h2 a:visited {
margin:0; font-family: "book antiqua", georgia, times, serif; color:#655941; 
font-weight:normal;
border-style:none;
text-decoration:none;
}

h2 a:hover {
margin:0; font-family: "book antiqua", georgia, times, serif; color:#655941; 
font-weight:normal;
border-style:none;
text-decoration:underline;
}

.error-msg { 
font-family: Gerogia, Times, Serif;
font-size:1.3em;
}
 
 #form_box {
	width: 400px;
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	
	padding: 0.5em;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 2px;
	float:left;
}

 #form_box2 {
	width: 325px;
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	
	padding: 0.3em;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 2px;
	float:right;
}



#form_box div {
	padding: 0.2em 0.5em;
	clear:left;
}


#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}

#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 100px;
	
}


#log {
	
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 2px;
	float:left;	
}
 
#log_res {
	overflow: auto;
}

#log_res.ajax-loading {
	padding: 20px 0;
	background: url("/ajaxform/spinner.gif") no-repeat center;
}

.formarea {
font-size:1.3em;
line-height:1.7em;
}






#coupon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 7px;
	border: 2px dotted #7a7e7d;
	width: 250px;
}

.emergency
{color:#FF0000; font-weight:bold;}
