/* CSS Document */

body { background-color: #ffffff; margin-left: 0px; font-family: Tahoma; font-size: 70%; color: #666666; margin-top: 20px; margin-bottom: 25px}
#frame {width: 900px; height: auto;}
#part1 {width: auto; height: auto; float: left}
#leftcolumn {float: left; width: 700px; height: auto}
#rightcolumn {float: right; width: 200px; height: auto}
#top {width: 700px; height: 200px; border-bottom: solid ; border-bottom: 1px; border-bottom-color: #3584B5; }
#logo {width: 200px; height: 50px; float: right}
#image {width: 400px; height: 200px; }
#main {width: 700px; height: auto }
#portfolio {width: 180px; height: 330px; float: left;}
#environment {height: auto; float: left; width: auto; }
#bottom {width: 900px; height: 230px; padding: 15px 0px 15px 0px; color: #ffffff; font-size: 120%; background-image: url(WaterRecyclingSolutions.jpg); background-repeat: no-repeat; background-position: top; float: left }
#bottomleft {width: 380px; padding: 0 25px 0 25px; float: left }
#bottomright {width: 405px; padding: 0 25px 0 25px; float: right }
#linkcolumn {float: left; padding: 0 0 0 10px; width: 180px; height: 500px}
#general {width: 465px; height: 150px; float: right; padding: 15px 20px 0 30px; text-align: justify}
#domestic {width: 655px; height: auto; float: left; padding: 15px; text-align: justify}
#detailed {width: 655px; height: 320px; float: right; padding: 20px 20px 0 20px; text-align: justify}
#boxes {width: 900px; height: auto; float: left }
#leftbox {width: 410px; height: auto; padding: 10px 20px 25px 20px; float: left; text-align: justify }
#rightbox {width: 410px; height: auto; padding: 10px 20px 25px 20px; float: right; text-align: justify }
#lowerbar {width: 875px; height: 25px; padding: 0px 0px 0px 20px;}
#greywater {float: left; width: 315px; padding: 15px; text-align: justify}
#blackwater {float: right; width: 315px; padding:15px; text-align: justify }
#bullet { background-repeat:no-repeat; background-image: url(WaterRecycling.gif); width: 330px; height: auto; padding: 2px 0 20px 30px }
#bullet2 { background-repeat:no-repeat; background-image: url(WaterRecycling.gif); width: 370px; height: auto; padding: 2px 0 20px 30px }
#bullet3 { background-repeat:no-repeat; background-image: url(WaterRecycling.gif); width: 610px; height: auto; padding: 2px 0 15px 30px }
.symbol {float: left; padding: 0 20 25 0; width: auto; height: auto; padding: 0px 20px 25px 0px;}
.symbol1 {float: left; padding: 0 20 50 0; width: auto; height: auto; padding: 0px 20px 50px 0px;}

a:link { color: #3396C3; text-decoration: none}
a:visited { color: #3396C3; text-decoration: none}
a:hover {color: #666633; text-decoration: none}
a.sublink1:link { color: #80C534; text-decoration: none}
a.sublink1:visited { color: #80C534; text-decoration: none}
a.sublink1:hover {color: #666633; text-decoration: none}
a.sublink2:link { color: #FF9900; text-decoration: none}
a.sublink2:hover {color: #666633; text-decoration: none}

.links {padding: 0 0 0 25px; background-image: url(WaterRecycling.gif); background-repeat: no-repeat; width: auto; background-position: left center; border-bottom: dotted 1px; border-bottom-color: #3396C3; }
.links2 {padding: 0 0 0 25px; background-image: url(GreenSolutions.gif); background-repeat: no-repeat; width: auto; background-position: left center; border-bottom: dotted 1px; border-bottom-color: #8CBA89; }
.links3 {padding: 0 0 0 25px; ; background-repeat: no-repeat; width: auto; background-position: left center; border-bottom: dotted 1px; border-bottom-color: #3396C3; }
.links4 {padding: 0 0 0 25px; ; background-image: url(Solar Energy.gif) ;background-repeat: no-repeat; width: auto; background-position: left center; border-bottom: dotted 1px; border-bottom-color: #FF9900; }
.lightblue {color: #59bed7; font-weight: bold}
.lightgreen {color: #80C534; font-weight: bold}
.activelink {color: #666633; padding: 0 0 0 25px}
.PADDING_TOP {padding-top: 15px}
.PADDING_RIGHT {padding-right: 30px}

.center_box {margin: 0 auto}
.center_box1 {margin: 0 auto}

.floatleft {float: left; padding: 0 10px 10px 0}
.floatright {float: right; padding: 0 0px 10px 10px}
.h1 { font-size: 150%; color: #3396C3; font-weight: bold}
.h2 { font-size: 120%; color: #ffffff; font-weight: bold}
.h3 { font-size: 130%; color: #80C534; font-weight: bold}
.border {border-left: solid ; border-left-color: #3396C3; padding-left: 2px; border-left-width: 1px }