/* poolscape.co.nz
   GoodWebsites.co.nz - Erwin Raaphorst - 25 May 2009 */

/* BASE */

html { overflow-y:scroll; }
html, body, div, blockquote, img, label, p, h1, h2, h3, h4, ul, ol, li, form, a, fieldset, input { margin:0; padding:0; border:0; }

body { background:#000 url(/bg/bg.png) center top repeat-x;
font:76%/1.4 "Trebuchet MS", Arial, helvetica, sans-serif; color:#e9eff3; text-align:center; min-width:920px; }

a { outline:none; }
p { padding:0.5em 0em; }
.article p, .article ul { padding:0.5em 20px; }
.article .bullet li { background:url(/img/bullet_orange.png) 0 .5em no-repeat; padding:0 0 2px  1.2em; margin-left:2px; }
ol, ul { list-style:none; }
a, a:visited { color:#e88800; }
a:hover { color:#0ff; }

.wrap { width:920px; margin:0 auto; text-align:left; word-spacing:0.05em; font-size:1em; overflow:hidden; height:100%; }
.header .wrap, .footer .wrap { padding-right:312px; width:608px; }
#bdhome .wrap { width:656px; padding:0; color:#7e8d94; }
#bdportfolio .wrap { width:920px; padding:0; }

.mainimg { overflow:hidden; margin-bottom:20px; }

.article { width:610px; padding-bottom:50px; }
#bdportfolio .article { width:918px; overflow:hidden; background:#000 url(/bg/bg_article.png) 0 50px repeat-x; border:1px solid #333; padding-bottom:0; }

.aside { width:230px; float:right; line-height:normal; padding:20px; }
.aside img, .contentimg { border:1px solid #b4c8d7; }
.mbottom { margin-bottom:20px; }

.logo { width:448px; height:144px; text-indent:-9000px; background:url(/img/logo_poolscape.png) no-repeat; margin:7px 0 10px; }
#bdhome .logo { margin:7px auto 10px; }
.logo a { display:block; width:448px; height:144px; text-decoration:none; }

.content { background:url(../bg/bgcontent.png) 0 0 repeat-y; overflow:hidden; height:1%; }
.contenttop { background:url(../bg/bgcontenttop.png) 0 0 no-repeat; }
.contentbottom { background:url(../bg/bgcontentbot.png) -1px 0 no-repeat; height:1px; }

/* NAV */

ul.nav { overflow:hidden; float:right; }
.nav li { float:left; background:url(/bg/navdivider.png) left 13px no-repeat; }
.nav li.firstnav { background:none; }
.nav a, .nav a:visited {
 text-transform:uppercase; letter-spacing:0.8px; font-family:Arial, Helvetica, sans-serif;
 float:left;
 display:inline;
 padding:10px 12px;
 height:20px;
 text-align:center;
 text-decoration:none;
 font-size:0.8em;
 color:#7e8d94;
 }
.nav .lastnav a, .nav .lastnav a:visited { padding-right:0; }
.nav a:hover, #bdhome .nav a.homeid, #bdabout .nav a.aboutid, #bdservices .nav a.servicesid, #bdportfolio .nav a.portfolioid, #bdtestimonials .nav a.testimonialsid, #bdcontact .nav a.contactid { color:#0ff; }

/* SLIDESHOW v1.3 */

.slideshowContainer { border:1px solid #b4c8d7; width:640px; height:400px; margin-bottom:5px; }
.loading { background:url(/img/loading.gif) center no-repeat; }
.slideshowThumbnail { outline:none; }
.slideshowThumbnail img { border:1px solid #000; padding:4px; margin-left:3px; display:block; float:left; }
a:hover.slideshowThumbnail img { border:1px solid #f90; padding:4px; }
.outline { border:1px solid #0ff; z-index:0; position:absolute; }
#thumbnails { overflow:hidden; }

/* SLIMBOX */

#lbOverlay {position:absolute; z-index:9999; left:0; width:100%; background-color:#000; cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute; z-index:9999; left:50%; overflow:hidden; background-color:#fff;}
.lbLoading {background:#fff url(/img/ajax-loader.gif) no-repeat center;}
#lbImage {position:absolute; left:0; top:0; border:1px solid #fff; background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink { left: 0; background: transparent url(/img/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; background: transparent url(/img/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { color:#31434b; line-height: 1.4em; text-align: left; border: 1px solid #fff;	border-top-style: none; padding:5px 0;}
#lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(/img/closelabel.gif) no-repeat center;margin:5px;outline:none;}
#lbCaption, #lbNumber {margin-right:71px; padding-left:10px}
#lbCaption {font-weight:bold;}

/* HEADINGS */

h2, h3, h4, h5 { font-weight:normal; padding-left:20px; }

h2 { font-size:1.6em; font-weight:bold; margin-bottom:0.1em; }
h3 { font-size:1.4em; color:#8696A1; margin-top:20px; }
h4 { font-size:1.2em; }
h5 { font-size:0.9em; }

.hdabout, .hdservices, .hdportfolio, .hdtestimonials, .hdcontact { background:#8696a1 url(../img/hd.png) 20px 0 no-repeat; border-bottom:1px solid #b4c8d7; height:50px; text-indent:-9000px; margin:0 0 20px 0; }

.hdservices { background-position:20px -50px; }
.hdportfolio { background-position:20px -100px; }
.hdtestimonials { background-position:20px -150px; }
.hdcontact { background-position:20px -200px; }

.hdindulge, .hdindividual { background:url(/img/hdblack.png) 0 0 no-repeat; text-indent:-900px; height:20px; margin:15px 0; }
.hdindividual { background-position:0 -30px; margin-bottom:0; }

.logosm { background:url(/img/logo_poolscape_sm.png) 0 0 no-repeat; text-indent:-9000px; height:56px; margin:0; }

/* TESTIMONIALS */

blockquote { background:url(/bg/bg_quote.png) 20px 10px no-repeat; padding-left:55px; height:1%; } /* 1% IE hack */
blockquote em { display:block; margin:10px 0; } 

/* GALLERY */

.gallery { margin:10px 0 20px 10px; overflow:hidden; }
.gallery img { border:1px solid #b4c8d7; display:block; }
.gallery a { border:1px solid #000; padding:5px; display:block; float:left; margin:5px;  }
.gallery a:hover { border:1px solid #e88800; }

.navgal { float:right; }
.navgal li { float:left; display:block; margin:-5px 0 15px; }
.prev a, .gal1 a, .gal2 a, .gal3 a, .next a, .previnact a, .nextinact a { background:url(/img/navgal.png) 0 -18px no-repeat; height:20px; width:27px; float:left; display:block; text-indent:-9000px; }

.previnact a { background-position:0 2px; margin-right:6px; }
.nextinact a { background-position:0 -38px; margin-left:6px; }

.prev a { margin-right:6px; }
.next a { background-position:0 -38px; margin-left:6px; }
.gal1 a { background-position:0 -80px; }
.gal2 a { background-position:0 -120px; }
.gal3 a { background-position:0 -160px; }

.prev a:hover { background-position:0 -18px; }
.gal1 a:hover, .gal1current a { background-position:0 -100px; }
.gal2 a:hover, .gal2current a { background-position:0 -140px; }
.gal3 a:hover, .gal3current a { background-position:0 -180px; }
.next a:hover { background-position:0 -58px; }

/* FOOTER */

.footer { background:url(/bg/bg_footer.png) center center repeat-x; clear:both; color:#7e8d94; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; padding:20px 0; }
.footer ul { margin-bottom:7px; } .footer li { margin-bottom:5px; }
.footdetails li { background: url(/img/slash_turqoise.png) 5px 4px no-repeat; padding-left:22px; adding-right:7px; display:inline; }
.footdetails li.first { background:none; }
.copyright, .footdetails { text-align:right; }
.footer a, .footer a:visited { color:#7e8d94; text-decoration:none; } .footer a:hover { color:#e88800; }
.footer li span { color:#fff; padding-right:3px; }

/* WEB CREDIT */
.credit a, .credit a:visited { background:url(/img/check.png) left 2px no-repeat; padding-left:1.5em; }
.credit a strong { font-weight:normal; font-size:0.9em; } .credit img { margin-right:3px; }

/* reset width for IE6 */
.slideshowContainer, .mainimg p, .mainimg h2, #bdhome ul.nav, #bdhome .footer ul  { margin-left:7px; margin-right:7px; }

/* CONTACT DETAILS */

.contactdetails { margin:10px 0 28px 5px; }
.contactdetails li { margin-bottom:3px; }
.contactdetails li span { float:left; width:20px; }
.contactdetails li.end { margin-bottom:10px; }

/* CONTACT FORM */ 

.required { margin-bottom:2px; } 
.contactform {  position:relative; height:1%; width:500px;  } /* for IE6 bug */
.contactform fieldset { float:left; clear:left; width:100%; margin:0 0 0 20px; border-style:none; display:inline; }
.contactform fieldset ol { float:left; clear:left; padding:1em 0 0; list-style:none; }
.contactform fieldset li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; }
.contactform label img { position:absolute; left:5.7em; top:0.5em; }  
.contactform .contactsubmit { float:none; width:auto; padding:0 0 22px 7em; }
.contactform input { width:300px;}
.contactform textarea { width:300px; height:7em; font-family:arial, helvetica, sans-serif; font-size:1em; overflow:auto; }
.contactform input, .contactform textarea { background-color:#000005; border:1px #323341 solid; padding:4px; color:#fff; }
.contactform input:focus, .contactform textarea:focus { border-color:#f60; }
.contactsubmit input { width:auto; margin-right:10px; background: #000005; cursor:pointer; padding:3px 15px; border:1px solid #b4c8d7; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size:1.2em; color:#b4c8d7; }
.contactsubmit input:hover { color:#000; background-color:#b4c8d7; }