/*----------
	Pools By Design - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
	color: #1c1c1a;
	background: #1C1C1A url(../images/core/bg.gif) no-repeat top center;
	font: 62.5%/1.6em Verdana, Arial, Helvetica, sans-serif;
}

#container {
	font-size: 1.1em;
	width: 860px;
	margin: 0 auto;
}

#content {
	background-color: #FFFFFF;
}

#text {
	width: 630px;
	float: left;
	margin: 10px;
	_margin: 20px 5px;
	background-color: #FFFFFF;
	border-right: 1px solid #D9D9D9;
}

/*----------	HeaDeR STYLeS	----------*/
#header {
	width: 860px;
	height: 100px;
	position: relative;
}

#header img#logo { position: absolute; top: 15px; left: 5px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { position: absolute; top: 50px; left: 239px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; margin: 0; }
#nav ul li a { display: block; height: 20px; }
#nav ul li a:hover { background-position: 0 -20px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 57px;}
#nav li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 83px;}
#nav li#pools_spas a { background: url(../images/nav/pools_spas.gif) no-repeat; width: 125px;}
#nav li#waterfeatures a { background: url(../images/nav/waterfeatures.gif) no-repeat; width: 266px;}
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 84px;}

.home li#home a, .profile li#profile a, .pools_spas li#pools_spas a, .waterfeatures li#waterfeatures a, .contact li#contact {
	background-position: 0 -20px !important;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #00B9EA; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 {
	display: block;
	padding: 20px 0px 0 30px;
	font-size: 1.5em;
	text-transform: uppercase;
}
h2 { font-size: 1.4em; font-weight: bold; margin: 20px; }
h4 { font-size: 1.1em; font-weight: bold; background:#00B9EA; color:#fff; padding:3px 5px; display: block; clear:both; margin:20px 20px 15px 20px;}
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #D9D9D9; margin: 10px; }
p { margin: 10px 30px 10px 20px; }
ul { margin: 10px 0; list-style-type: square; }
ul li { margin: 0 50px; }

img.banner { margin: 12px 0 10px 10px; float: left; }
img#mudmap { margin: 10px; float: right; }

.clear { display: block; clear: both; height: 1%; }
.hidden { display: none; }
.top { border-top: 1px solid #D9D9D9; text-align: right; font-size: 0.9em; margin: 10px; clear: both; display: block; }

#gallery_item { width: 600px; }
#gallery_item h3 { font-size: 1.2em; font-weight: bold; margin: 10px 20px; }
#gallery_item img { float: left; margin: 0 0 10px 30px; }
#gallery_item #desc { float: right; width: 420px; }

#gallery_item2 { width: 200px; float: left; text-align: center; margin:10px -5px 20px 10px;}
#gallery_item2 h3 { font-size: 1.2em; font-weight: bold; margin:10px 0; }

#accessories_list { font-size: 1.2em; }


/*----------	BaNNeR STYLeS	----------*/
#banner { width: 860px; height: 350px; }


/*----------	FeaTUReD STYLeS	----------*/
#featured_items { width: 860px; height: 140px; background-color: #0C0C0C; }
#featured_items ul { margin: 0; padding-left: 12px; _padding: 0 0 0 5px; }
#featured_items ul li { float: left; margin: 18px 7px; padding: 0;}


/*----------	CTa STYLeS	----------*/
div#cta { width: 200px; float: right; margin: 10px 8px 13px 0px; }



/*----------	DeTaILS STYLeS	----------*/
#details { color: #DCDCDC; text-align: center; height: 35px; border-bottom: 1px solid #383836;}
#details ul { list-style-type: none; margin: 0;}
#details ul li { float: left; margin: 10px;}


/*----------	FooTeR STYLeS	----------*/
div#footer { text-align: left; color: #DCDCDC; font-size: 0.9em; }
div#footer a { text-decoration: none; }	
div#footer a:hover { text-decoration: underline; }	
div#footer .blue { color: #00B9EA; }
div#footer img#wflogo { float: right; margin: 0px 20px 0px 0; }