body { 
  margin:auto;
  color:white;
  font-size : 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
   background : #036;
  
   }

table {
padding:0px;
  border:none;
	border-collapse:collapse;
  font-size:100%;
  color:black;
  background-color:transparent;
  }
#maintable {
  color:black;
  text-align:center;
   width:100%;
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  margin:auto;
  background-color : transparent;
  border : 0px none blue;
}


ul,li {
	text-align:left;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style : square outside url(images/orangedot.jpg);
	background-color: white;
}

ol li {
	list-style-type : decimal;
}
td {
color:black;
background-color:transparent;
  vertical-align:top;
  padding:0px;
  border-collapse : collapse;
  text-align:center;
}
tr{
	border-collapse : collapse;
	 text-align:center;
}
.banner {
	/*background : transparent url(images/topback.jpg) no-repeat scroll top center;*/
	text-align:left;
}
div {
   text-align:center;
   margin:0px;
   background-color:transparent;
  }

a {
  color: #302F5D;
  text-decoration: underline;
  background-color:transparent;
 } 
 
 a:link {
		color: #302F5D;
	background-color:transparent;
}
a:visited {
 	color: #302F5D;
  background-color:transparent;
}
a:hover { text-decoration: none; }
a:active {
  color: #369;
  background-color:transparent;
}


h1,h2,h3,h4,h5,h6 {
  color: #cbd29f;
  text-transform: uppercase;
  
}


p {
	color:#036;
background-color:transparent;
text-align : left;
margin: 0px 10px 10px 10px ;
line-height:160%;
}

.float-left {
	float:left;
	/*background-color:white;*/
}

.float-right {
	float:right;
	/*background-color:white;*/
}
#footer {
height:11px;
color:black;
width:90%;
margin:auto;
background-color:white;
}


#contact {
	color: #B0D5F0;
	text-align:center;
	font-size:75%;
        margin:auto;
}

#contact a,  #contact a:link #contact a:visited {
	color: #FFD700;
	background-color: transparent;
}

#contact a:hover {
	color: #DCDCDC;
	background-color: transparent;
}

.larger {
	font-size:145%;
	font-weight:normal;
	color: #302F5D;
}

.hide {
 display : none;
}

#menu {
	float:left;
	text-align:center;
	color:white;
	margin: 0px;
	padding: 15px 5px 0px 0px;
	width: 210px;
	height:424px;
	background-color:transparent;
	background: url(images/menu-back.jpg) center top no-repeat scroll;
}

#menu a, #menu a:link {
	background-color: transparent;
	text-align:center;
	color:#10167F;
	font-weight:normal;
	text-decoration:none;
	padding: 5px;
	font-size:90%;
	display: block;
}

#menu a:visited {
	background-color: transparent;;
	color: #8B0000;
}
#menu a:hover {
	background-color: transparent;
	color:white;
}
#menu a:active {
	background-color: transparent;
	text-align:center;
	font-style: italic;
}
hr {
	width: 175px;
	color:navy;
}

#main {
	background-color:white;
	width:90%;
	margin: 20px auto auto auto;
  color: #036;
	
}


#maincopy {
	color:#036;
	background-color: transparent;
	/*width:475px;*/
	padding:0px;
	font-size:90%;
	text-align:left;
	margin-right:200px;
	margin-left:10px;
}
#maincopy p{
	color:#036;
	font-size:90%;
	background-color: white;
	margin-left:40px;
}

#copy {
	color:white;
	background-color: white;
	/*width:475px;*/
	padding:0px;
	font-size:90%;
	text-align:left;
	margin-right:10px;
	margin-left:10px;
}
#copy p, #copy ul {
	color:black;
	font-size:90%;
	background-color: white;
}


#right-col{
	width:316px;
	float:right;
	margin-right:5px;
	margin-top:30px;
	/*background : white url(images/menuback.jpg) no-repeat scroll left top;*/
	background-color: transparent;
	text-align:left;
}
.right-col-img {
	float:right;
	width: 96px;
  margin-top:5px;
	background-color:white;
}
.right-col-img img {
	margin-bottom:10px;
}

#header {
	line-height:10px;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
}

#home {
	text-align:left;
	margin-left:60px;
}

#about {
	text-align:left;
	margin-left:90px;

}
#vinyl {
	text-align:left;
	margin-left:110px;

}
#gunite{
	text-align:left;
	margin-left:136px;
}
#waterfeatures{
	text-align:left;
	margin-left:150px;
}
#commercial {
	text-align:left;
	margin-left:170px;
}
#construction {
	text-align:left;
	margin-left:150px;
}
#photo{
	text-align:left;
	/*margin-left:170px;*/
	/*margin-left:150px;*/
	margin-left: 184px;
}
#retail{
	text-align:left;
	/*margin-left:184px;*/
	margin-left:194px;
}
#spas{
	text-align:left;
	margin-left:200px;
	/*margin-left:196px;*/
}
#findus{
	text-align:left;
	margin-left:206px;
/*margin-left:206px;*/
}

#sitemap{
	text-align:left;
/*margin-left:210px;*/
margin-left:210px;
}

#page-titles{
	font-weight:bold;
	font-size:larger;
	
}

.small {
	font-size:x-small;
}

.giraffe, .giraffe a, .giraffe a:link, .giraffe a:visited {
	font-size:x-small;
	color:white;
	background-color: #036;
}

.border {
	border : 1px solid #036;
	
	padding:2px;
	margin:auto;

}

.border td {
	border : 1px solid #036;
	font-size:90%;
	color:#036;
	text-align:left;
	padding:3px;
}
object{
	margin:0px 0px 0px 40px;
}

.ucimages {
	float:left;
	margin-left:30px;
	margin-right:5px;
}

img {
	border: 0px none Black;
}