/* 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 {
}


/* Main */
#main {
	width:990px;
	height:475px;
}

#clientes{
width:232px;
float:left;
}

#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;
padding-left:232px;
}
#main h1 {
font-family:"Georgia", Times New Roman, Times, serif;
font-size: 24px;
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;
}

/* inline gallery  */
.igallery, .islideshow {
margin-bottom: 0;
}


#rising-pool-decks #canvas .sidebar .igallerywrap, #rising-pool-decks #canvas .sidebar .islideshowwrap {
	padding:0;
	display: inline;
	float: right;
	clear: right;
}


.igallery li, .islideshow li {
margin: 0;
padding: 0;
list-style-type: none;
}
.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;
}
