<!--
body{  background-color:#05467D; margin:0px; padding:0px;font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#05467D;}
img {outline-style:none;}
#sitebg {background:url(/images/crystalbluepools/2010/site/template/sitebg.jpg) repeat-x;}
#cboxTitle {padding-top:5px}
#contentbg {background:url(/images/crystalbluepools/2010/site/template/contentbg.jpg) repeat-y; width:960px; margin:auto;}
#footerbg {background:url(/images/crystalbluepools/2010/site/template/footerbg.jpg) no-repeat bottom left; padding-bottom:20px}
#mastheadbg {background:url(/images/crystalbluepools/2010/site/template/mastheadbg.jpg) no-repeat;}
#masthead {height:550px; position:relative}
#contentholder {padding:0 30px; width:915px;}


#footerinfo {padding:0px 25px; height:100px}
#innerholder {overflow:hidden; width:701px; height:362px}
a {outline-style: none;}
a:link    {color: #FF9511; outline-style: none;}
a:active  {color: #FF9511;outline-style: none;}
a:visited {color: #91B1CC; outline-style: none;}
a:hover   {color: #FFBC6A; outline-style: none;}

#btmtag {color:#FFF; font-family:Verdana, Geneva, sans-serif; padding-top:27px; text-align:center; font-size:12px;}
#btmtag a {
	color: #FFF; font-weight:normal; text-decoration:none; 
}
#btmtag a:hover{
	color:#DEBF7E; font-weight:normal; text-decoration:underline;
}

#facebook {margin: 0px 0 0 14px; width:60px; height:60px; padding-top:10px;}


#sidenavigation {
  list-style: none;  width:236px; height:377px; margin:160px 0px 0px -3px; padding:0px; position:absolute; z-index:3000;
}

#sidenavigation li {margin:0px; padding:0px;
_height:20px !important}

#sidenavigation a * {
  display: none;
}

#sidenavigation a,
#sidenavigation a .hover {
        position: relative;
        display: block;
        background: url(/images/CrystalBluePools/2010/site/template/navbg.png) 0 0 no-repeat;
}

/* individual navigation items */
#sidenavigation a.home {
  background-position: 0px 0px; width: 236px; height: 59px;
}

#sidenavigation .highlight a.home:hover,
#sidenavigation a.home .hover {
  background-position: -236px 0px; width: 236px; height: 59px;
}

#sidenavigation a.thebasicpool {
  background-position: 0px -59px; width: 236px; height: 44px;
}

#sidenavigation .highlight a.thebasicpool:hover,
#sidenavigation a.thebasicpool .hover {
  background-position: -236px -59px; width: 236px; height:44px;
}

#sidenavigation a.lineroptions {
  background-position: 0px -102px; width: 236px; height:44px;
}

#sidenavigation .highlight a.lineroptions:hover,
#sidenavigation a.lineroptions .hover {
  background-position: -236px -102px; width: 236px; height: 44px;
}

#sidenavigation a.poolshapes {
  background-position: 0px -146px; width: 236px; height: 43px;
}

#sidenavigation .highlight a.poolshapes:hover,
#sidenavigation a.poolshapes .hover {
  background-position: -236px -146px; width: 236px; height: 43px;
}

#sidenavigation a.accessories {
  background-position: 0px -189px; width: 236px; height: 44px;
}

#sidenavigation .highlight a.accessories:hover,
#sidenavigation a.accessories .hover {
  background-position: -236px -189px; width: 236px; height: 44px;
}

#sidenavigation a.maintenance {
  background-position: 0px -233px; width: 236px; height: 44px;
}

#sidenavigation .highlight a.maintenance:hover,
#sidenavigation a.maintenance .hover {
  background-position: -236px -233px; width: 236px; height: 44px;
}

#sidenavigation a.contact {
  background-position: 0px -277px; width: 236px; height: 43px;
}

#sidenavigation .highlight a.contact:hover,
#sidenavigation a.contact .hover {
  background-position: -236px -277px; width: 236px; height: 43px;
}

#sidenavigation a.gallery {
  background-position: 0px -320px; width: 236px; height: 57px;
}

#sidenavigation .highlight a.gallery:hover,
#sidenavigation a.gallery .hover {
  background-position: -236px -320px; width: 236px; height: 57px;
}

#topcontent {height:380px; width:100%;}
#topslide {position:absolute; margin:160px 0 0 246px;}

#nav {position:absolute; z-index:3000;}
#nav { margin: 345px 0 0 515px; text-align: left }
#nav a { margin: 0 3px; font-size:1px; padding:8px; color:#fff; text-decoration: none; background:url(/images/crystalbluepools/2010/site/template/navdot.png) no-repeat; width:16px; height:16px; text-indent:-9999px;}
#nav a.activeSlide { background:url(/images/crystalbluepools/2010/site/template/activenav.png) no-repeat; width:16px; height:16px; color:#E88342;}
#nav a:focus { outline: none; }
-->