
html { background: #FFFFFF url("/images/bg.png") repeat-x top left; }

body { background: url("/images/bg2.png") repeat-x top center; padding: 0px; margin: 0px; }

img { border:none; }
h3 { font-size:18px; }

.logo { margin: 0px 0px 10px 3px; float: left; width: 197px; height: 115px; }

.topLinks { padding: 2px 20px 8px; float: right; height: 35px; width: 780px; line-height:35px; text-align: right; color: #5287C3; }
	.topLinks a { color: #5287C3; text-decoration: none; }
	.topLinks a:hover { text-decoration: underline; }
.topLinks .social { float:left; margin-left:14px; }	

.nav { margin-left: 20px; float: right; height: 45px; width: 800px; background: url("/images/nav.png") no-repeat top center; }
		.nav ul { list-style:none; padding:0; margin:0; background: #0F0 !important; }
		.nav ul li { float:left; }
		.nav ul li a { display:block; height:45px; line-height:45px; text-align:center; font-size:14px; font-weight:bold; color:#39727D; text-decoration:none; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; padding: 1px 0px; margin: 0px 0px;}
		.nav ul li a:hover { background: url("/images/overlay.png") repeat-x top left; }

.wrapper { margin: 0 auto; width: 1022px; padding-top: 15px; }

.default .header { margin: 0px 3px; background: url("/images/topHeader.png") no-repeat top center; width: 1016px; height: 90px; }
.subPage .header { margin: 0px 3px; background: url("/images/subPageHeader.png") no-repeat top center; width: 1016px; height: 151px; }

.topContentWrapper { background: url("/images/mainContentArea.png") repeat-y top center; height: 363px; }

.slideshow { float: right; background: url("/images/slideshowOverlay.png") no-repeat top right; background-position: 0px 0px; width: 547px; height: 363px; margin-right: 0px; }
.slideshowPad { float: right; width: 13px; height: 364px; background: url("/images/slideshowOverlay.png") no-repeat top right; }

.leftOverlay { margin-left: 3px; background: url("/images/winter-sale.jpg") no-repeat 10px 0px; float: left; width: 459px; height: 185px; }

.content { margin: 0px 3px; padding: 0px 10px; background: url("/images/mainContentArea.png") repeat-y top center; width: 996px; min-height: 300px; }
	.content .divider { background: #39727D; height: 15px; }
	
.testimonialSlides { font-size:12px; color:#fff; }
.testimonialSlides p { margin:0 0 5px; padding:0 10px }
.smlPicBox h3 { color:#fff; text-align:center; margin:5px 0; padding:0; }
	
.subPage .content .text { float: right; width: 550px; }
.subPage .content .galleryLinks { float: left; width: 370px; margin: 0px 30px; }
	
.subContent { padding: 15px; }
.subContent .testimonial { font-size:11px; color:#fff; padding:3px; margin:0; }

.picBox { background: #3D7681; width: 362px; height: 294px; margin-bottom: 10px; padding: 4px; }
	.picBox img { width: 363px; height: 242px; }
	.picBox .cam { float: left; background: url("/images/content/camera.png") no-repeat top center; width: 58px; height: 47px; }
	
.smlPicBox { background: #3D7681; width: 362px; height: 294px; margin-bottom: 10px; padding: 4px; }
	.smlPicBox a { display: block; padding: 260px 0px 0px 0px; text-align: center; color: #FFF; text-decoration: none; }
/*
.subPage .picBox { float: right; }
	.subPage .picBox img { background: #3D7681; padding: 4px; width: 300px; margin: 0px 20px; }
*/

.footer { margin: 0px 3px; background: url("/images/footer.png") no-repeat top center; width: 956px; height: 148px; padding: 10px 30px; }
	.footer .sponsor { float: left; height:80px; padding:0 3px; }
	.footer .sponsor2 { float: left; height:80px; padding:0 11px; }
	
.baseInfo { width: 1000px; padding: 0px 15px 0px 15px; margin-bottom: 20px; }
	.baseInfo .left { float: left; width: 700px; }
	.baseInfo .right { float: right; width: 125px; text-align: right; }
	
/*----------------- Special Page CSS ---------------*/
/* Chemical Page */
.oddBox { margin: 0px 15px; background: #E0EDF1; padding: 1px 15px; }
	.oddBox .title { margin: 15px 0px; float: left; width: 100%; }
	.oddBox .imgBox { float: left; width: 220px; height: 220px; }
	.oddBox img { float: left; padding: 10px; width: 200px; background: #ffffff;  border: 1px solid #000000; }
	.oddBox .textBox { float: right; width: 650px; min-height: 220px; }
.evenBox { margin: 0px 15px; background: #F8F8F8; padding: 1px 15px; }
	.evenBox .title { margin: 15px 0px; float: left; width: 100%; }
	.evenBox .imgBox { float: left; width: 220px; height: 220px; }
	.evenBox img { float: left; padding: 10px; width: 200px; background: #ffffff;  border: 1px solid #000000; }
	.evenBox .textBox { float: right; width: 650px; min-height: 220px; }
	
/* Anchor Nav */
.anchorBox { margin:0; background:#39727D; padding:5px 15px; }
	.anchorBox a { color: #FFF; text-decoration: none; }
	.anchorBox a:hover { text-decoration: underline; }

/* Media Gallery */
.mediaBox { float: left; margin: 1px; width: 320px; height: 375px; }
	.mediaBox a { display:block; padding: 320px 0px 0px 0px; text-align: center; }
	.mediaBox a:hover { text-decoration: none; }

/*PAGE: Spas*/
.subContent .brand { font-weigh:bold; font-size:22px; display:block; margin:25px 0 0; }
.subContent ul.spas { margin:0 30px; padding:0; }

/*PAGE: Products*/
h2.products { font-size:28px; font-weight:normal; margin:0 0 10px 10px; color:#0857AC; } 


/*PAGE: About*/
.subContent .bios {  }
.subContent .bios .row { border-top:1px solid #ccc; clear:left; height:auto; min-height:100px; padding:15px 0; }
.subContent .bios .row h2 { color:#0857AC; margin:0 0 10px 308px; padding:0; font-weight:normal; font-size:22px; }
.subContent .bios .row img { float:left; margin-left:10px; height:250px; width:250px; padding:2px; border:1px solid #ccc; }
.subContent .bios .row p { width:auto; margin:0 0 0 310px; }

/*----------------- Util Classes ------------------*/

.clear { clear: both; }

.left { float: left; }
.right { float: right; }

a.btn-a { background:url("/images/btn-a.png") left top no-repeat; height:18px; padding:1px 20px 2px 12px; display:block; width:271px; line-height:18px; text-decoration:none; font-weight:bold; font-size:12px; color:#39727D; }
a.btn-a:hover { background-position:left -21px; text-decoration: none; }

