body {
	margin-right: 0;
	margin-left: 0;
	margin-top: -1.4em;
	padding: 0;
	background-image:url('../images/backGround.jpg');
  	font-size: 92%;
  	font-family: Arial, Helvetica;
  	color: #102b2d;
}

div#main_wrapper {
	min-width: 64em;
	max-width: 64em;
	margin-right: auto;
	margin-left: auto;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
}
#laraPools{
	position: relative;
	left:2em;
	top:-10em;
	z-index:2;
	}
#trustedLink{
	position:relative;
	padding:.3em;
	}
#bbbFooter{float:right;
	padding:.3em;}

#betterBusiness{
	position:relative;
	padding:.3em;
	}
#betterBusinessFaq{
	float:left;
	position:relative;
	padding:.3em;
	}	
#phone{
	position: relative;
	top:-7.5em;
	z-index:2;
	right: -47em;
	}
#bbb{
position:relative;
float:right;
top:-2em;
right:1em;
padding:1em;
	}
#cslb{ position:relative;
	text-align:center;
	float:right;
	font-size: 75%;
	right:1em;
	padding:1em;
	top:1em;
	}
#swimmingPoolQuote{
	padding:1em;
	position:relative;
	float:right;
	top: -1em;
	right:1em;
	font-style: italic;
	font-weight:bold;
	}

div#header {
	height:11.4em;
	width: auto;
	background-color: #cad65a;
	padding: 0;
	z-index: 5;
}

div#global_nav_wrapper {
	float: left;
	margin-left: 0;
	margin-top: 0em;
	display: inline;
	background-color:#d8d8d8;
	width: 100%;
}

div#global_nav  * {
	padding: 0;
	margin: 0;
}

div#global_nav {
	width: auto;
	font-size: .9em;
	float: left;
	display: inline;
	margin: .8em;
	margin-top: 0;
	z-index: 4;
}	

div#global_nav ul {
	line-height: inherit;
	display: inline;
	float: left;
}

div#global_nav ul li {
	float: left;
	position: relative;
	list-style-type: none;
	padding: 0;
	width: 9.5em;
	text-align: center;

}

div#global_nav a {
	display:block;
	margin:0 0 0 1px;
	padding:3px 17px;
	color:#fff;
	text-decoration:none;
	line-height:1.3em;
	background-color:#3366ff;
	font-weight:bold;

}

div#global_nav a:hover, 
div#global_nav a:focus,
div#global_nav a:active {
	background-color: #6495ED;
}

div#global_nav ul li#current{
background-color: #AF1426;} 
div#global_nav ul li#current a:hover,
div#global_nav ul li#current a:focus
{
	background-color: #AF1426;
}



div#global_nav ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:9.5em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:.2em; /*aligns the drop exactly under the menu */
	}
div#global_nav ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border:none;
	padding:0 0 1px;
	}
div#global_nav ul li ul li:first-child {
	border:none; 
	/*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#global_nav ul li ul {
	display:none; 
	/* conceals the drop-down when menu not hovered */
}

div#global_nav ul li:hover ul {
	display:block; 
/*	left:9em; */
	}
div#global_nav ul li:focus ul {
	display:block; 
/*	left:9em; */
	}
div#global_nav ul li:active ul {
	display:block; 
/*	left:9em;*/
	}		
/* shows the drop-down when the menu is hovered */

/* pop-out starts here */
/*body listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */

div#global_nav ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
div#global_nav ul li ul li:active ul {visibility:visible;} 
div#global_nav ul li ul li:focus ul {visibility:visible;} 

	
#twocolwrap {
	background:#fff;
	float: left;
	width: 100%;
	display: inline;
	margin-right: -170px;
	margin-top: -10px;
}


#local_nav h4 {
	color:#1F1F1F;
	text-align: center;

	
}

#local_nav ul li {
	padding: 0;
	margin: 1em .1em 1em -2.1em;
	list-style-type: none;
}

#local_nav {
	font-size: 92%;
	float: left;
	width: 10.2em;
	min-height: 58em;
	display: inline;
	background: #F0F8FF;
	text-align: left;
	color: #051011;
	border-style: solid;
	border-width: 6px 6px 0 0;
	border-color: #F8EFC4;
	padding-bottom: 2em;
	z-index: 2;
	font-style: italic;

}

#content {
	line-height:1.4;
	width: auto;	
	margin-left: 8.9em;
	margin-right: 0em;
	min-height: 62.3em;
	height: 1%; 
	background-color: #FFF;
	border-style: solid;
	border-width: 6px 0 0 6px;
	border-color: #F8EFC4;
	padding: .5em;
	padding-bottom: 5em;
	z-index: 3;
}
#videoText{
position:relative;
text-align:center;
}
/**********photogallery2************************************/
#content2 {
	line-height:1.4;
	width: auto;	
	margin-left: auto;
	margin-right: auto;
	min-height: 50em;
	height: 1%; 
	background-color: #FFF;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: #F8EFC4;
	padding: .5em;
	padding-bottom: 5em;
	z-index: 3;
}
#content2 h1{
	background-color:#ECF1EF;
	font-size:130%;
	padding: .1em;
	color:#3366FF;
	font-style: italic;
	margin: -.6em 0;
	text-align: center;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: #10777E;
}

#content h2, #content h3 
{
	margin: 0;
	font-size:100%;
}
#content2 h2, #content2 h3 
{
	margin: 0;
	font-size:100%;
}
/********end of photo gallery2*****************************/
#content ul li {
	margin: .5em;
}

#content ol {
	list-style-type: square;
}

#content a:link,
#content a:active,
#content a:visited,
#content a:focus 
	{
	font-color: #04767E;
	}
#content a:hover
{
color:#5A920A;
}

#content a:visited {
	color: #480658;
}

#content #breadcrumb {
	font-size: 80%;
}

#content2 #breadcrumb {
	font-size: 80%;
}
#content #breadcrumb a {
	color: #04767E;
}

#content h1 {
	background-color:#ECF1EF;
	font-size:130%;
	padding: .1em;
	color:#3366FF;
	font-style: italic;
	margin: -.6em 0;
	text-align: center;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: #10777E;
}

#content h2, #content h3 
{
	margin: 0;
	font-size:100%;
}

#content .desc {
	font-style: italic;
	
}

#content .image {
	text-align: center;
}	

#sitemap li {
	margin: .5em;
}

table, th, td {
	border: .05em solid #154245;
}

table {
	margin: .5em;
	border-collapse: collapse;
}

td {
	text-align: center;
	vertical-align: middle;
	padding: .5em;
}

th {
	padding: .5em;
}

.colheading {
	background: #15676D;
	color: #FFF;
}

.oddrow {
	background: #E1EFF0;
}

caption {
	font-weight: bold;
	font-size: 120%;
	color: #154245;
	padding: 1em 0;
}

form {
	font-size: 95%;
	color: #154245;
	margin-bottom: 2em;
}

form p {
	width: 31em; 
	clear: both;
	line-height: 2em;
	margin-bottom: 1.5em;
}

form p label {
	float: left;
}

form p input, form p textarea, form p select {
	float: right;
	position: relative;
	top: .25em;
	margin-bottom: 1.5em;
}

legend {
	color: #154245;
}

fieldset {
	width: 20em;
	margin-bottom: 1.5em;
}

form p.check1 {
	width: 11em;
	margin: 0;
}

form p.check2 {
	width: 19em;
	margin: 0;
}

form p.radio {
	width: 9em;
	margin: 0;
}

form p.list {
	width: 18em;
	margin: 0;
}

#footer {
	width: 100%;
	clear: both;
	font-size: 89%;
	background-color: #8B7765;
	color: #fff;
	position: relative;
	
	text-align: center;
	border-style: solid;
	border-width: 6px 0 0 0;
	border-color: #F8EFC4;
	z-index: 1;

}

#footer a:link, 
#footer a:visited, 
#footer a:active,
#footer a:visited,
#footer a:focus {
	color: #fff;
}
#footer a:hover{color:#102b2d;
}

#header_inner, #local_nav_inner, #content_inner {
	overflow: hidden;
	z-index:3;
	
}

#header_inner {
	padding: 0;
}

#content_inner {
	padding: 0 1em 1em 1.5em;
}

#
 {
	padding: 0 0 .2em 0;
}

#show{
 position: relative;
 padding:1em;
 margin-left:6em;
 margin-right:5em;
 margin-bottom:0em;
 margin-top:-1em;
}

#bullet  {
float:right;
padding: .5em;
margin:-5em;
}

#image {
	position:relative;
	margin-left: 35em;	
	margin-top:10em;
	}
#roy{
text-align:center;
padding:1em;
position:relative;
float:right;
margin-top: -3.5em;
right:-1em;
font-style: italic;
}

#roy2{
padding:1em;
position:relative;
float:right;
margin-top: -1.2em;
right:-3em;
}
#orangeCountyPool{
padding:1em;
position:relative;
float:left;
margin-top: -1.2em;

}
#dogHouse{
padding:1em;
position:relative;
float:right;
margin-top: -1.2em;

}
#licenses{
	font-size:85%;
	text-align: center;
		  }

#facebook{
		font-size:120%;
		position:relative;
		padding:.2em;
	
		}
#freeQuote{
	
	position:relative;
	padding:.5em;
	margin-top:15em;
	bottom:1em;
}
#smallShow {
 position: relative;
 text-align:left;
 font-size:75%;
 font-family:Arial, Helvetica, sans-serif;
}
#smallPool{
position:relative;
float:right;
top:-3em;
right:1em;
padding:.1em;
border-style: solid;
border-width:.2em;
border-color: #F8EFC4;
		   }
#freeQuote2{
	position:relative;
	padding:.5em;
	margin-top:29em;
	bottom:1em;
}
#freeQuote3{
	position:relative;
	padding:.5em;
	margin-top:43em;
	bottom:1em;
}
#freeQuote4{
	position:relative;
	padding:.5em;
	margin-top:96em;
	bottom:1em;
}
#freeQuoteSite{
	position:relative;
	padding:.5em;
	margin-top:5.7em;
	bottom:1em;
}
#freeQuote5{
	
	position:relative;
	padding:.5em;
	margin-top:7em;
	bottom:1em;
}
#bbq{
	position:relative;
	float:right;
	margin-top:-18.9em;
	}
#gunitePool{
	position:relative;
	float:right;
	margin-top:-18.9em;}
#guniteRocks{
position:relative;
	float:right;
	margin-top:-18.9em;}
#smallPool2{
position:relative;
float:right;
right:1em;
top:-10em;
padding:.2em;
border-style: solid;
border-width:.2em;
border-color: #F8EFC4;
		   }
#small1{font-size:80%;
}
#swimmingPool{
position:relative;
float:left;
left:8em;
bottom:-1em;
border-style: solid;
border-width:.2em;
border-color: #F8EFC4;
		   }
		   
		#smallPoolNumber2{
	float:left;
	border-style: solid;
	border-width:.2em;
	border-color: #F8EFC4;
	background-color:#D8D8D8;
}
#smallPoolNumber22{
	float:right;
	border-style: solid;
	border-width:.2em;
	border-color: #F8EFC4;
	background-color:#D8D8D8;
}
#testim1{
position:relative;
padding:.5em;
}
#test{
	border-width:.2em;
	border-color: #10777E;
	border-top-style:none;
    border-right-style:none;
    border-bottom-style:dotted;
    border-left-style:none;
	}
.check{
      float:left;
      margin-left:.1em;
      }
#moreBullets{
	position:relative;
	float:right;
	top:-1em;
	right:-2em;
	}
#bullets{

}
#siteBullets{
text-decoration:none;
}

#siteBullets a:hover{
color: #5A920A;
}

#californiaPools{
font-size:70%;
text-align:center;
}
/********************** Photo gallery *******************/
.gallerycontainer{
position: relative;
height: 600px;
width: 420px;
margin-left:-1em;
margin-bottom:-4em;
margin-top:1em;}
.gallerycontainer2{
position: relative;
height: 600px;
width: 420px;
margin-left:-1em;
margin-bottom:-20em;
margin-top:1em;}
.gallerycontainer3{
position: relative;
height: 600px;
width: 420px;
margin-left:-1em;
margin-bottom:-19em;
margin-top:1em;}
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: CCFF66;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}