/* HOME BLACK STYLE DEFINITIONS */

* {
    margin: 0; 
    padding: 0;
    font-size:11px; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #cccccc;
	line-height: 16px;
}

a {
	color: #2a8ebf;
}

#content {
	position: relative;
	width: 800px;
	border: 1px solid #999;
	width/**/:/**/ 798px;
    margin: 0px auto; 
    text-align: left;
    background: #000;
}

#global-border,
.footer {
	width: 800px;
	margin: 0px auto; 
}

#black-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 798px;
	background: #000;
	border-bottom: 1px solid #49628a;
	overflow: hidden;
	z-index: 10;
}

#black-nav {
	margin-top: 109px;
}

#black-logo a {
	float: left;
	display: block;
	width: 372px;
	height: 110px;
	text-indent: -9999px;
	background: url(/images/logo-black.gif) top left no-repeat;
}

#black-logo a img {
	display: none;
}

#great-pools {
	float: right;
	width: 343px;
	height: 110px;
	text-indent: -9999px;
	background: url(/images/promo-great-pools.gif) top left no-repeat;
}

#home-content {
	width: 798px;
	padding: 35px 28px 35px 25px;
	width/**/:/**/ 745px;
	overflow: hidden;
}

#home-left {
	float: left;
	width: 363px;
}

#home-right {
	float: right;
	width: 350px;
}

#promo-indulgence {
	width: 363px;
	height: 43px;
	margin-top: 3px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/promo-indulgence.gif) top left no-repeat;
}

#footer-black {
	border-top: 1px solid #999999;
	width: 798px;
	padding: 12px 32px 12px 26px;
	width/**/:/**/ 740px;
	overflow: hidden;
}

#copyright {
	float: left;
	font-size: 9px;
	color: #999999;
}

#i-ology {
	float: right;
}

#copyright a,
#i-ology a {
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}

#copyright a:hover,
#i-ology a:hover {
	text-decoration: underline;
}

/* Product Nav */

#product-nav {
	border-top: 1px solid #fff;
}

#product-nav ul {
    margin: 0; 
    padding: 0;
    width: 798px;
    height: 37px;
    list-style: none;
}

#product-nav li {
    padding: 0;
    text-indent: -9999px;
    display: inline;
    float: left;
}

#product-nav a {
    height: 37px;
    display: block;
}

a#home-locate {
    width: 151px;
    background: url(/images/home-locate-installer.gif) top left no-repeat;
}
a#home-remodeling {
    width: 164px;
    background: url(/images/home-remodeling-pool.gif) top left no-repeat;
}
a#home-tec {
    width: 98px;
    background: url(/images/home-pebble-tec.gif) top left no-repeat;
}
a#home-finishing {
    width: 140px;
    background: url(/images/home-finishing-touches.gif) top left no-repeat;
}
a#home-sheen {
    width: 117px;
    background: url(/images/home-pebble-sheen.gif) top left no-repeat;
}
a#home-fina {
    width: 128px;
    background: url(/images/home-pebble-fina.gif) top left no-repeat;
}

a:hover#home-locate,
a:hover#home-remodeling,
a:hover#home-tec,
a:hover#home-finishing,
a:hover#home-sheen,
a:hover#home-fina {
	background-position: bottom left;
}

/* END HOME BLACK STYLE DEFINITIONS */

.locate-builder a {
    position: relative;
    border-bottom: 1px solid #DCD8C0;
    margin-bottom: 22px;
    width: 161px;
    padding: 106px 0 0 0;
    overflow: hidden;
    display: block;
    color: #ff0000;
    background: url(../images/home_locate_builder.jpg) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 106px;/* for ie5.x */
}

.locate-builder div {
    padding: 118px 0 0 14px;
}

.locate-builder div select {
    width: 133px;
}

.home-content {
    padding: 19px 18px 20px 29px;
}

.home-header {
    background: url(../images/ttl_indulgence.gif) no-repeat;
    width: 418px;
    height: 39px;
    display: block;
    margin-bottom: 5px;
}

.home-header h1 {
    display: none;
}

.promo-finishing a {
    position: relative;
    margin-bottom: 5px;
    padding: 156px 0 0 0;
    overflow: hidden;
    display: block;
    color: #ff0000;
    background: url(../images/promo_finishing_touches.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 156px;/* for ie5.x */
}

.experience-difference a {
    position: relative;
    margin-bottom: 5px;
    padding: 156px 0 0 0;
    overflow: hidden;
    display: block;
    color: #ff0000;
    background: url(../images/experience_difference.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 156px;/* for ie5.x */
}
.explore-beauty a {
    display: block;
    width: 161px;
    height: 175px;
    margin-bottom: 5px;
    text-indent: -9999px;
    text-decoration: none;
    background: url(/images/explore_beauty.jpg) top left no-repeat;
}
.discover-beauty a {
    display: block;
    width: 161px;
    height: 154px;
    margin-bottom: 5px;
    text-indent: -9999px;
    text-decoration: none;
    background: url(/images/discover_beauty1.jpg) top left no-repeat;
}

.promo-charity a {
    display: block;
    width: 161px;
    height: 195px;
    margin: 8px 0 5px 4px;
    text-indent: -9999px;
    text-decoration: none;
    background: url(/images/promo_charity.jpg) top left no-repeat;
}

.promo-new a {
    position: relative;
    margin: 0;
    padding: 81px 0 0 0;
    overflow: hidden;
    display: block;
    color: #ff0000;
    background: url(../images/promo_building_pool.jpg) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 81px;/* for ie5.x */
}

.promo-remodel a {
    position: relative;
    margin: 0;
    padding: 82px 0 0 0;
    overflow: hidden;
    display: block;
    color: #ff0000;
    background: #FFFFFF url(../images/promo_remodeling_pool.jpg) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 82px;/* for ie5.x */
}

a#promo-european {
    width: 157px;
    height: 96px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_european.gif) top left no-repeat;
    margin-left: 1px;
}

a#promo-finishing-touches {
    width: 157px;
    height: 96px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_finishing_touches.jpg) top left no-repeat;
    margin-left: 1px;
}

a#promo-finishing-touches {
    width: 157px;
    height: 96px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_finishing_touches.jpg) top left no-repeat;
    margin-left: 1px;
}

.home-bg {
    background: url(../images/homepage_bg.gif) top left repeat-y;
}

.case-study {
    border-top: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    margin-left: 1px;
    width: 157px;
}

.cs-content {
    padding: 11px 22px 20px 21px;
}

.cs-content p, .cs-content p span, .cs-content a, .cs-content a span, .cs-content strong, .cs-content span {
    font-size: 10px;
}

.cs-content a strong {
    color: #234994;
}

.ns-photo {
    float: right;
    margin: 8px 0 15px 10px;
    border: 1px solid #c9c9c9;
}

.ns-photo {
    float: right;
    margin: 8px 0 15px 10px;
    border: 1px solid #c9c9c9;
}

a#promo-ft {
    width: 405px;
    height: 122px;
    display: block;
    margin-top: 15px;
    text-indent: -9999px;
    background: url(/images/promo_finishing_touches2.jpg) top left no-repeat;
}

a:hover#promo-ft {
    background-position: bottom left;
}