body {padding:0; margin:0; background:#dee; text-align:center; font-family: "trebuchet ms", sans-serif; font-size:76%;}
#gallery {height:670px;}
#wrapper {width:1250px; height:875px; background:url(../images/backImage4.jpg) no-repeat 0 52px; margin:0 auto; text-align:left; position:relative; overflow:hidden;}
#thumbs {width:270px; position:absolute; left:90px; top:150px;}
#thumbs ul {padding:0; margin:0; list-style:none;}
#thumbs ul li {display:block; float:left; margin:0 8px 15px 0; display:inline; border:1px solid #fff; cursor:pointer; width:80px; height:60px; overflow:hidden; position:relative;}
#thumbs ul li b {display:none; width:80px; height:60px; background:#123; position:absolute; left:0; top:0;}
#thumbs ul li img {display:block; position:relative;}
#full {position:absolute; left:360px; top:150px; text-align:center; width:802px; height:602px;}
#full img {display:none; position:absolute; left:0; top:0; border:1px solid #fff;}
#full img.default {display:block;}
#header {text-align:center; position:absolute; left:0; top:0; width:1250px;}
#header h2 {margin:0; padding:20px 0 0 0; font-size:60px;  color:#469; line-height:60px;}
#header h3 {padding:0; margin:0; color:#79c; font-size:18px;}
#header p {padding:5px 0; margin:0; color:#57a}
#footer {text-align:center; position:absolute; left:0; bottom:20px; width:1250px;}
#footer h3 {font-size:12px; padding:0; margin:0; color:#830;}
#footer p {padding:0; margin:0; font-size:11px; color:#048;}
#menu {position:absolute; left:25px; top:875px; height:583px; width:150px; z-index:100; padding-top:50px; border-top:1px solid #fff;}
#menuBack {position:absolute; left:0; top:0; height:623px; width:150px; background:#dee; z-index:-1;}
#menu ul {padding:0; margin:-35px 0 0 0; list-style:none; display:none;}
#menu ul li {width:150px; float:left;}
#menu ul li a {display:block; width:130px; padding:0 10px; line-height:35px; border-bottom:1px solid #fff; text-decoration:none; font-size:16px; color:#235; background:url(../images/menuBack.png) no-repeat -250px 0; font-weight:bold;}
#menu ul li a.last {border:0;}
#menu ul li a:hover {color:#fff;}

#slides {position:absolute; top:250px; left:195px; width:340px; height:200px;}
#slides img {display:none; width:340px; border:1px solid #fff; position:absolute; left:0; top:0;}

#content {position:absolute; left:560px; top:250px; width:600px; height:400px; display:none; padding:20px; z-index:100; border:1px solid #fff; overflow:hidden;}
#scroller {position:absolute; top:20px; left:20px; width:600px;}
#contentBack {position:absolute; left:561px; top:251px; width:640px; height:440px; background:#dee; z-index:0;}
#content p {font-size:15px; line-height:25px; color:#000;}
#content h3 {font-size:22px; color:#469; margin:0; padding:10px 0 0 0;}
#content h4 {font-size:16px; font-weight:normal; padding:0 0 10px 0; margin:0; color:#469; border-bottom:1px solid #abc;}
#content p.small {font-size:14px; line-height:16px; padding:0 0 5px 0; margin:0;}
#subMenu {position:absolute; top:120px; left:90px; font-size:20px; color:#469; font-weight:bold;}
#subMenu a {text-decoration:none; color:#469; padding:0 5px;}
#subMenu a:hover, #subMenu a.current {background:#469; color:#fff;}

#homeLink {position:absolute; top:120px; right:90px; font-size:20px; color:#469; font-weight:bold;}
#homeLink a {text-decoration:none; color:#469; padding:0 5px;}
#homeLink a:hover {background:#469; color:#fff;}

#content2 {position:absolute; left:200px; top:250px; width:950px; height:480px; display:none; padding:20px; z-index:100; border:1px solid #fff;}
#contentBack2 {position:absolute; left:201px; top:251px; width:990px; height:530px; background:#dee; z-index:0;}

.faqs ul.faq {float:left; width:440px; padding:0; margin:0 0 0 20px; list-style:none;}
.faqs ul.faq li.question {width:440px; height:auto; float:left;}
.faqs ul.faq li.question div {display:none;}
.faqs ul.faq li.question {color:#247; cursor:pointer; font-size:16px;}
.faqs ul.faq li.question div {font-size:13px; color:#00c; padding-left:20px; font-weight:bold;}
h3.faqCall {margin:0; padding:0; color:#469; position:absolute; top:210px; left:240px; font-size:18px;}

#construct {padding:0; margin:0; list-style:none; position:absolute; left:360px; top:260px; width:190px;}
#construct li {width:190px; float:left; color:469; font-size:16px; cursor:pointer; text-align:right; line-height:25px;}
#construct li.clicked {color:#c60;}

.constructImages {padding:0; margin:0; list-style:none; width:600px;}
.constructImages li {width:600px; float:left; text-align:center;}
.constructImages img {display:block; margin:0 auto;}
.constructImages span {display:block; font-size:14px; padding:10px 0;color:#000; font-weight:bold;}
.constructImages b {font-size:16px; float:right; cursor:pointer;}
.constructImages i {font-style:normal; font-weight:bold; font-size:16px; float:left; cursor:pointer;}
h2.poolconstruct {margin:0; padding:0; color:#469; position:absolute; top:200px; left:560px; font-size:18px;}

#ads {position:absolute; left:560px; top:700px; width:800px;}
#ads img {display:block; float:left; width:111px; margin-right:19px; border:1px solid #fff;}
#ads img.last {margin:0;}

.testimonials ul li {color:#345; font-size:16px; line-height:20px; font-weight:bold;}

#palm {position:absolute; left:35px; top:560px; z-index:500; width:100px;}
#palm img {display:block; padding:10px 0;}

h3.quotesTop {margin:0; padding:0; color:#469; position:absolute; top:210px; left:220px; font-size:18px;}
.quotes h4 {font-size:16px; font-weight:normal; padding:0 0 10px 0; margin:0; color:#469;}
.quotes h3 {font-size:22px; color:#469; margin:0; padding:10px 0 0 0;}
.quotes form {padding:0; margin:0;}
.quotes label {display:block; width:90px; text-align:right; float:left; padding-right:10px; font-size:14px; color:#456;}
.quotes .formLeft {width:470px; float:left;}
.quotes .formRight {width:470px; float:right;}
.quotes p {font-size:14px; padding:0; margin:0; color:#456;}
.quotes span {font-size:14px; color:#456;}

.clear {clear:both;}

#designs {padding:0; margin:0; list-style:none; position:absolute; left:20px; top:160px; width:170px;}
#designs li {width:170px; float:left; color:469; font-size:16px; cursor:pointer; text-align:right; line-height:25px;}
#designs li.clicked {color:#c60;}

#design {position:absolute; left:140px; top:150px; width:950px; height:615px; display:none; padding:20px; z-index:100; border:1px solid #fff; overflow:hidden;}
#designBack {position:absolute; left:141px; top:151px; width:990px; height:655px; background:#dee; z-index:0;}

.designsImages {padding:0; margin:0 auto; list-style:none; width:800px;}
.designsImages li {width:800px; float:left; text-align:center;}
.designsImages img {display:block; margin:0 auto;}
.designsImages span {display:block; font-size:14px; padding:10px 0;color:#000; font-weight:bold;}
.designsImages b {font-size:16px; float:right; cursor:pointer;}
.designsImages i {font-style:normal; font-weight:bold; font-size:16px; float:left; cursor:pointer;}
h2.pooldesigns {margin:0; padding:0 20px 0 0; color:#469; font-size:18px; float:left;}

p.linkText {position:absolute; padding:0; margin:0; left:90px; top:150px; color:#469; font-size:15px;}
#customerLinks {position:absolute; left:84px; top:180px; width:1100px; }
#customerLinks ul {padding:0; margin:0; list-style:none;}
#customerLinks ul li {float:left; width:200px; height:100px; background:#fff; margin:8px;}
#customerLinks ul li a img {border:0;}


#content3 {position:absolute; left:160px; top:130px; width:900px; height:650px; display:none; padding:40px 20px 0 20px; z-index:100; border:1px solid #fff; overflow:hidden;}
#contentBack3 {position:absolute; left:161px; top:131px; width:940px; height:690px; background:#dee; z-index:0;}

#construct2 {padding:0; margin:0; list-style:none; position:absolute; left:-50px; top:160px; width:190px;}
#construct2 li {width:190px; float:left; color:469; font-size:18px; cursor:pointer; text-align:right; line-height:25px;}
#construct2 li.clicked {color:#c60;}

.constructImages2 {padding:0; margin:0; list-style:none; width:900px;}
.constructImages2 li {width:900px; float:left; text-align:center;}
.constructImages2 img {display:block; margin:0 auto;}
.constructImages2 span {display:block; font-size:14px; padding:10px 0;color:#000; font-weight:bold;}
.constructImages2 b {font-size:18px; float:right; cursor:pointer; margin-top:-20px;}
.constructImages2 i {font-style:normal; font-weight:bold; font-size:18px; float:left; cursor:pointer; margin-top:-20px;}
h2.poolconstruct2 {margin:0; padding:0; color:#c60; position:absolute; top:140px; left:230px; font-size:18px; z-index:200;}
h2.poolconstruct3 a {margin:0; padding:0; color:#469; position:absolute; top:140px; right:220px; font-size:18px; z-index:200; text-decoration:none;}