/* Blue Haven Pools Knoxville and Nashville, TennesseeCSS Document */

* {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {
	font-size:10px;
	}
	
ol, ul {
	list-style-type:none;
	}

address, caption, cite, code, dfn, strong, th, var {
	font-style:normal;
	font-weight:normal;}

html, body {
	background:#D6BE9A;}
	
body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg-grad.jpg) repeat-x;
	margin-left:auto;
  	margin-right:auto;
	font-size:12px;
	}
	
img {
	display:block;}
	
img a {
	border:0;
	}

p {margin:0 0 0 0;}
	

#wrapper{
	width:720px;
	padding:0;
	text-align:left;
	margin-left:auto;
  	margin-right:auto;
	margin-top:0px;}

#contentcontainer, #contentcontainerg{
	width:746px;
	padding:0;
	text-align:left;
	margin-top:0px;
	background:url(../images/bg-water-br.gif) top right repeat-y;
	}
#contentcontainerg{
	background-image:none;}

/*---------------------------------------------------------------Branding*/	
#branding{
	position:absolute;
	padding:0;
	margin:0;
	width:746px;
	height:38px;
	text-align:left;
	background:url(../images/bg-header.jpg) top left no-repeat;
	}
	
#brandinggallery{
	position:absolute;
	padding:0;
	margin:0;
	width:746px;
	height:62px;
	text-align:left;
	background:url(../images/bg-header-gal.jpg) top left no-repeat;
	}
	
h1{
	width:64px;
	height:72px;
	position:relative;
	margin:0 0 0 22px;
	font-size:9px;
	}

h1 span{
	background:url(../images/logo-md.gif) no-repeat;
	margin-top:0px;
	position:absolute;
	width:100%;
	height:100%;
	cursor:hand;
	}
	
h6{
	width:55px;
	height:63px;
	margin:0 0 0 26px;
	z-index:99;	
	font-size:6px;
	}		
h6 span.g{
	background:url(../images/logo-icon.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:hand;
	}
	

/*---------------------------------------------------------------Nav*/	
#nav {
	position:absolute;
	width:170px;
	margin:37px 0px 0px 576px;
	background:url(../images/bg-nav-sm-sub.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
	
#nav ul {
	margin:0px 0 0 0px;}
	
#nav ul a {
	display:block;
	width:183px;
	height:34px;
	line-height:33px;
	text-decoration:none;
	text-indent:15px;
	color:#333333;
	}
	
#nav a:hover{
	background:url(../images/nav-on-sm.gif) no-repeat;
	}
	
#nav li#on a{
	background:url(../images/nav-sel-sm.gif) no-repeat;
	}
	
/*---------------------------------------------------------------Content*/	
#content{
	margin:0px 170px 0 0;
	color:#0053a0;
	background-color:#fff;
	width:496px;
	padding:95px 40px 30px 40px;
	font-size:90%;
	line-height:180%
	}
	
#contentgallery{
	margin:0px 0px 0 0;
	color:#0053a0;
	background-color:#9dc5e3;
	width:720px;
	padding:62px 0px 0px 0px;
	font-size:90%;
	line-height:180%
	}
	
.ttlimg {
	position:absolute;
	margin: -9px 0 0 -31px;
	}
	
#content h3 {
	font-size:140%;
	margin:5px 0px -25px 30px;
	height: 60px;
	}
	
#content h4 {
	font-size:120%;
	margin:5px 0px 0px 3px;
	border-bottom:1px solid #C2E4F5;
	}
	
#content strong {
	font-weight:bold;
	margin-bottom: -50px;
	}
	
#content p.em {
	font-style:italic;
	margin:0 19px;
	}

#content p {
	font-size:11px;
	padding:0 3px 20px 3px;
	}
	
#content p.wave {
	padding:17px 15px 15px 15px;
	background:url(../images/bg-waves.jpg) repeat-x;
	background-position:top;
	margin-bottom:10px;
	}

.imgright {
	float:right;
	margin:5px -17px 0 10px;
	background:url(../images/shadow.gif) no-repeat;
	padding:0 14px 14px 0;
	}
	
.imgrightsimple {
	float:right;
	margin:5px -15px 0 10px;
	padding:10px 5px 5px 5px;
	}
	
.imgleft {
	float:left;
	margin:7px 6px 0 -10px;
	background:url(../images/shadow.gif) no-repeat;
	padding:0 14px 14px 0;
	}
	
.letter {
	background:#e8f8ff url(../images/bg-wave-bu.jpg) repeat-x;
	padding:30px 20px 0 20px;
	margin:0px 0 30px 0;
	line-height:1.3em;
	border-bottom:1px solid #C2E4F5;
	}

.letter p {
	margin-bottom:-10px;
	}

p.ltrright {
	margin: 0px 0 0 283px;
	}


/*---------------------------------------------------------------Site Map Lists*/
	
ul.sitemplevone {
	margin: 0 0 0 20px;
	}

ul.sitemplevtwo {
	margin: 0 0 0 20px;
	}
	
ul.sitemplevthree {
	margin: 0 0 0 20px;
	}
	
/*---------------------------------------------------------------Quote*/
blockquote{
	position:absolute;
	margin:60px 0 0 -25px;
	background:#C2E4F5 url(../images/pullquote-top.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

p.quotebody{
	color:#1A76C7;
	font-size:90%;
	font-weight:bold;
	line-height:1.7em;
	padding:15px 10px 15px 10px;
	text-align:center;
	background:url(../images/pullquote-bot.gif) bottom right no-repeat;
	width:140px;
	}
	
/*---------------------------------------------------------------Footer*/	
#footer{
	background:url(../images/bg-footer.jpg) top left no-repeat;
	height:170px;
	font-weight:bold;
	}
	
#footergal{
	background:#D6BE9A url(../images/bg-footer-gal.jpg) top left no-repeat;
	height:126px;
	font-weight:bold;
	}
	
.footerimg {
	position:absolute;
	margin: 8px 0 0px 260px;
	border:1px solid white;
	}

#ltinfo, #nashinfo{
	margin:50px 0 0 0px;
	color:#fff;
	}

#footergal #ltinfo, #footergal #nashinfo{
	margin:18px 0 0 0;
	color:#fff;
	}

#nashinfo {
	float: right;
	width:258px;
	text-align:left;
	}
	
#ltinfo{
	float:left;
	width:234px;
	text-align:right;
	}	

.ltphone, .nashphone{
	margin-bottom:4px;
	color:#fff;
	background-color: transparent;
	}
	

.footeremail {
	margin:5px 0 0 0;

	}
	
.footeremail a:visited, .footeremail a:link{
	color:#fff;
	text-decoration:none;
	}
	
.footeremail a:hover{
	color:#ffac5f;
	text-decoration:underline;
	}
	
/*---------------------------------------------------------------Copyright*/
#copyright {
	text-align:center; font-size: 80%; margin:10px 0 50px 0; color:#78725f; background-color:transparent;}
	
#copyright a:link, #copyright a:visited {
	text-decoration:none;
	color:#78725f;
	background-color:transparent;
	}
#copyright a:hover, #copyright a:active {
	color:#fff;
	background-color:transparent;
	}
	
/*---------------------------------------------------------------Gallery*/
.gallink{
	position:absolute;
	left: 85px;
	top: -8px;
	
	padding:15px 0 0 0;
	
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


.gallink a:visited, .gallink a:link{
	background:url(../images/nav-gal.gif) top center no-repeat;
	color:#b6dbf7;
	text-decoration:none;
	padding:14px 0 0 0;
	}
	
.gallink a:hover{
	color:#fff; text-decoration:none;
	background:url(../images/nav-gal-on.gif) top center no-repeat;
	
	}

ul.download {list-style-image:url(../menus/zip.gif);}
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#111;}

/* slides styling */

.photo {width:720px; height:500px; text-align:left; position:relative; margin:0px 0 0 0; color:#875b3c; }

.photo dl {font-size:0.9em; position:absolute; width:530px; top:100px; left:95px;}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:"Times New Roman", Times, serif;  padding:0; margin:0; line-height:1.7em; margin-bottom:1em; font-size:16px; font-weight:bold;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:120px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:118px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #e0e5e5; border-width:1px 2px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

/*Middle gray with close button*/
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:373px; background:#ddd url(../images/close.gif) no-repeat right top; width:479px; padding:70px 100px; border:20px solid #aaa; border-right:21px solid #aaa;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#2a302a; border:4px solid #fff; z-index:10;}