@charset "utf-8";

/* CSS Document */



/* Body */



body {

background:#00678E;
font-family:"Trebuchet MS", arial,helvetica,clean,sans-serif;
}

#body_background {

background:url(images/body_background.jpg) center 40px no-repeat;

bottom:0px;

height:614px;

left:0px;

position:fixed;

width:100%;

z-index:0;

}



a {

color:#bfe4fc;

text-decoration:none;

}



a:hover,

a.active {

color:#afa;

text-decoration:underline;

}



/* End Body */



/* Page */



#page {

margin:0px auto;

position:relative;

width:960px;

z-index:1;

}



/* End Page */



/* Site Heading */





/* End Site Heading */



#site_heading {

background:url(images/bubbles.png) no-repeat 0px -20px;

height:50px;

margin:0px auto;

overflow:hidden;

padding:30px 10px 0px 10px;

width:940px;

}



#site_heading h1,

#site_heading h1 a {

background:url(images/ecosmarte_logo2.png) no-repeat;

float:left;

height:25px;

text-indent:-9999px;

width:291px;

}



#site_heading p {

color:#FFFFFF;

float:right;

font-size:16px;

font-weight:bold;

margin-top:2px;

}



/* Main Navigation */



#main_navigation {

background:url(images/title_bar.png) no-repeat;

height:90px;

margin:0px 0px 1px 0px;	

overflow:hidden;

padding:0px 0px 0px 0px;

}
#navigationBar ul li {

	float:left;
	list-style:none;
	padding: 10px 10px 0px 10px;
	list-style-position: outside;
}

#navigationBar	{
position:relative;
}

#navigationBar li a,
#navigationBar li a:hover,
#navigationBar li a:visited	{
color: #ffffff;
}

#navigationBar li a.active,
#navigationBar li a.active:hover,
#navigationBar li a.active:visited	{
color: #afa;
}


#links	{
visibility: hidden;
position: relative;
}

#links ul	{
	margin:0px;
	padding:0px;
	position: absolute;
	top: -2px;
	left: 0px;
	width: 100%;	

}

#links #contact li	{
float: right;
}



#links li {
	margin-left:0px;
	padding: 0px 7px 0px 7px;
	float: left;
	

}

#links li a,
#links li a:hover,
#links li a:visited	{
color: #ffffff;
font-size: 12px;
}

#navigationBar li a.active {

font-weight:bold;

}


hr.nav	{
visibility: hidden;
height: 0px;
width: 100%;
clear: left;

}



/* End Main Navigation */



ul.list_1 li {

color:#013449;

padding:10px 0px;

}



ul.list_1 li a,

ul.list_1 li a:active,

ul.list_1 li a:visited {

color:#D0F1F9;

}



ul.list_1 li h4 {

color:#D0F1F9;

margin-bottom:6px;

}



ul.list_1 li p {

line-height:1.6em;

}



ul.list_1 li p.question {

color:#D0F1F9;

font-weight:bold;

margin-bottom:8px;

}



ul.list_1 ul.sub_info {

overflow:hidden;

}



ul.list_1 ul.sub_info li {

color:#D0F1F9;

float:left;

font-size:.8em;

margin-right:20px;

}



ul.list_1 ul.sub_info li span {

color:#013449;

font-weight:bold;

float:left;

padding-right:6px;

width:110px;

}



ul.list_1 ul.sub_info li span.green_rating {

width:86px;

}



/* Main Content */

#main_content {

background:url(images/mountain_spring_water.jpg) no-repeat;
background-position: top center;
background-color: #1c2c1f;

color:#fff;

-moz-border-radius:14px;

overflow:hidden;

padding:14px;

-webkit-border-radius:14px;

width:932px;
height: auto;
font-family: "Trebuchet MS", arial,helvetica,clean,sans-serif;
}


h1	{
position: relative;
top: 0px;
left: 30px;
width: 600px;
font-size: 30pt;
color: #025D82;
text-align: center;
}

h1 span.subtitle	{
font-size: 20pt;
}

#text blockquote li	{
list-style: disc;
list-style-position: outside;
margin: 0px 0px 5px 20px;
font-size: 14px;
}

#main_content h3 {

font-size:20px;

margin-bottom:6px;

}



#main_content p {

color:#013449;

font-size:.86em;

line-height:1.4em;

}



#main_content ul.benefits_list {

margin:20px 0px;

}



#main_content ul.benefits_list li {

margin-bottom:12px;

}



#main_content ul.benefits_list li h4 {

color:#D0F1F9;

cursor:pointer;

margin-bottom:12px;

}



#main_content ul.benefits_list ul {

list-style:disc;

margin:0px 16px;

}



#main_content ul.benefits_list ul li {

font-size:.86em;

line-height:1.6em;

margin-bottom:12px;

}



#safer_water {

background:url(images/ecoli_2.jpg) no-repeat right top;

padding-right:190px;

}

div.wholehouse	{
position: relative;
left: 23%;
width: 40%;
margin-top: 100px;
color: #ffffff;
}

div.wholehouse li	{
font-size: 18pt;
color: #ffffff;
margin-left: 20px;
margin-bottom: 15px;
list-style: none;
list-style-position: outside;
}


div.wholehouse a,
div.wholehouse a:visited	{
color: #ffffff;
}

div.wholehouse a:hover	{
color: #afa;
}

div.wholehouse h3	{
margin: 15px;
}

/*irrigation*/
div.irrigation	{
position: relative;
margin-top: 50px;
color: #ffffff;
padding-left: 25px;
text-align: center;
}

div.irrigation li	{
font-size: 18pt;
color: #ffffff;
margin-left: 0px;
margin-bottom: 20px;
list-style: none;
width: 200px;
vertical-align: top;
text-align: left;
}

div.irrigation li.float	{
margin: 0px 0px 10px 60px;
}

div.irrigation li.wide	{
width: 500px;
}


div.irrigation a,
div.irrigation a:visited	{
color: #ffffff;
}

div.irrigation a:hover	{
color: #afa;
}

div.irrigation h3	{
margin: 15px;
}


/*end irrigation*/
/* End Main Content */



/* Main Column */



#main_column {
position: relative;

background: transparent;

float:left;

margin-right:20px;

-moz-border-radius:14px;

padding:14px;

-webkit-border-radius:14px;

width:632px;

}

#main_column p	{
margin: 5px 0px 10px 0px;
}


#main_column img	{
margin: 0px 15px 15px 0px;
border: 1px solid #ffffff;
}

#main_column hr	{
display: block;
visibility: hidden;
width: 100%;
clear: left;
height: 0px;
}

#pond_fixed_video	{

float: right;

border: 2px solid #025D82;

margin: 8px 0px 0px 8px;

}



#ecoliM	{

position: absolute;

top: 480px;

left: 520px;

visibility: visible;

z-index: 1111;

font-size: .75em;

color: #dbeffc;

width: 170px;

}

#text p	{
padding: 10px;
color: #ffffff;
}

#text a	{
color: #ffffff;
text-decoration: underline;
}

#text h3	{
margin-left: 10px;
}


#textbackground	{
background: url('images/tile_1.png') repeat;
}

.ordered_list {

font-size:.8em;

list-style:decimal;

margin:12px 0px 20px 21px;

}



.list_2 li,

.ordered_list li {

line-height:1.6em;

margin-bottom:8px;

}



.list_2 {

font-size:.8em;

list-style:disc;

margin:12px 0px 20px 18px;

}



.p_spacing {

margin:12px 0px 24px 0px;

}



.commercial {

background:url(images/commercial_photo.jpg) no-repeat right  -30px;

padding:0px 240px 10px 0px;

}





#left_column,

#right_column {

float:left;

}



#left_column {

margin-right:20px;

width:270px;

}



#right_column {

border:3px solid #D0F1F9;

width:334px;

}



li ol li {

line-height:1.6em;

margin-top:30px;

padding:40px 0px 40px 200px;

position:relative;

}



li ol li li {

margin:0px;

padding:0px;

}



li ol li img {

left:0px;

position:absolute;

top:0px

}



#building_photo {

border:2px solid #D0F1F9;

margin:10px 0px 20px 0px;

}



/* End Main Column */



/* Side Column */

#side_column {

color:#025D82;

float:left;

font-size:.86em;

padding-bottom:182px;

width:240px;

}



#side_column a {

color:#025D82;

font-size:1em;

}



#side_column h3 {

font-size:1.4em;

}



#side_column h5 {

color:#D0F1F9;

font-size:1.2em;

text-align:center;

}



#side_column ul  {

color:#013449;

margin:10px 0px 20px 0px;

}



#side_column ul li {

font-size:1em;

line-height:1.4em;

list-style:disc;

margin:0px 0px 10px 16px;

}



#side_column ul#phone li {

list-style:none;

}



#side_column #logos {

position:absolute;

text-align:center;

width:240px;

}



#side_column #logos img {

margin:0px 2px 0px 14px;

}



#side_column #ordering {

background:#fff;

margin-bottom:20px;

-moz-border-radius:14px;

padding:14px;

-webkit-border-radius:14px;

}



#install_video {

border:2px solid #025D82;

margin:8px 0px 20px 1px;

width:235px;

background: transparent;

}

#install_video object	{
border:1px solid #025D82
}

#install_video p.title	{
color: #ffffff;
text-align: center;
}


div.gmnoprint {

background-color:red;

}



.blue {

color:#D0F1F9;

}



.dark_blue {

color:#025D82;

}

hr	{
display: block;
visibility: hidden;
width: 100%;
clear: left;
height: 0px;
}

/* End Side Column */



/* Footer */

#es_footer {

color:#025D82;

font-size:14px;

}



#es_footer a {

color:#025D82;

font-size:1em;

}



#es_footer h3 {

font-size:1.4em;

}

#es_footer h4 {
color: #025D82
font-size:16px;
text-align: center;
}


#es_footer h5 {

color:#D0F1F9;

font-size:1.2em;

text-align:center;

}



#es_footer h6 {

color:#000000;

font-size:.8em;

text-align:center;

}



#es_footer #saltart {

background:#fff;

margin-bottom:20px;

-moz-border-radius:14px;

padding:14px;

-webkit-border-radius:14px;

padding-bottom: 10px;

font-size: 14px;

opacity: 0.95;

filter: alpha(opacity=95);

}





/* End Footer */