/* ====================================================================== */
/* watersone.com                                                           */
/* base.css                                                               */
/* ====================================================================== */

body
{
margin: 0px;
background-color: #ede9d9;
color: #666;
}

/* Typography Defaults */
body, h1, h2, h3, h4, h5, h6, p, a, li, th, td
{
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0px;
padding: 0px;
}

div#Main
{
width: 760px;
position: relative;
margin: 25px auto;
border: 2px solid #3b5a6f;
text-align: left;
}

img { border: none; }

a { font-weight: bold; color: #3b5a6f; }


/* ---------------------------------------------------------------------- */
/* PAGE HEADER */
/* ---------------------------------------------------------------------- */
div#PageHeader
{
position: relative;
width: 760px;
height: 122px;
background: #3b5a6f url("../images/bg_header.jpg") no-repeat top right;
border-bottom: 3px solid #ede9d9;
color: #fff;
}

div#PageHeader h1
{
position: absolute;
top: 0px;
left: 0px;
}

div#MainNav
{
position: absolute;
top: 68px;
left: 182px;
width: 578px;
height: 27px;
background-color: #3b5a6f;
color: #fff;
}

div#MainNav ul
{
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
list-style: none;
}

div#MainNav ul li
{
display: inline;
position: absolute;
margin: 0px;
padding: 0px;
}

div#MainNav ul li#NavServices { left: 0px; }
div#MainNav ul li#NavEstimator { left: 95px; }
div#MainNav ul li#NavGallery { left: 266px; }
div#MainNav ul li#NavAbout { left: 359px; }
div#MainNav ul li#NavContact { left: 460px; }


/* ---------------------------------------------------------------------- */
/* PAGE BODY */
/* ---------------------------------------------------------------------- */
div#PageBody
{
position: relative;
width: 760px;
background: #ede9d9 url("../images/bg_body.png") repeat-y;
color: #666;
}

div.leftColumn
{
position: relative;
float: left;
width: 177px;
left: 3px;
background-color: #faf9f3;
color: #666;
}

div.leftColumn p
{
margin: 7px;
}

div.rightColumn
{
position: relative;
float: right;
width: 573px;
right: 3px;
background-color: #faf9f3;
color: #666;
}

div.rightColumn h2
{
margin: 7px;
font-size: 15px;
font-weight: bold;
}

div.rightColumn h3 { margin: 7px; }
div.rightColumn p { margin: 7px; }

div.clear { clear: both; }

.btmBorder { border-bottom: 4px solid #ede9d9; }

ul.subNav
{
position: relative;
margin: 0px;
padding: 0px;
list-style: none;
background-color: #f00;
}

ul.subNav li
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul.subNav li
{
position: absolute;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul.subNav li#one { top: 0px; }
ul.subNav li#two { top: 24px; }
ul.subNav li#three { top: 48px; }
ul.subNav li#four { top: 72px; }
ul.subNav li#five {
	top: 96px;
}
ul.subNav li#six {
	top: 120px;
}
ul.subNav li#seven {
	top: 144px;
}

ul.subNav img { margin: 0px; padding: 0px; border: none; border-bottom: 4px solid #ede9d9; }

/* ---------------------------------------------------------------------- */
/* PAGE FOOTER */
/* ---------------------------------------------------------------------- */

div#PageFooter
{
position: relative;
width: 760px;
background-color: #3b5a6f;
border-top: 3px solid #ede9d9;
color: #fff;
}

div#PageFooter p
{
font-size: 10px;
padding: 3px 5px;
background-color: #3b5a6f;
color: #fff;
}


/* ---------------------------------------------------------------------- */
/* GALLERY */
/* ---------------------------------------------------------------------- */

div.projectBox { position: relative; border-bottom: 4px solid #ede9d9; }
div.projectBoxLast { position: relative; border-bottom: none; }

div.projectTitle { position: relative; height: 20px; border-bottom: 4px solid #ede9d9; }
div.projectTitle h3
{
position: absolute;
top: 1px;
left: 7px;
margin: 0px;
padding: 0px;
color: #3b5a6f;
}

div.galleryNav
{
position: absolute;
top: 1px;
right: 7px;
margin: 0px;
padding: 0px;
color: #3b5a6f;
}
div.galleryNav img#PreviousImg { margin-right: 5px; }
div.galleryNav img#NextImg { margin-left: 5px; }
div.galleryNav p { display: inline; margin: 0px 5px; padding: 0px; }


p.imageCaption { margin: 7px; }

img.projectImage { margin: 7px 6px 7px 7px; }

table.projectThumbnails
{
margin: 10px 0px 0px 10px;
padding: 0px;
}

table.projectThumbnails td
{
width: 140px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}

table.projectThumbnails td.last
{
margin: 0px;
padding: 0px;
}

table.projectThumbnails td p
{
font-size: 10px;
margin: 2px 0px 10px 0px;
padding: 0px;
}

/* ---------------------------------------------------------------------- */
/* FORMS */
/* ---------------------------------------------------------------------- */

form { position: relative; margin: 7px; }
label { font-weight: bold; }
input, select, textarea { font-size: 14px; margin: 0px 0px 5px 0px; }

/* Contact Us */
form#ContactForm input.textInput { width: 250px; }
form#ContactForm select { width: 255px; }

/* Project Estimator */
form.projectEstimator { margin: 20px 7px; }
form.projectEstimator fieldset { border: 2px solid #ede9d9; background-color: #faf9f3; }
form.projectEstimator legend { font-size: 14px; font-weight: bold; color: #3b5a6f; }
form.projectEstimator div.widgetBox { margin: 10px; }
form.projectEstimator label { margin: 0px 2px 0px 0px; padding: 0px; }
form.projectEstimator label { padding-top: 5px; }
form.projectEstimator input {  margin: 10px 0px 0px 0px; }
form.projectEstimator input.textInput { width: 50px; border: 1px solid #3b5a6f; }
form.projectEstimator input.total { width: 75px; }
form.projectEstimator div.totalCostDiv { display: inline; font-size: 14px; font-weight: bold; }
form.projectEstimator div.errorMsg { margin: 0px 2px 0px 0px; padding: 0px; font-weight: bold; color: #f00; }


/* EOF */