/* CSS Document */ body#jetting {background-image:url(jetting/images/water.jpg); background-repeat:no-repeat; background-color:#E5E9EC; position:relative;} body#home {background-image:url(corporate/images/pool.jpg); background-repeat:no-repeat; background-color:#90e4f9; position:relative;} body#pools {background-image:url(pools/images/pools.jpg); background-repeat:no-repeat; background-color:#8db8da; position:relative;} body#fiberglass {background-image:url(images/fiberglass.jpg); background-repeat:no-repeat; background-color:#283b59; position:relative;} body#services {background-image:url(services/images/soap.jpg); background-repeat:no-repeat; background-color:#344976; position:relative;} /* styling */ table.body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#fff; line-height:1.6em; padding: 0; margin:0;} thead, tfoot {font-weight:bold; background-color:#033e50;} td {margin:5px; padding:5px;} tr.facts {border:1px solid #fff; background-color:#bcd5e4; color:#033e50; vertical-align:top;} p.body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#033e50; line-height:1.6em; padding: 0; margin:0; text-align:left;} p.notation {font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; color:#668098; line-height:1em; text-align:center;} .notationul {color:#668098; line-height:1em; text-align:center; text-decoration:underline;} a {text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; line-height:1.2em; padding:.4em; display:block; color:#000066;} a.reverse {color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;} a:hover, a.quote:hover {text-decoration:underline;} a#logo {text-decoration:none; display:block; font-size:3em; line-height:2.8em; text-indent:-9999px; height:1em;} a.body {padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; display:inline;} a.quote {text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; display:inline; 12px; color:#000066; padding:0;} a.sideinfo {display:inline; padding:0;} a.currentpage:link{background-color:#DBE1D9; color:#284B43;} a.currentpage:visited {background-color:#DBE1D9; color:#284B43;} a.currentpage:hover {background-color:#B1C1B0; color:#1f4235;} a.currentpage:active, focus {background-color:#DBE1D9; color:#6a8066;} a.menu1:link{color:#1f4235;} a.menu1:visited {color:#284B43;} a.menu1:hover {background-color:#DBE1D9; color:#6a8066;} a.menu1:active, focus {} a:focus {outline:0;} /* Pools */ body.aboutpremier a#about, body.fiberglassbenefits a#benefits, body.poolstyles a#styles, body.colorrange a#color, body.whyleisure a#leisure, body.installation a#install, body.galleryselect a#gallery2, body.currentspas a#spas, body.currentcontact a#contact, body.poolhelp a#gallery2 {background-color:#E9DED9; color:#773D36;} /* Fiberglass */ body.currentfiberglass a#about, body.sparenovation a#spas, body.backyard a#backyard, body.currentcar a#car, body.currentcomm a#commercial, body.comments a#customer, body.currentren a#pool {background-color:#E9DED9; color:#773D36;} /* Jetting */ body.currentroutine a#routine, body.currentindu a#industrial {background-color:#E9DED9; color:#773D36;} /* Services */ body.industrialwash a#washingindust {background-color:#E9DED9; color:#773D36;} /* Homes */ {background-color:#E9DED9; color:#773D36;} body#home a.menu3 {background-color:#a3bcd1; color:#395a76;} a.menu3:link{color:#546e84;} a.menu3:visited {color:#6B96BA;} a.menu3:hover {background-color:#a3bcd1; color:#395a76;} a.menu3:active, focus {} ul {list-style-type:none; margin:0; padding:0;} ul.body, ol.body {margin:0 0 0 10px; padding: 0 0 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#033e50; line-height:1.6em;} li.menu1 {border-bottom:1px solid #284B43;} p.info {font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; color:#234a6d; padding:.4em; margin:0;} p.caption {font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; text-align:right; color:#1f4235; padding: 0 10px 0 0; margin:10px 0;} p.sideinfo {font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; text-align:left; color:#1f4235; padding: 0 2em 0 2em;} p.poolsideinfo {font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; text-align:left; color:#1f4167; padding: 0 2em 0 2em;} p.poolsideinfo a {font-size:1em;} .sidetable {font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; text-align:left; color:#1f4235; padding: 0;} span.BLD {font-weight:bold;} blockquote {margin:0 1.6em 0 0; padding:0 1.6em 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1.5em; color:#284b43;} .index {font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; text-align:left; color:#345E85; padding: 0 2em 0 4em; margin-left:1em;} input, textarea {background-color:#BCD5E4; width:24em;} .radio {background-color:#BCD5E4; width:auto; text-align:right; padding-right:10em;} .formtype {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#000; line-height:1.6em;} label {text-align:left; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#033e50; line-height:1.6em; padding-right:5em; margin:.8em 0;} fieldset {border:none;} .submit {width:10em; height:2em;} tr.top {vertical-align:top;} td.right {padding-right:2em;} /* layout */ html {height:1%;} #container {width:50em; top:25px; left:100px; background-image:url(corporate/images/transparent.png); background-repeat:repeat; text-align:left; position:absolute; overflow-y:auto; overflow-x:hidden; min-height:35em; height:auto;} /* for Internet Explorer */ /*\*/ * html #container {height: 35em;} /**/ /*#box {width:780px; min-height:600px; background-color:#fff; filter:alpha(opacity=90); opacity:0.9; position:absolute; z-index:-20;} #box2 {width:780px; min-height:800px; background-color:#fff; filter:alpha(opacity=90); opacity:0.9; position:absolute; z-index:-20;}*/ div#content {float:left; top:125px; padding:0 20px 0 7em; width:40%;} div#contentNoside {float:left; top:125px; padding:0 20px 0 8em; width:60%;} div#tabular {float:left; top:125px; padding:0 20px 0 120px; width:80%;} div#photo {float:left; right:25px; top:125px; width:302px; background-color:#B1C1B0; text-align:center;} div#poolphoto {float:left; right:25px; top:125px; width:302px; background-color:#BCD5E4; text-align:center; margin-bottom:1em;} img#photo {border:1px solid #B1C1B0;} img#poolphoto {border:1px solid #1f4167;} img.home {margin:.5em 1em 0 .5em; float:left;} img.home2 {margin-left:.5em; margin-top:1em; float:left;} div#notation {position:absolute; top:25px; right: 25px;} div#logo {padding:0 0 5px 10px; margin:0 0 5px 10px; height:100px; background-image:url(jetting/images/logo.png); background-repeat: no-repeat;} div#jettinglogo {padding:0 0 5px 10px; margin:5px 0 0px 10px; height:100px; background-image:url(jetting/images/jettinglogo.png); background-repeat: no-repeat;} div#servicelogo {padding:0 0 5px 10px; margin:5px 0 0px 10px; height:100px; background-image:url(services/images/serviceslogo.png); background-repeat: no-repeat;} div#poollogo {padding:0 0 5px 10px; margin:5px 0 0px 10px; height:100px; background-image:url(pools/images/poollogo.png); background-repeat: no-repeat;} div#fiberglasslogo {padding:0 0 5px 10px; margin:5px 0 0px 10px; height:100px; background-image:url(images/fiberglasslogo.png); background-repeat: no-repeat;} div#quote {width:40%; left:480px; top:370px; float:right;} div#linklogo {width:100%; background-color:#fff; text-align:center; border:1px solid #B1C1B0; margin-bottom:2em;} div#indexband {text-align:center;} div#indeximg {width:39.8em; height:26em; text-align:center; margin-left:6em; margin-top:.2em; background-color:#BCD5E4; border:1px solid #345E85;} div#photos {float:left;} /* menu */ div#menucontainer {width:10em; position:absolute; left:25px; top:147px; text-align:left; z-index:1;} div#menu1 {width:100%; background-color:#B1C1B0; border-top:3px solid #284B43; border-bottom:2px solid #284B43; float:left; margin:-.5em -.5em 1.4em -.3em; position:absolute; top:0; left:0;} /*div#menu2 {width:100%; background-color:#CDB09D; float:left; top:95px; border-top:3px solid #773D36; border-bottom:2px solid #773D36; margin:-.5em -.5em 1.4em -.3em;} li.menu2 {border-bottom:1px solid #773D36;} a.menu2:link{color:#4b201b;} a.menu2:visited {color:#773D36;} a.menu2:hover {background-color:#E9DED9; color:#773D36;} a.menu2:active, focus {}*/ /* ================================================================ 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/menus/flyoutt.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu2 {z-index:1; margin:-.5em -.5em 1.4em -.3em; width:100%; border-top:2px solid #773D36; /* this page only */} .menu2a {position:absolute; top:40px;} .menu2b {position:absolute; top:70px;} .menu2c {position:absolute; top:60px;} /* remove all the bullets, borders and padding from the default list styling */ .menu2 ul {padding:0; margin:0; list-style-type:none; width:100%;} /* hack for IE5.5 */ * html .menu2 ul {margin-left:-16px; ma\rgin-left:0;} /* position relative so that you can position the sub levels */ .menu2 li {position:relative; height:1.5em; width:100%;} /* style the links */ .menu2 a, .menu2 a:visited {display:block; text-decoration:none; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; padding:.4em 0; width:100%; text-indent:5px; border-top:thin solid #773D36; border-bottom:thin solid #773D36; background:#CDB09D;} .menu2 a {color:#4b201b;} .menu2 a:visited {color:#773D36;} .menu2 a.bottom {border-bottom:3px solid #773D36;} /* hack for IE5.5 */ * html .menu2 a, * html .menu2 a:visited {background:#CDB09D; width:100%; w\idth:99%;} /* style the link hover */ * html .menu2 a:hover {color:#773D36; background:#E9DED9;} .menu2 ul li a:hover {color:#773D36; background:#E9DED9;} .menu2 ul ul {visibility:hidden; position:absolute; top:0; left:10em;} .menu2 ul li:hover ul, .menu2 ul a:hover ul {visibility:visible; float:left;} .menu2 ul li ul li a.sub {background-color:#773D36; color:#E9DED9; border-top:thin solid #E9DED9; border-bottom:thin solid #E9DED9;} .menu2 ul li ul li a.sub:hover {background-color:#E9DED9; color:#773D36;} div#menu3 {width:100%; background-color:#BCD5E4; position:absolute; top:21em; border-top:3px solid #234a6d; border-bottom:3px solid #234a6d; margin:-.5em -.5em 1.4em -.3em;} div#menuHome {width:100%; background-color:#BCD5E4; position:absolute; top:16em; border-top:3px solid #234a6d; border-bottom:3px solid #234a6d; margin:-.5em -.5em 1.4em -.3em;} /*footer*/ #footer {width:50em; height:3em; position:relative; float:left; text-align:center; background-color:#BCD5E4;} #footer2 {width:50em; height:3em; position:absolute; bottom:0; text-align:center; background-color:#BCD5E4;} #centerfoot {width:100%; position:relative; text-align:center; vertical-align:middle; margin-left:10%; margin-right:10%;} a.footer, a.footer:hover {display:block; float:left; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:1em; color:#fff; cursor:default; margin-top:-.1em; text-decoration:none;} *a.footer, *a.footer:hover {margin-top:.9em;} a.foot {color:#546e84; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:.8em; display:block; float:left; position:relative;} *a.foot {margin-top:1em;} /* gallery */ div#gallery2 {width:40em;} /* ================================================================ 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.stunicholls.com/gallery/simple.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. =================================================================== */ /* The outer container with a relative position */ #gallery {width:24em; height:30em; position:relative; border:none;} /* Float the ul to the right with a width to give 3 thumbnail images per row */ #gallery ul {list-style:none; padding:17em 0 0 0; margin:0; width:20em;} #gallery ul.tall {list-style:none; padding:22em 0 0 0; margin:0; width:20em;} #gallery ul.fullscreen {list-style:none; padding:0 0 0 20em; margin:0; width:24em;} /* Place the list items inline using display:inline for IE and float:left */ #gallery ul li {display:inline; width:3em; height:3em; float:left; margin:0 0 .5em .5em; border:1px solid #fff; cursor:pointer;} /* Set up the thumbnail images as the background images */ #gallery ul li.tb1 {background:url(images/ClassicSprayFlagstoneStampRunners.jpg) -20px -120px;} #gallery ul li.tb2 {background:url(images/HandTapedFlagstoneClassicCopingBlocksSpray.jpg) -110px -110px;} #gallery ul li.tb3 {background:url(images/PalosVerdesStencilStamp.jpg) -250px -100px;} #gallery ul li.tb4 {background:url(images/water.jpg) -170px -180px;} #gallery ul li.tb6 {background:url(images/DeckFinishingDetail2.jpg) -20px -120px;} #gallery ul li.tb7 {background:url(images/SolidBorderStamp.jpg) -320px -190px;} #gallery ul li.tb8 {background:url(images/Classic3ftDiamondsSpray.jpg) -70px -70px;} #gallery ul li.tb9 {background:url(images/ClassicDeckHandTapedFlagstoneBorder.jpg) -120px -210px;} #gallery ul li.tb10 {background:url(images/Classic12x12TilePatternSprayTexture.jpg) -190px -180px;} #gallery ul li.tb11 {background:url(images/ClassicCornerCutFlagstoneBordersSpray.jpg) -20px -240px;} #gallery ul li.tb12 {background:url(images/ClassicDeckSmoothBorderSpray.jpg) -90px -100px;} #gallery ul li.tb13 {background:url(images/IrregularFlagstoneStampOverlay.jpg) -220px -160px;} #gallery ul li.tb14 {background:url(images/ClassicHerringboneBordersComboSpray.jpg) -120px -160px;} #gallery ul li.tb15 {background:url(images/RandomStoneCustomScoreFlagstone.jpg) -120px -80px;} #gallery ul li.tb16 {background:url(images/ClassicCornerCutFlagstoneSpray.jpg) -130px -80px;} #gallery ul li.tb17 {background:url(images/ClassicBlockBordersSpray.jpg) 0 0;} #gallery ul li.tb18 {background:url(images/ClassicCobblestonePatternSpray.jpg) -220px -160px;} #gallery ul li.tb19 {background:url(images/ClassicDiamondsSquaresSprayTexture.jpg) -120px -160px;} #gallery ul li.tb20 {background:url(images/CustomScoreFlagstoneBlockBordersStampOverlay.jpg) -120px -80px;} #gallery ul li.tb21 {background:url(images/ClassicCustomScoreSpray.jpg) -30px -20px;} #gallery ul li.tb22 {background:url(images/ClassicHandTapedFlagstoneBorder.jpg) -44px -100px;} #gallery ul li.tb23 {background:url(images/IrregularRectangleorSlateStamp.jpg) -130px -30px;} #gallery ul li.tb24 {background:url(images/fauxflagstone.jpg) -20px -8px;} #gallery ul li.tb25 {background:url(images/FanstoneStampOverlay.jpg) -130px -80px;} #gallery ul li.tb26 {background:url(images/ClassicBrickRunnersSpray.jpg) 0 0;} #gallery ul li.tb27 {background:url(images/12x12TilePatternStamp.jpg) -130px -30px;} #gallery ul li.tb28 {background:url(images/ClassicDeckBrickAccentSpray.jpg) -120px -80px;} #gallery ul li.tb29 {background:url(images/IrregularFlagstone2stamp.jpg) -130px -80px;} #gallery ul li.tb30 {background:url(images/stonework.jpg) -130px -80px;} #gallery ul li.tb31 {background:url(images/pools_coping.jpg) -50px -20px;} #gallery ul li.wb1 {background:url(images/water1.jpg) -120px -210px;} #gallery ul li.wb2 {background:url(images/water2.jpg) -30px -40px;} #gallery ul li.wb3 {background:url(images/water3.jpg) -110px -110px;} #gallery ul li.wb4 {background:url(pools/images/pool/moroccan2dsmall.jpg) -120px -210px;} #gallery ul li.wb5 {background:url(images/WaterFeature2.jpg) -30px -40px;} #gallery ul li.wb6 {background:url(images/waterFeature3.jpg) -110px -110px;} #gallery ul li.wb7 {background:url(images/waterFeature4.jpg) -250px -100px;} #gallery ul li.wb8 {background:url(images/waterFeature5.jpg) -170px -180px;} #gallery ul li.wb9 {background:url(images/waterFeatures.jpg) -120px -40px;} #gallery ul li.wb10 {background:url(images/WaterFeatureShowyard.jpg) -20px -120px;} #gallery ul li.wb11 {background:url(images/pools_waterfall1.jpg) 20px 0px;} #gallery ul li.sb1 {background:url(pools/images/ChopperGunSpa.jpg) -120px -90px;} #gallery ul li.sb2 {background:url(pools/images/spa.jpg) -110px -110px;} #gallery ul li.sb3 {background:url(pools/images/spa2.jpg) -250px -100px;} #gallery ul li.sb4 {background:url(pools/images/spa3.jpg) -170px -180px;} #gallery ul li.sb5 {background:url(pools/images/spa4.jpg) -120px -40px;} #gallery ul li.sb6 {background:url(pools/images/spaInGround.jpg) -20px -120px;} #gallery ul li.sb7 {background:url(pools/images/spaInGround2.jpg) -250px -100px;} #gallery ul li.sb8 {background:url(pools/images/spaInside.jpg) -170px -180px;} #gallery ul li.sb9 {background:url(pools/images/SpaWaterfall.jpg) -120px -40px;} #gallery ul li.sb10 {background:url(pools/images/spa_aloha.jpg) 0px -20px;} #gallery ul li.kb1 {background:url(images/rock1.jpg) -20px -10px;} #gallery ul li.kb2 {background:url(images/rock2.jpg) -50px -50px;} #gallery ul li.kb3 {background:url(images/rock3.jpg) -70px -19px;} #gallery ul li.kb4 {background:url(images/rock4.jpg) -180px -50px;} #gallery ul li.kb5 {background:url(images/rock5.jpg) -120px -90px;} #gallery ul li.kb6 {background:url(images/rock6.jpg) -110px -110px;} #gallery ul li.kb7 {background:url(images/rock7.jpg) -250px -100px;} #gallery ul li.kb8 {background:url(images/rock8.jpg) -170px -180px;} #gallery ul li.kb9 {background:url(images/rock9.jpg) -170px -180px;} #gallery ul li.kb10 {background:url(images/rock10.jpg) -120px -40px;} #gallery ul li.kb11 {background:url(images/rock11.jpg) -20px -120px;} #gallery ul li.kb12 {background:url(images/rock12.jpg) -170px -180px;} #gallery ul li.kb13 {background:url(images/rock13.jpg) -120px -40px;} #gallery ul li.kb14 {background:url(images/rock14.jpg) -120px -40px;} #gallery ul li.kb15 {background:url(images/kitchen1.jpg) -20px -10px;} #gallery ul li.kb16 {background:url(images/kitchen3.jpg) -50px -50px;} #gallery ul li.kb17 {background:url(images/kitchen5.jpg) -70px -19px;} #gallery ul li.kb18 {background:url(images/kitchen6.jpg) -180px -50px;} #gallery ul li.kb19 {background:url(images/bar.jpg) -120px -90px;} #gallery ul li.kb20 {background:url(images/fireplace.jpg) -110px -110px;} #gallery ul li.kb21 {background:url(images/greystone.jpg) -250px -100px;} #gallery ul li.kb22 {background:url(images/kitchen.jpg) -170px -180px;} #gallery ul li.kb23 {background:url(images/kitchen2.jpg) -170px -180px;} #gallery ul li.kb24 {background:url(images/lambertwall.jpg) -120px -40px;} #gallery ul li.kb25 {background:url(images/rockWork.jpg) -20px -120px;} #gallery ul li.kb26 {background:url(images/Rockworkmagicphil.jpg) -250px -100px;} #gallery ul li.kb27 {background:url(images/table.jpg) -170px -180px;} #gallery ul li.kb28 {background:url(images/wall.jpg) -120px -40px;} #gallery ul li.kb29 {background:url(images/decking.jpg) -120px -20px;} #gallery ul li.kb30 {background:url(images/pergola1.jpg) -0px -40px;} #gallery ul li.kb31 {background:url(images/pergola2.jpg) -120px -110px;} #gallery ul li.plb1 {background:url(images/plaster/PremiumAegeanGreen.jpg) -120px -90px;} #gallery ul li.plb2 {background:url(images/plaster/PremiumCaribbean.jpg) -110px -110px;} #gallery ul li.plb3 {background:url(images/plaster/PremiumCornerstone.jpg) -250px -100px;} #gallery ul li.plb4 {background:url(images/plaster/PremiumLevelFlagstone.jpg) -170px -180px;} #gallery ul li.plb5 {background:url(images/plaster/PremiumLevelSplash.jpg) -170px -180px;} #gallery ul li.plb6 {background:url(images/plaster/PremiumLevelSplashWhiteBlue.jpg) -120px -40px;} #gallery ul li.plb7 {background:url(images/plaster/PremiumLevelSplashWhiteGreen.jpg) -20px -120px;} #gallery ul li.plb8 {background:url(images/plaster/PremiumSandstone.jpg) -250px -100px;} #gallery ul li.plb9 {background:url(images/plaster/StandardLevelBlue.jpg) -170px -180px;} #gallery ul li.plb10 {background:url(images/plaster/StandardLevelCayman.jpg) -120px -40px;} #gallery ul li.plb11 {background:url(images/plaster/StandardLevelCaymanGreen.jpg) -170px -180px;} #gallery ul li.plb12 {background:url(images/plaster/StandardLevelSplash.jpg) -120px -40px;} #gallery ul li.plb13 {background:url(images/plaster/StandardLevelWhite.jpg) -120px -40px;} #gallery ul li.plb14 {background:url(images/plaster/StandardLevelSmoke.jpg) -120px -40px;} #gallery ul li.plb15 {background:url(images/plaster/Antigua.jpg) 0 0;} #gallery ul li.plb16 {background:url(images/plaster/Blue.jpg) 0 0;} #gallery ul li.plb17 {background:url(images/plaster/BlueMist.jpg) 0 0;} #gallery ul li.plb18 {background:url(images/plaster/Buff.jpg) 0 0;} #gallery ul li.plb19 {background:url(images/plaster/Cayman.jpg) 0 0;} #gallery ul li.plb20 {background:url(images/plaster/Jade.jpg) 0 0;} #gallery ul li.plb21 {background:url(images/plaster/Natural.jpg) 0 0;} #gallery ul li.plb22 {background:url(images/plaster/Smoke.jpg) 0 0;} #gallery ul li.pb1 {background:url(pools/images/pool/courtyardRoman.jpg) -20px -120px;} #gallery ul li.pb2 {background:url(pools/images/pool/GonzalesRiviera.jpg) -110px -110px;} #gallery ul li.pb3 {background:url(pools/images/pool/kidsPool.jpg) -250px -100px;} #gallery ul li.pb4 {background:url(pools/images/pool/lawn.jpg) -170px -180px;} #gallery ul li.pb5 {background:url(pools/images/pool/moroccan1.jpg) -120px -40px;} #gallery ul li.pb6 {background:url(pools/images/pool/moroccan10.jpg) -20px -120px;} #gallery ul li.pb7 {background:url(pools/images/pool/moroccan11.jpg) -320px -190px;} #gallery ul li.pb8 {background:url(pools/images/pool/moroccan2b.jpg) -70px -70px;} #gallery ul li.pb9 {background:url(pools/images/pool/moroccan2c.jpg) -120px -210px;} #gallery ul li.pb10 {background:url(pools/images/pool/moroccan2dsmall.jpg) -190px -80px;} #gallery ul li.pb11 {background:url(pools/images/pool/moroccan2e.jpg) -20px -240px;} #gallery ul li.pb12 {background:url(pools/images/pool/moroccan3.jpg) -90px -100px;} #gallery ul li.pb13 {background:url(pools/images/pool/moroccan4.jpg) -220px -160px;} #gallery ul li.pb14 {background:url(pools/images/pool/moroccan5.jpg) -120px -160px;} #gallery ul li.pb15 {background:url(pools/images/pool/moroccan6.jpg) -120px -80px;} #gallery ul li.pb16 {background:url(pools/images/pool/moroccan7.jpg) -130px -80px;} #gallery ul li.pb17 {background:url(pools/images/pool/moroccan8.jpg) 0 0;} #gallery ul li.pb19 {background:url(pools/images/pool/moroccan8b.jpg) -120px -160px;} #gallery ul li.pb20 {background:url(pools/images/pool/moroccan9.jpg) -120px -80px;} #gallery ul li.pb21 {background:url(pools/images/pool/MoroccanAustralianBlue.jpg) -30px -20px;} #gallery ul li.pb22 {background:url(pools/images/pool/MoroccanHouse.jpg) -44px -100px;} #gallery ul li.pb23 {background:url(pools/images/pool/MoroccanOutbackBlue.jpg) -130px -30px;} #gallery ul li.pb24 {background:url(pools/images/pool/pool.jpg) -20px -8px;} #gallery ul li.pb25 {background:url(pools/images/pool/pool2.jpg) -130px -80px;} #gallery ul li.pb26 {background:url(pools/images/pool/poolfun.jpg) 0 0;} #gallery ul li.pb27 {background:url(pools/images/pool/poolPic.jpg) -130px -30px;} #gallery ul li.pb28 {background:url(pools/images/pool/RivieraConcrete.jpg) -120px -80px;} #gallery ul li.pb29 {background:url(pools/images/pool/roman1.jpg) -130px -80px;} #gallery ul li.pb30 {background:url(pools/images/pool/roman1b.jpg) -130px -80px;} #gallery ul li.pb31 {background:url(pools/images/pool/roman1c.jpg) 0 0;} #gallery ul li.pb32 {background:url(pools/images/pool/roman2.jpg) -220px -160px;} #gallery ul li.pb33 {background:url(pools/images/pool/roman3.jpg) -120px -160px;} #gallery ul li.pb34 {background:url(pools/images/pool/roman4.jpg) -120px -80px;} #gallery ul li.pb35 {background:url(pools/images/pool/roman5.jpg) -30px -20px;} #gallery ul li.pb36 {background:url(pools/images/pool/roman6.jpg) -44px -100px;} #gallery ul li.pb37 {background:url(pools/images/pool/roman7.jpg) -130px -30px;} #gallery ul li.pb38 {background:url(pools/images/pool/RomanAndMor.jpg) -20px -8px;} #gallery ul li.pb39 {background:url(pools/images/pool/RomanAndMorRock.jpg) -130px -80px;} #gallery ul li.pb40 {background:url(pools/images/pool/RomanAust.jpg) 0 0;} #gallery ul li.pb41 {background:url(pools/images/pool/romanAust4.jpg) -130px -30px;} #gallery ul li.pb42 {background:url(pools/images/pool/RomanAustBlue.jpg) -120px -80px;} #gallery ul li.pb43 {background:url(pools/images/pool/RomanAustBlue3.jpg) -130px -80px;} #gallery ul li.pb44 {background:url(pools/images/pool/romanaustDetail.jpg) -130px -80px;} #gallery ul li.pb45 {background:url(pools/images/pool/RomanAustralianBlue.jpg) 0 0;} #gallery ul li.pb46 {background:url(pools/images/pool/romanAustsmall1.jpg) -220px -160px;} #gallery ul li.pb47 {background:url(pools/images/pool/romanAustsmall2.jpg) -120px -160px;} #gallery ul li.pb48 {background:url(pools/images/pool/romanDetail.jpg) -120px -80px;} #gallery ul li.pb49 {background:url(pools/images/pool/RomanOutbackBlue.jpg) -30px -20px;} #gallery ul li.pb50 {background:url(pools/images/pool/TuscanyGreatBarrierReefBlue.jpg) -44px -100px;} /* Hide the full size images */ #gallery ul li span i img {display:none;} /* set up the .click style which will be added using javascript */ /* Change the li border to white */ #gallery ul li.click {border-color:#000; cursor:default;} /* Position the span using an absolute position and specify the width and height */ #gallery ul li.click span {position:absolute; left:0; top:0; width:24em;} /* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */ #gallery ul li.click span i {width:24em; display:table-cell; vertical-align:middle; text-align:center;} /* Make the image actual size using auto width and height */ #gallery ul li.click span i img {display:block; max-width:24em; height:auto; max-height:20em; border:1px solid #fff; margin:0 auto;} #gallery ul.tall li.click span i img {display:block; max-width:22em; height:auto; max-height:20em; border:1px solid #fff; margin:0 auto;} /* set up the default image */ #gallery ul li.default {width:0; height:0; border:0;} #gallery ul li.default span {position:absolute; left:0; top:0; max-width:24em;} #gallery ul li.default span i {width:24em; display:table-cell; vertical-align:middle; text-align:center;} /* specify the image width and height for IE6 */ #gallery ul li.default span i img {display:block; max-width:20em; border:1px solid #fff; margin:0 auto;} #gallery ul li.off {display:none;} #gallery ul li span.descriptor {display:none; position:absolute; left:.6em; top:17em; width:21em; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#033e50; line-height:1.6em; text-align:justify; font-weight:normal;} #gallery ul li.click span.descriptor {display:block;}