html, body {height:100%; width: 100%;}
body {
padding:0;
margin:0;
background:#7bb2b7;
width: 100%;
min-width: 950px;
color: #000000;
font: 90% Comic Sans MS, helvetica, san-serif;
}

#mainwrapper{ 
min-height:100%;
background:transparent;
color: #000000;
min-width: 950px;
width: 100%;
wi\dth: auto;
margin-bottom: 40px;
}
* html #mainwrapper{height:100%; width: 100%; min-width: 950px;
padding:0;
margin:0;
} /* IE6 and under treat height as min-height anyway*/

b{font-size: 110%;}
.bstrong {font-weight: lighter;}
h2 { padding: 0; margin: 0;}

#header { background: #7bb2b7 url("/images/bg.gif") repeat-x; width: 100%; height: 115px; wi\dth: auto; padding: 0; margin: 0; }

#contentwrapper{
float: left;
width: 950px;
margin: 0;
padding: 0;
background: transparent;
}

#middlecolumn{
margin: 0px 10px 0px 170px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: transparent;
}

#leftcolumn{
position: relative;
float: left;
width: 170px; /*Width of left column in percentage*/
/*margin-left: -100%;
margin-top: -460px;*/
background: transparent;
padding-left: 5px;
font: 110% Comic Sans MS, helvetica, san-serif;
}

#rightcolumn{
float: left;
width: 10px; /*Width of right column in pixels*/
margin-left: -50px; /*Set margin to that of -(RightColumnWidth)*/
background: transparent;
font: 110% Comic Sans MS, helvetica, san-serif;

}

.padheader {
text-align: center;
margin: 0;
padding: 0;/*Margins for centered inner DIV inside each column (to provide padding)*/
/*min-height: 400px;*/
}

.padleft{
text-align: left;
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/

}
.padright{
text-align: right;
margin: 0; /*Margins for centered inner DIV inside each column (to provide padding)*/
margin-top: 0;
background: transparent;}

.padgallery {
text-align: center;
display: inline-block;
overflow:hidden;
width: 650px;
margin: 0; /*Margins for centered inner DIV inside each column (to provide padding)*/
margin-top: 20px;
background: transparent;
}
.padcentered {
text-align: center;
margin: 0; /*Margins for centered inner DIV inside each column (to provide padding)*/
margin-top: 20px;
}

.padmiddle {
text-align: left;
margin: 0; /*Margins for centered inner DIV inside each column (to provide padding)*/
margin-top: 30px;
}

#footer { color: #666; 
clear: both;
position: relative;
font-size: 60%; 
background: url("/images/footerbg.gif") repeat-x; 
text-align: left; 
height: 15px; 
padding: 0; 
margin: 0;
bottom: 0; 
width: 100%; 
}

#footer a{
color: #666;
}

* html #footer {/*ie styling*/
\height:10px;/* for ie5 */
he\ight:15px;/* for ie6 */

}

img { margin: 0; padding: 0;}
#abt img {
float: left;
padding: 0;
}

#phone {margin-top: -60px;
padding: 0;}
#phone a:link {color: #000;}
#phone a:visited {color:#3300cc;}
#slogan {font: 110% Comic Sans MS, helvetica, san-serif; float: right; margin: -10px 0px 0px 0px; overflow: hidden;"}
#padmiddle li {margin-left: -23px;}
#navcontainer {position: relative; width: 150px;}
#navcontainer ul
{
float:left;
padding: 0;
margin: 1em 0 0 0;
list-style-type: none;
background-color: #7bb2b7;
color: #FFF;
font: normal 100% Comic Sans MS, helvetica, sans-serif;
text-align: left;
}

#navcontainer ul li { display: block; padding: 0 0 1em 0; }

#navcontainer ul li a
{
text-decoration: none;
background-color: #7bb2b7;
color: #000;
}

#navcontainer ul li a:hover
{
color: #fff;
}
body#home a#homenav, body#about a#aboutnav, body#saltwater a#saltwaternav, body#renovations a#renovationsnav, body#installations a#installationsnav, body#testimonials a#testimonialsnav, body#gallery a#gallerynav, body#faqs a#faqsnav, body#contact a#contactnav, body#naturespa a#naturespanav
{
    color: #3300cc;

}