/* CSS Document */


/*---------------copyright 2010 Western Waterworks Supply----------------------------*/

*{
margin: 0px;
padding: 0px;
}


body{
background: #17496e url(../Images/body_bckgd.jpg) top left repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}


#Container{
margin: 0px auto;
width: 950px;
}

#BannerContainer{
background: url(../Images/Banner.jpg) top left no-repeat;
height: 135px;
}

#ContentContainer{
background-color: #d8dde6;
}

#MainContentContainer{
min-height: 325px;
background-color: #FFFFFF;
border-top: 1px solid #b1aeae;
border-left: 1px solid #b1aeae;
margin: 20px 0px 0px 20px;
width: 610px;
padding: 15px;
}

p{
margin: 10px 0px;
}

ul{
color: #0a227c;
margin-left: 30px;
}

li>span{
color: #000000;
}

.ImageContainer{
position: absolute;
top: 332px;
margin-left: 680px;
width: 269px;
}

.ProjectTBL{
border: 1px solid #d8dde6;
}

.ProjectTBL td{
padding: 3px;
text-align: center;
}

.MiddleBorder{
border-right: 2px solid #ffffff;
border-left: 2px solid #ffffff;
width:51px;
}

a:link, a:visited{
color: #5081aa;
text-decoration: underline;
}

a:hover, a:active{
color: #0d5b9d;
text-decoration: underline;
}

/*-----------------------Titles-------------------------------------*/

h1{
display: none;
}

h2{
color: #145b8d;
border-bottom: 1px solid #84868b;
font-weight: normal;
margin: 10px 0px;
}

.Welcome_title{
background: url(../Images/Titles/Welcome_title.gif) top left no-repeat;
height: 159px;
}

.WhoWeAre_title{
background: url(../Images/Titles/WhoWeAre_title.gif) top left no-repeat;
height: 159px;
}

.Products_title{
background: url(../Images/Titles/Products_title.gif) top left no-repeat;
height: 159px;
}

.ContactUs_title{
background: url(../Images/Titles/ContactUs_title.gif) top left no-repeat;
height: 159px;
}

/*----------------------Navigation----------------------------------*/

#NavContainer{
height: 27px;
}

#NavContainer div{
float: left;
font-size: 20px;
}

.home a:link, .home a:visited{
background: url(../Images/Navigation/Home.gif) top left no-repeat;
height: 27px;
width: 93px;
display:block;
}

.home a:hover, .home a:active{
background: url(../Images/Navigation/Home_over.gif) top left no-repeat;
height: 27px;
width: 93px;
display:block;
}

.who a:link, .who a:visited{
background: url(../Images/Navigation/WhoWeAre.gif) top left no-repeat;
height: 27px;
width: 154px;
display:block;
}

.who a:hover, .who a:active{
background: url(../Images/Navigation/WhoWeAre_over.gif) top left no-repeat;
height: 27px;
width: 154px;
display:block;
}

.products a:link, .products a:visited{
background: url(../Images/Navigation/Products.gif) top left no-repeat;
height: 27px;
width: 212px;
display:block;
}

.products a:hover, .products a:active{
background: url(../Images/Navigation/Products_over.gif) top left no-repeat;
height: 27px;
width: 212px;
display:block;
}

.contact a:link, .contact a:visited{
background: url(../Images/Navigation/Contact.gif) top left no-repeat;
height: 27px;
width: 140px;
display:block;
}

.contact a:hover, .contact a:active{
background: url(../Images/Navigation/Contact_over.gif) top left no-repeat;
height: 27px;
width: 140px;
display:block;
}

/*------------------------Footer----------------------------*/

#FooterContainer{
height: 55px;
color: #bbc4d4;
font-size: 10px;
padding-top: 3px;
}

#FooterContainer a:link, #FooterContainer a:visited{
color: #bbc4d4;
text-decoration: none;
}

#FooterContainer a:hover, #FooterContainer a:acitve{
color: #bbc4d4;
text-decoration: underline;
}

.Copyright{
width: 225px;
float: left;
margin-left: 20px;
}

.SubNav{
width: 275px;
text-align: right;
float: right;
margin-right: 20px;
}