*
{
border:none;
padding:0;
margin:0;
}

html
{
width:100%;
}

body
{
width:100%;
background:#156067;
font-size:0.8em;
font-family:verdana,arial,helevatica,sans;
line-height:1.4em;
letter-spacing:0.02ex;
}

#wrapp
{
min-width:850px;
position:relative;
}

#logo
{
background:url("images/top-logo.gif") no-repeat top left;
float:left;
position:relative;
width:199px;
height:86px;
}

#menu
{
position:absolute;
top:86px;
left:0px;
width:199px;
background:url("images/left-topback.jpg") no-repeat left top #29a0b4;
border-bottom:3px solid black;
padding:63px 0 0 0;
margin:0;
}


#main
{
position:relative;
float:left;
width:70%;
height:600px;
background:#d7e9db;
}

#header
{
float:left;
height:86px;
width:100%;
background:black;
clear:both;
border-right:6px solid black;
}

#header-left
{
float:left;
height:86px;
width:11px;
background:url("images/top-left.gif");
}

#header-right
{
float:right;
height:86px;
width:563px;
background:url("images/top-right.jpg") no-repeat;
}

#header-right-casestudies
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-casestudies.jpg") no-repeat;
}

#header-right-futureplans
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-futureplans.jpg") no-repeat;
}

#header-right-contact
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-contact-us.jpg") no-repeat;
}

#header-right-links
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-links.jpg") no-repeat;
}

#header-right-purawater
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-purawater.jpg") no-repeat;
}

#header-right-whoweare
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-whoweare.jpg") no-repeat;
}

#header-right-howitworks
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-howitworks.jpg") no-repeat;
}

#header-right-imggallery
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-imggallery.jpg") no-repeat;
}

#header-right-videogallery
{
float:right;
height:86px;
width:563px;
background:url("images/top-right-videogallery.jpg") no-repeat;
}



#header-shadow
{
margin:0;
padding:0;
float:left;
width:100%;
height:14px;
background:url("images/top-shadow.gif") repeat-x;
border-right:3px solid black;
border-left:3px solid black;
}

#content
{
position:relative;
float:left;
width:100%;
_height:550px;
min-height:550px;
background:#d7e9db;
padding:10px 0 20px 0;
border-right:3px solid black;
border-bottom:3px solid black;
border-left:3px solid black;
}


#footer
{
text-align:center;
position:relative;
width:100%;
height:20px;
background:yellow;
}


/*============== TEXT ==============*/

.stdtxt
{
text-align:justify;
padding:0 20px 20px 20px;
}

.stdtxt-10px
{
text-align:justify;
padding:0 20px 10px 20px;
}

.stdtitle
{
font-size:1.4em;
padding:0 20px 20px 20px;
margin:0;
color:#0e7c8b;
}

.stdlist
{
padding:0 20px 40px 35px;
margin:0;
}

.stdlist li
{
line-height:1.4em;
padding:0 0 5px 0px;
margin:0;
}

.stdlist li ul
{
padding:10px 20px 10px 35px;margin:0
}

.stdlist li ul li
{
line-height:1.4em;
padding:0 0 5px 0px;
margin:0;
}



.imgleft
{
float:left;
border:1px solid black;
margin:0 20px 10px 20px;
}

.bigger
{
font-size:1.2em;
padding:0 20px 10px 20px;
margin:0;
}

.smaller
{
font-size:0.8em;
padding:0 20px 10px 20px;
margin:0;
}

.whowearelist
{
list-style:none;
padding:0 20px 20px 20px;
margin:0;
}

.whowearelist li
{
font-size:0.85em;
padding:0;
margin:0;
}

.whowearelist ul
{
list-style:none;
padding:0;
margin:0;
}

.whowearelist li ul li
{
font-size:1em;
margin:0;
padding:0;
}