body { 
  margin:auto;
  color:white;
  font-size : 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  background: #036 url(images/site-back.jpg) top left repeat scroll;  
   }

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;
}
table {
padding:0px;
  border:none;
	border-collapse:collapse;
  font-size:100%;
  color:black;
  background-color:transparent;
  }
div {
   text-align:center;
   margin:0px;
   background-color:transparent;
  }

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


h1,h2,h3,h4,h5,h6 {
font-size: 120%;
font-weight: 400;
color: #316884; 
}


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

#wrap {
  color:black;
  text-align:center;
   width:980px;
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  margin:auto;
  background-color : #f5f4f7;
  border : 0px none blue;
}
#content {
width: 960px;
border: 4px solid white;
margin: auto;
text-align:center;
background-color: #316884;
margin-top: 10px;
}
#content p {
color:white;
}
#content-services a, #content-services a:link, #content-services a:visited {
color: #FFCC00;
font-size: 70%;
}
#content-services a:hover {
color: white;

}
#banner {
	
	height: 152px;

	text-align:center;
	background-color:transparent;
}
#banner-right {
	float:right;
	text-align:right;
	height: 137px;
	width: 225px;
}

#home-bottom {
background-color: transparent;
width: 968px;
min-height: 200px;
margin-top: 20px;
}
#home-bottom-left {
float:left;
width: 440px;
min-height: 200px;
border-right: 2px solid #316884;
color: black;
background-color: transparent;
}
#home-bottom-left p {
color: black;
text-align:right;
line-height: normal;
background-color: transparent;
line-height: 160%;
}
.float-left {
	float:left;
	/*background-color:white;*/
}

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


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

#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;
}
.med-large {
font-size: 120%;
}
.hide {
 display : none;
}


hr {
	width: 175px;
	color:navy;
}

#main {
	background: transparent url(images/main-back.jpg) top center repeat-y scroll;
	width:968px;
	margin: 0px auto auto auto;
  color: #036;
	
}

#menu {
background-color: #ebedee;
}




#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: small;
}
.xsmall {
font-size:x-small;
}
.giraffe, .giraffe a, .giraffe a:link, .giraffe a:visited {
	font-size:x-small;
	color:white;
	background-color: transparent;
}

.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;
}
.center {
text-align:center;
}
.left {
text-align:left;
}
.right {
text-align:right;
}
#check { font-size: 10px; width: 20px; display: none; visibility: hidden; z-index: 0; }
.form-center {
text-align: center;
margin:auto;
}
.white {
color:white;
}
#photos {
float:right;
width: 100px;
margin-right:100px;
}
/*gunite photos*/
#g1, #g2, #g3, #g4, #g5, #g6, #g7, #g8, #g9,#g10,#g11,#g13,#g14,#g15,#g16,#g17,#g18,#g19,#g20,#g21,#g22 {
display: none;}
/*commercial photos*/
#c1, #c2, #c3, #c4{
display: none;}
/*vinyl photos*/
#v1, #v2, #v3, #v4, #v5, #v7{
display: none;}
/*water features photos*/
#w1, #w2, #w3, #w4, #w5, #w6, #w7, #w8, #w9 {
display: none;}
/*spa photos*/
#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9,#s10 {
display: none;}
/*renovation*/
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9,#r10,#r11,#r12, #r3a {
display: none;}