html {
	height: 100%;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #0e6bb1;
	height: 100%;
	background: #0e6bb1 url(../images/bg.jpg) top center no-repeat fixed;
}

.clear {
	width: 100%;
	height: 0px;
	clear: both;
	float: none;
}

#wrap {
	min-width: 954px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	float: none;
	
}
#all {
	width: 950px;
	padding: 0 2px;
	margin: 0 auto;
	float: none;
	background-color: #262d61;
}
#header {
	width: 950px;
	height: 123px;
	overflow: hidden;
	float: none;
	background: url(../images/header-bg.png) no-repeat;
}
#header li {
	float: left;
}
#logo {
	display: block;
	width: 230px;
	height: 123px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
}
#top-info {
	float: right;
	text-align: right;
	padding: 30px 20px 0 0;
}
#top-info h1 {
	font-size: 18px;
	font-weight: bold;
	color: #242659;
	padding-bottom: 7px;
}
#top-info h2 {
	font-size: 12px;
	font-weight: bold;
	color: #ce1417;
	font-style: italic;
	position: relative;
	top: 5px;
	right: 10px;
}
#top-info .phone {
	font-size: 25px;
	font-weight: bold;
	color: #ce1417;
}

#bottom-info {
	float: none;
	text-align: center;
	position: relative;
	top: -35px;
	margin-top: -50px;
}
#bottom-info.subpage {
	top: 0px;
	margin-top: 0px;
	padding: 10px 0 15px;
}
#bottom-info h1 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}
#bottom-info .phone {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}

#menu-bar {
	float: right;
	clear: both;
	overflow: hidden;
	width: 689px;
	height: 34px;
	margin-top: 7px;
}
#menu-bar a {
	float: left;
	height: 34px;
	text-indent: -9999px;
}

#btn-home {background: url(../images/menu-bar.png) 0px 0px no-repeat; width: 98px;}
#btn-supplies {background: url(../images/menu-bar.png) -98px 0px no-repeat; width: 111px;}
#btn-repair {background: url(../images/menu-bar.png) -209px 0px no-repeat; width: 111px;}
#btn-cleaning {background: url(../images/menu-bar.png) -320px 0px no-repeat; width: 111px;}
#btn-renovations {background: url(../images/menu-bar.png) -431px 0px no-repeat; width: 129px;}
#btn-contactus {background: url(../images/menu-bar.png) -560px 0px no-repeat; width: 129px;}

#btn-home.active, #btn-home:hover {background-position: 0px -34px;}
#btn-supplies.active, #btn-supplies:hover {background-position: -98px -34px;}
#btn-repair.active, #btn-repair:hover {background-position: -209px -34px;}
#btn-cleaning.active, #btn-cleaning:hover {background-position: -320px -34px;}
#btn-renovations.active, #btn-renovations:hover {background-position: -431px -34px;}
#btn-contactus.active, #btn-contactus:hover {background-position: -560px -34px;}

#home-main-banner {
	width: 950px;
	height: 310px;
	float: none;
	overflow: hidden;
	background: url(../images/home-main-banner.jpg) no-repeat;
	margin-top: 4px;
}

#pool-service {
	float: left;
	display: block;
	width: 567px;
	height: 104px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/pool-service-slogan.png) no-repeat;
}

#since1976 {
	float: right;
	display: block;
	margin-right: 10px;
	width: 230px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/since1976.png) no-repeat;
}
#home-banner-boxes {
	margin: 21px 0 0 5px;
}
#home-banner-boxes li {
	float: left;
}
#home-banner-boxes li a {
	display: block;
	width: 140px;
	height: 185px;
	cursor: pointer;
	margin: 0 7px;
	text-indent: -9999px;
}
#box-supplies {background: url(../images/box-pool-supplies.png) no-repeat}
#box-repair {background: url(../images/box-pool-repair.png) no-repeat}
#box-cleaning {background: url(../images/box-pool-cleaning.png) no-repeat}

#red-bar {
	background-color: #ce1417;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 12px;
	text-shadow: 0 1px 5px #222;
}
#red-bar.subpage {text-align: center}
#bottom-boxes {
	margin: 20px 0;
	height: 294px;
}
#bottom-boxes li {
	float: left;
	width: 225px;
	height: 254px;
	margin-left: 10px;
}
#bottom-boxes li a {
	display: block;
	width: 225px;
	height: 201px;
	text-indent: -9999px;
}
#bottom-boxes li a:hover {
	position: relative;
	top: -3px;
}
#box-01 {background: url(../images/bottom-box-01.jpg) no-repeat;}
#box-02 {background: url(../images/bottom-box-02.jpg) no-repeat;}
#box-03 {background: url(../images/bottom-box-03.jpg) no-repeat;}

#box-01-ref {width: 225px; height: 53px; background: url(../images/bottom-box-01.jpg) 0 -201px no-repeat;}
#box-02-ref {width: 225px; height: 53px; background: url(../images/bottom-box-02.jpg) 0 -201px no-repeat;}
#box-03-ref {width: 225px; height: 53px; background: url(../images/bottom-box-03.jpg) 0 -201px no-repeat;}

#quick-contact {
	display: block;
	text-align: center;
	width: 225px;
	height: 254px;
	overflow: hidden;
	background: url(../images/quick-contact.png) no-repeat;
	margin-top: -54px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-box-shadow: 0 0 10px #222;
	-moz-box-shadow: 0 0 10px #222;
	box-shadow: 0 0 10px #222;
}
#quick-contact.subpage {
	float: right;
	margin-top: 0px;
}
#quick-contact-ref {width: 225px; height: 54px;	background: url(../images/quick-contact.png) 0 -254px no-repeat;}
#quick-contact-ref.subpage {
	float: right;
}

#quick-contact h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	color: #fff;
	text-transform: uppercase;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 19px;
	font-weight: normal;
}
#quick-contact .text input,
#quick-contact textarea {
	padding: 5px 8px;
	width: 192px;
	border: 1px solid #cccccc;
	margin-bottom: 6px;
	color: #64604d;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	
	-moz-box-shadow: inset 0 0 3px #ccc;
	-webkit-box-shadow: inset 0 0 3px #ccc;
	box-shadow: inner 0 0 3px #ccc;
}
#quick-contact .submit input {
	border: none;
	background: url(../images/submit.png) no-repeat;
	width: 122px;
	height: 29px;
	cursor: pointer;
}

#sub-main {
	width: 950px;
	float: none;
	overflow: hidden;
	margin-top: 4px;
}
#content {
	float: left;
	width: 670px;
	background-color: #fbfafb;
	padding: 15px;
}
#sidebar {
	float: right;
	width: 225px;
	padding: 12px;
}
#left-banner-boxes {
	width: 225px;
	height: 254px;
	float: right;
	margin: -10px 0 0 0;
}
#left-banner-boxes a {
	display: block;
	width: 225px;
	height: 201px;
	text-indent: -9999px;
}

#title-pool-supplies {
	text-indent: -9999px;
	width: 224px;
	height: 58px;
	display: block;
	background: url(../images/title-pool-supplies.gif) no-repeat;
}
#title-pool-repair {
	text-indent: -9999px;
	width: 224px;
	height: 58px;
	display: block;
	background: url(../images/title-pool-repair.gif) no-repeat;
}
#title-pool-cleaning {
	text-indent: -9999px;
	width: 230px;
	height: 58px;
	display: block;
	background: url(../images/title-pool-cleaning.gif) no-repeat;
}
#title-pool-renovations {
	text-indent: -9999px;
	width: 274px;
	height: 58px;
	display: block;
	background: url(../images/title-pool-renovations.gif) no-repeat;
}
#content p {
	color: #5d5d5e;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 0 10px;
}
#content h3 {
	color: #242659;
	font-size: 13px;
	padding-bottom: 10px;
}
.red {
	color: #ce151a;
}

#tabs {
	float: left;
	width: 195px;
	padding-right: 25px;
}
#tabs h2 {
	color: #ce151a;;
	font-size: 18px;
	line-height: 22px;
}
#tabs h6 {
	color: #262d61;
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 6px;
}
#tabs a {
	display: block;
	width: 181px;
	font-size: 13px;
	text-decoration: none;
	color: #242659;
	padding: 7px;
	background-color: #fff;
	margin-bottom: 2px;
	
	-webkit-box-shadow: 0 0 7px #ddd;
	-moz-box-shadow: 0 0 7px #ddd;
	box-shadow: 0 0 7px #ddd;
}
#tabs a small {font-size: 9px;}
#tabs li.active a,
#tabs li:hover a {
	background: #ce151a url(../images/arrow.gif) right center no-repeat;
	color: #fff;
}
#description {
	float: left; width: 445px;
}
#description ul {
	margin-top: 10px;
	float: left;
}
#description ul li {
	width: 122px;
	padding: 4px 13px;
	background: url(../images/dot.gif) left 8px no-repeat;
	font-size: 12px;
	color: #5d5d5e;
}
#description ul li small {font-size: 10px;}
.tab-image {
	width: 434px;
	height: 187px;
	background-color: #fff;
	display: block;
	border: 3px solid #fff;
	margin-bottom: 10px;
	
	-webkit-box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#i01 {background: url(../images/supplies/tab-img01.jpg) no-repeat}
#i02 {background: url(../images/supplies/tab-img02.jpg) no-repeat}
#i03 {background: url(../images/supplies/tab-img03.jpg) no-repeat}
#i04 {background: url(../images/supplies/tab-img04.jpg) no-repeat}
#i05 {background: url(../images/supplies/tab-img05.jpg) no-repeat}
#i06 {background: url(../images/supplies/tab-img06.jpg) no-repeat}
#i07 {background: url(../images/supplies/tab-img07.jpg) no-repeat}
#i08 {background: url(../images/supplies/tab-img08.jpg) no-repeat}
#i09 {background: url(../images/supplies/tab-img09.jpg) no-repeat}
#i10 {background: url(../images/supplies/tab-img10.jpg) no-repeat}
#i11 {background: url(../images/supplies/tab-img11.jpg) no-repeat}

#j01 {background: url(../images/repair/tab-img01.jpg) no-repeat}
#j02 {
	background: url(../images/repair/tab-img01_r2.jpg) no-repeat
}

#cleaning-list li {
	padding: 4px 13px;
	margin-left: 10px;
	background: url(../images/dot.gif) left 8px no-repeat;
	font-size: 13px;
	color: #5d5d5e;
}

iframe {
	float: left;
	margin-right: 15px;
	border: 3px solid #fff;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}
.thank-you h1 {
	padding-top: 9%;
	text-align: center;
	color: #ce151a;
	font-size: 54px;
	text-shadow: 0 1px 1px #fff, 0 0 50px #fff, 0 0 50px #fff;
}
.thank-you h3 {
	padding-bottom: 10% !important;
	text-align: center;
	color: #242659;
	font-size: 19px;
	text-shadow: 0 1px 1px #fff, 0 0 50px #fff, 0 0 50px #fff;
}

#footer {
	float: none;
	margin: 0 auto;
	width: 954px;
	height: 45px;
	background: url(../images/bottom-bg.png) no-repeat;
	text-align: center;
	padding-top: 10px;
}
#footer a {
	padding: 0px 10px;
	color: #fff;
	text-decoration: none;
}
#footer a:hover {text-decoration: underline;}
#footer img {
	position: relative;
	top: 3px;
}