/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a, a:link, a:visited, a:active, a:hover {outline: none;}
small { font-size:0.8em; }

/* Main Styles */

body {
font-family: arial, sans-serif;
background: url(images/bg.jpg) top left repeat-x #0B99BF;
color: #DEFFF2;
border-top: 6px solid #46667F;
}
h1, h2, h3, h4, h5, h5 {
color: #616054;
font-family: arial, sans-serif;
font-weight: normal;
}
p {
font-size:14px;
line-height:1.4;
}
p strong {
font-weight:bold;
color:#DEFFF2;
font-size:14px;
}

/* Header */

#header {
color: #a8a8a8;
padding-bottom: 0;
margin-top:10px;
}
#header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
color: #222222;
}
#header a:link, #header a:visited {
color: #6DD7E4;
}
#header a:hover {
color: #70C4E6;
}
#header .inner {
border-bottom: 1px solid #6DD7E4;
padding-bottom: 10px;
position: relative;
}
.inner {
width: 940px;
overflow: hidden;
margin: 0 auto;
text-align: left;
}
#header, #footer {
padding: 20px;
}

/* Logo */

h1#logo a {
background-image: url(images/logo.png);
background-repeat: no-repeat;
width: 337px;
height: 126px;
text-indent: -10000px;
float: left;
margin: 0;
}

/* Navigation */

#global-nav, #utility-nav {
float: right;
margin-bottom: 0;
margin-right: 48px;
font-family:"Georgia", Times New Roman, Times, serif;
font-size:17px;
font-weight:normal;
}
ul#global-nav {
margin-left: 20px;
line-height: 115px;
padding-bottom:20px;
}
ul#global-nav li {
margin-left:4px;
line-height:1.5em;
}
ul#global-nav li.current_page a:link, ul#global-nav li.current_page a:visited {
color: #fff;
text-decoration: none;
}
ul#global-nav li.current_page {
font-weight: normal;
}
ul#global-nav li.current_page a {
}
ul#global-nav a:link, ul#global-nav a:visited {
text-decoration: none;
}
ul#global-nav a:hover {
text-decoration: none;
}
/* Main */
#main {
color: #DEFFF2;
padding: 0 20px;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
color: #6DD7E4;
}
#main a:link, #main a:visited {
color: #98a1a3;
}
#main a:hover {
color: #d0d7d9;
}
#main div.big-picture .nav a:hover {
color: #15181a;
background-color: #98a1a3;
}
#main .content {
float: left;
}
#main h1 {
font-family:"Georgia", Times New Roman, Times, serif;
font-size: 24px;
padding-bottom:10px;
color:#6DD7E4;
font-weight:normal;
}
#canvas h2 {
color:#6DD7E4;
font-family:"Georgia", Times New Roman, Times, serif;
font-size: 20px;
padding-bottom:10px;
font-weight:normal;
}

#home #main h1 {
background-image: url(images/title_welcome.png);
background-repeat: no-repeat;
width: 143px;
height: 27px;
text-indent: -10000px;
padding: 0 0 16px;
}
#rising-pool-decks #main h1 {
background-image: url(images/title_risingpooldecks.png);
background-repeat: no-repeat;
width: 283px;
height: 33px;
text-indent: -10000px;
padding: 0 0 9px;
}
#hydrotherapy-pools #main h1 {
background-image: url(images/title_hydrotherapypools.png);
background-repeat: no-repeat;
width: 264px;
height: 40px;
text-indent: -10000px;
padding: 0 0 2px;
}
#products #main h1 {
background-image: url(images/title_products.png);
background-repeat: no-repeat;
width: 121px;
height: 25px;
text-indent: -10000px;
padding: 0 0 16px;
}
#gallery #main h1 {
background-image: url(images/title_gallery.png);
background-repeat: no-repeat;
width: 235px;
height: 32px;
text-indent: -10000px;
padding: 0 0 10px;
}
#contactus #main h1 {
background-image: url(images/title_contactus.png);
background-repeat: no-repeat;
width: 162px;
height: 23px;
text-indent: -10000px;
padding: 0 0 19px;
}
#mapContainer { border:1px solid #c8c8c8; width:298px; height:360px; margin:0; }
#main .sidebar {
float: right;
}
.sidebar_text {
/*padding: 0 10px;*/
}
#main .date, #main .date-published, #main .note, #main blockquote {
color: #cccccc;
}
#main .years .total {
color: #cccccc;
}
#main li.selected>a:link, #main li.selected>a:visited {
color: #535E66; 
}
#main .commentlist li {
border-bottom: 1px solid #343B40;
}
/* Canvas */

#canvas {
padding-top: 10px;
padding-bottom: 20px;
}
#canvas .content {
width: 622px;
float: left;
}
#canvas .content img {
margin-bottom:10px;
}
#canvas .sidebar {
width: 294px;
float: right;
}
#canvas .sidebar_text h3 {
margin-bottom: 5px;
}
#canvas ul.archive h3 {
margin-bottom: 0;
}
#canvas a:link, #canvas a:visited {
color: #fff;
}
#canvas a:hover {
color: #abd3ea;
}
#canvas .sidebar p {
margin:0 0 20px;
}
#canvas .sidebar #feature { background:#0CAAD1; padding:10px; margin-bottom:20px; -moz-border-radius: 8px;
-khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#canvas .sidebar ul { font-family: arial, sans-serif; font-size:14px; margin: 0 0 0 9px; list-style-type: square; line-height:1.4em;}
#canvas .sidebar ol { font-family: arial, sans-serif; font-size:14px; margin: 0 0 24px 9px; line-height:1.4em;}
#canvas .sidebar ul li {margin: 0 24px 0 14px;}
#canvas .sidebar ol li {margin: 0 24px 0 14px;}

img.alignright {
	margin: 0 0 10px 20px;
	display: inline;
	float: right;
	clear: right;
/*	border:1px solid #c8c8c8; */
 	padding:5px; 
	background:#0CAAD1;
}

img.no-border {
	background:none;
	padding:0;
}

img.alignleft {
	margin: 0 20px 10px 0;
	display: inline;
	float: left;
	clear: left;
/*	border:1px solid #c8c8c8; */
	padding:5px;
	background:#0CAAD1;
}

.columns {
width: 100%;
overflow: hidden;
}
/* Footer */
#footer_content p {
font-size:11px;
}
#footer {
background: url(images/footer_bg.jpg) bottom left repeat-x #46667F;
color: #6DD7E4;
}
#footer_content p, #footer_content ul, #footer_content ol {
margin-bottom: 10px;
}
#footer .footer_text {
width: 660px;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
color: #fff;
}
#footer a:link, #footer a:visited {
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #fff;
text-decoration: underline;
}
#footer .inner {
padding-top: 5px;
}
#footer_extra, #footer_extra .commentlist, #footer_extra .commentlist li {
border-bottom-color: #0B99BF;
width: 100%;
overflow: hidden;
border-bottom: 1px solid;
padding-bottom: 10px;
margin-bottom: 20px;
}
#footer_extra hr, #footer_extra div.hr { 
border-bottom-color: #0B99BF;
}
#credits {
text-align: right;
float: right;
clear: right;
width:200px;
}
/* inline gallery  */
.igallery, .islideshow {
margin-bottom: 0;
}


#rising-pool-decks #canvas .sidebar .igallerywrap, #rising-pool-decks #canvas .sidebar .islideshowwrap {
	margin: 0 0 10px 20px;
	padding:0;
	display: inline;
	float: right;
	clear: right;
}


.igallery li, .islideshow li {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 20px;
}
.igallery img, .islideshow img, .bigimage img {
display: block;
}
.igallerywrap, .islideshowwrap, .bigimage {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
#canvas .igallerywrap a, #canvas .islideshowwrap a, #canvas .bigimage a {
color: #333 !important;
}
#canvas .igallerywrap a:hover, #canvas .islideshowwrap a:hover, 
#canvas .bigimae a:hover {
color: #999;
}
.igallerywrap .igallery, .igallerywrap .igallery li,
.islideshowwrap .islideshow, .islideshowwrap .islideshow li {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.igallerywrap .igallery li {
float: left;
margin-bottom: 0;
position: relative;
}
.igallerywrap .nav, .bigimage .nav {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
padding: 5px 10px;
color: #000;
background-color: #eee;
opacity: 0.7;
height: 18px;
font-variant: small-caps;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: expression(parentNode.clientWidth-40); /* ie fix */
}
.mouseout .nav {
display: none;
}
.mouseover .nav {
display: block;
}
.igallerywrap .prev, .bigimage .prev {
position: absolute;
right: 50px;
top: 5px;
}
.igallerywrap .prev {
display: none;
}
.igallerywrap .next, .bigimage .next {
margin-left: 10px;
position: absolute;
right: 10px;
top: 5px;
}
.igallerywrap .total {
position: absolute;
right: 10px;
bottom: 10px;
color: #333;
background-color: #eee;
opacity: 0.7;
padding: 5px 10px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.islideshowwrap .islideshow li {
position: absolute;
left: 0;
top: 0;
display: none;
}
.islideshowwrap .playpause {
position: absolute;
font-variant: small-caps;
padding: 5px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 3;
width: 60px;
background-color: #eee;
opacity: 0.7;
text-align: center;
font-size:14px;
text-decoration: none;
}
.mouseout .playpause {
display: none;
}
.mouseover .playpause {
display: block;
}

/* Quotes Styling */

blockquote {
	font-family: Georgia, Times, serif;
	width: 220px; /* required */
	margin: 0 auto;
	}	
blockquote p { margin-bottom: 10px; font-style: italic; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }
#quote_wrap { 
	background: #1B1F21 url(images/quote_mark.gif) no-repeat 20px 20px;
	margin: 40px 0; padding: 20px; border: 1px solid #222222;
	}


/* New Slider CSS */

		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
				
		a:focus { outline:none }
		
		
		.slider-wrap h3 { text-align:left; color:#6DD7E4; font-family:"Georgia", Times New Roman, Times, serif; font-size: 20px; font-weight:normal; line-height: 18px; margin-bottom: 18px; }
		.slider-wrap h3 span { font-size:0.7em; color:#DEFFF2; margin-left:10px; font-style:italic; }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
			border-top: 1px solid #6DD7E4;
			padding:8px 0 0 0;
		}
		
		.slider-wrap h2 span.aqua_blue {
			width: 104px;
			height: 20px;
			background: url(images/tiny_logo.png) no-repeat;
			text-indent: -9999px;
			margin: 12px 25px 0 5px;
		}
		.slider-wrap h2 span{
			float: left;
			font-size: 16px;
			margin-top:12px;
			color:#6DD7E4;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 200px; background: #0B8DAE; overflow: scroll}
		.csw .loading {margin-top: 70px; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 940px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 200px;
			clear: both;
			background: #0B8DAE;
			padding: 0;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 940px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 20px 18px 0 0;
			width:592px;
			float:right;
		}
		.wrapper p {
		font-size:13px; padding-bottom:10px;
		}
		.stripViewer .panelContainer .panel img {
		float: left;
		width: 300px;
		height: 200px;
		border-right: 1px solid #0B99BF;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0 0 20px 0;
			width: 400px;
			float: left;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;
			text-align: center;
			width:22px;
			height:22px;
			border: 1px solid #48B1DF;
			text-decoration: none;
			display: block;
			margin: 0 8px 0 0;
			line-height: 22px;
			color:#fff !important;
			background: #0CAAD1;
		}
		
		.stripNav li a:hover {
			border: 1px solid #DEFFF2;
			background: #0CAAD1;
			color:#DEFFF2 !important;
		}
		
		.stripNav li a.current {
			border: 1px solid #fff !important;
			color: #0B8DAE !important;
			background: #ffffff;
		}		
		
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 18px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 22px;
			width: 22px;
		}
		
		.stripNavL {
			left: 888px;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
		/* Flickr Gallery Page */

#flickr { text-align: left; }
#flickr img {  	padding:5px; background:#0CAAD1; margin: 20px; left; }
#flickr img:hover { background-color: #0B8DAE; }