/* CSS Document */
body {
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#555; 
text-align:left;
margin:0px;
padding:0px;
background-color:#fbfbfb;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
line-height:1.5em;
}
#wrapper {
position:relative;
width:800px;
padding-top:0px;
margin-top:0px;
margin-left:0px;
text-align:left;
}
#logo {
position:relative;
width:200px;
float:left;
margin-top:0px;
padding-top:85px;
padding-left:35px;
text-align:left;
margin-left:50px;
display:inline;
}
#left {
width:150px;
float:left;
text-align:left;
padding-top:33px;
margin: 0px 0px 0px 50px;
padding-left:35px;
}
#left_comm {
width:200px;
float:left;
text-align:left;
padding-top:33px;
margin: 0px 0px 0px 50px;
padding-left:35px;
}
#copy_bot {
padding-top:5px;
padding-bottom:15px;
text-align:center;
border-top:1px dotted #ccc;
clear:both;
}
#logos {
width:242px;
margin-top:20px;
text-align:center;
}
#maincontent_1 {
position:relative;
width:505px;
height:136px;
margin-top:0px;
padding-top:0px;
float:right;
text-align:left;
background-image:url(../images/center_11.jpg);
background-repeat:no-repeat;
display:inline;
}
#maincontent {
}
.index {
background-image:url(../images/center_22.jpg);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
}
.softener {
background-image:url(../images/center_softener.jpg);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
}
.whole_house {
background-image:url(../images/center_softener2.jpg);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
}
.residential {
background-image:url(../images/residential_water_treatment_systems.jpg);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
/*flash
padding:0px;
width:505px;
height:215px;*/
}
.reverse_osmosis {
background-image:url(../images/center_2.jpg);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
}
.reverse_osmosis_equipment {
background-image:url(../images/center_r_o.jpg);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
}
.contact {
background-image:url(../images/water_fruit.jpg);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
}
.commercial {
background-image:url(../images/local_phoenix.jpg);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
}
.company {
background-image:url(../images/company.png);
background-repeat:no-repeat;
position:relative;
padding-left:45px;
padding-right:270px;
width:190px;
padding-top:20px;
height:195px;
float:right;
text-align:left;
}
#brdcrumb {
padding-left:45px;
padding-right:45px;
padding-top:0px;
width:415px;
height:31px;
float:right;
text-align:left;
background-image:url(../images/brdcrumb.jpg);
background-repeat:no-repeat;
font-size:10px;
color:#ccc;
}
#maincontent_body {
padding-left:45px;
padding-right:45px;
width:415px;
float:right;
text-align:left;
background-image:url(../images/content_bg.jpg);
background-repeat:repeat-y;
}
#maincontent_bot {
width:505px;
height:91px;
float:right;
text-align:left;
background-image:url(../images/center_bot.jpg);
background-repeat:no-repeat;
}
#bot_log {
width:505px;
float:right;
text-align:center;
padding-bottom:50px;
}
.clear {
clear:both;
}
ul#navlist {
width: 122px;
border-top: 0px;
margin: 20px auto 0px 50px;
font-size:14px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
background: transparent;
float:left;
padding-left:35px;
}

ul#navlist li {
list-style: none;
margin: 0px;
border: 0px;
}

ul#navlist li a {
display: block;
width: 100px;
padding: 1px 8px 1px 8px;
border: 0px;
border-left: 1px solid #fff;
background: transparent;
text-decoration: none;
text-align: left;
line-height:2em;
}

ul#navlist li a:link { 
color: #fff; 
}
ul#navlist li#active a:link { 
color: #0055a5;
border-left: 1px solid #0055a5; 
}
div#navcontainer li a:visited { 
color: #fff; 
}

ul#navlist li a:hover {
border-color: #0055a5;
color: #0055a5;
background: transparent;
}

ul.site_map li {
list-style-image: url(../images/grey_circle.gif);
line-height: 1.5em;
}

h1 {
color: #2596ff;
font-weight: bold;
font-size: 16px;
text-transform:uppercase;
}
h2 {
color: #2596FF;
font-weight: bold;
font-style:italic;
font-size:12px;
}
.bluetext {
color: #2596FF;
font-weight: bold;
font-style:italic;
font-size:12px;
}
#botnav {
padding-top:25px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
}
#serving_arizona {
padding-top:25px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
}
a:link, a:visited {
color:#8ab9ea;
text-decoration:underline;
}
a:hover, a:active {
color:#8ab9ea;
text-decoration:none;
}
h2 {
color: #2596FF;
font-weight: bold;
font-style:italic;
}
.ltblue {
color: #8AB9EA;
font-style: italic;
font-weight: bold;
}
.dkblutxt {
color: #0055a5;
font-weight: bold;
font-size:12px;
}
.greybox {
margin:auto;
text-align:center;
background-color:#9BCFFF;
width:75px;
padding:10px 5px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.greybox:hover {
background-color:#2090F8;
}
a.grey:link, a.grey:visited, a.grey:hover, a.grey:active {
font-size:14px;
color:#fff;
text-decoration:none;
}
.blubox {
margin:auto;
border:2px dotted #ccc;
background-color:#fff;
color:#666;
width:321px;
padding:10px 10px 0px 10px;
}
.smtxt {
font-size:10px;
line-height:normal;
}
.smtxt_blue {
font-size:10px;
line-height:normal;
color:#8AB9EA;
}
.text_top {
color:#0055a5;
font-weight:bold;
line-height:2em;
font-style:italic;
}
.text_top_lg {
color:#8ab9ea;
line-height:1em;
font-style:italic;
font-size:24px;
}
.text_top_lg2 {
color:#77B2E9;
font-size:24px;
line-height:1em;
font-style:italic;
}
ul.waterdrop li{
list-style-image:url(../images/wd2.gif);
line-height:2em;
}
.rightimg {
float:right;
padding:10px 10px 0px 10px;
}
.leftimg {
float:left;
padding:10px 10px 0px 10px;
}
.why_nomac {
padding-bottom:2px;
}

.why_nomac:hover {
padding-bottom:1px;
border-bottom:1px solid #8ab9ea;
}
table.red {
margin:0px;
font-size:10px;
line-height:normal;
}
th.red {
color:#ff0000;
border:1px dotted #ccc;
font-weight:normal;
vertical-align:top;
}
td.red {
border:1px dotted #ccc;
color:#666;
vertical-align:top;
}
#analysis {
	width: 300px;
	margin: 0px auto;
	padding: 0px;
	color: #2596FF;
	font-size:10px;
	text-align:left;
}
fieldset {
margin:auto;
color: #0055a5;
border:1px solid #2596FF;
width:300px;
font-weight:bold;
padding:10px;
}
legend {
color:#2596FF;
}
option.select_text {
color:#2596ff;
}
.water_analysis {
 border:1px solid #2596FF;
 width:175px;
}
.analysis_thanks {
margin:auto;
width:300px;
border:1px dotted #2596FF;
background-color: #fff;
color:#666;
padding:5px 5px 5px 10px;
}
.redsm {
color:#ff0000;
font-size:10px;
font-weight:normal;
}
.brochure {
border:1px dotted #ccc;
padding:5px;
}