@charset "utf-8";
/*
standart elements
*/
body{background-color:#0f2433; margin:0; padding:0; color:white; font:11px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; height:100%}
#body-home{background:#0f2433 url(/images/bg/bg-home.jpg) top center no-repeat;}
#body-about{background:#0f2433 url(/images/bg/bg-about.jpg) top center no-repeat;}
#body-tech_info{background:#0f2433 url(/images/bg/bg-tech_info.jpg) top center no-repeat;}
#body-contact{background:#0f2433 url(/images/bg/bg-contact.jpg) top center no-repeat;}
#body-projects{background:#0f2433 url(/images/bg/bg-categories.jpg) top center no-repeat;}
#body-projects-private_pools{background:#0f2433 url(/images/bg/bg-projects-private_pools.jpg) top center no-repeat;}
#body-projects-public_pools{background:#0f2433 url(/images/bg/bg-projects-public_pools.jpg) top center no-repeat;}
#body-projects-swimming_ponds{background:#0f2433 url(/images/bg/bg-projects-swimming_ponds.jpg) top center no-repeat;}
#body-projects-planning{background:#0f2433 url(/images/bg/bg-projects-planning.jpg) top center no-repeat;}
#body-public_pool{background:#0f2433 url(/images/bg/bg-public_pool.jpg) top center no-repeat;}
#body-gray_water{background:#0f2433 url(/images/bg/bg-gray_water.jpg) top center no-repeat;}
#body-articles{background:#0f2433 url(/images/bg/bg-articles.jpg) top center no-repeat;}
a{color:#c68c00; text-decoration:none;}
a:hover{color:#bfe1ff; text-decoration:underline;}
p{margin-top:0px; margin-bottom:11px;}
h1{font-size:15px; line-height:22px; margin-top:0px; margin-bottom:6px; letter-spacing:1px;}
h2{font-size:15px; color:#bfe1ff; margin-top:0px; margin-bottom:6px; letter-spacing:1px;}
h2 a{color:#bfe1ff; text-decoration:none;}
h2 a:hover{color:white; text-decoration:none;}
h3{font-size:13px; color:#bfe1ff; margin-top:0px; margin-bottom:6px;}
h3 a{color:#bfe1ff; text-decoration:none;}
h3 a:hover{color:white; text-decoration:none;}
blockquote{color:#c6d892; margin:0px 20px 12px 20px;}
ul{margin:0px 20px 12px 0px; padding-right:0px;}
ul li{margin:0px 0px 6px 0px;}
object{outline:none;}	/* firefox 3 bug, see: http://code.google.com/p/swfobject/wiki/faq, item 15 */
hr{display:none;}
.hr-water{height:1px; background-color:#6e92b2; margin-bottom:6px;}
/*
images
*/
img{border:0;}
.imgframe{border:1px solid #6e92b2;}
.imgframe img{display:block;}
a .imgframe{border:1px solid #6e92b2;}
a:hover .imgframe{border:1px solid #bfe1ff;}
.imgframepad{border:1px solid #44627b; padding:2px;}
.imgframepad img{display:block;}
a .imgframepad{border:1px solid #44627b; padding:2px;}
a:hover .imgframepad{border:1px solid #bfe1ff; padding:2px;}
/*
page
*/
.smalltext{font-size:11px;}
.floatleft{float:left; margin:0px 12px 12px 0px;}
.ie #container{position:relative; margin-left:auto; margin-right:auto; width: expression(document.body.clientWidth < 958 ? "960px" : document.body.clientWidth >1202 ? "1200px" : "90%");}
#container{position:relative; margin-left:auto; margin-right:auto; width:90%; min-width:960px; max-width:1200px;}
#header{position:relative; height:100px;}
#header #logo{position:absolute; top:8px; left:0px; width:217px; text-align:left;}
#header #nav{position:absolute; right:0px; bottom:8px;}
#cont{position:relative; height:590px;}
#footer{position:relative; height:80px; font-size:11px;}
#footer-nav{position:absolute; top:10px; right:4px;}
#footer-nav span{color:#a5d4fe;}
#footer-nav a{color:white;}
#footer-nav a:hover{color:#a5d4fe;}
#footer #contact-info{position:absolute; top:10px; left:4px; text-align:left; line-height:18px; color:#dae2ea;}
#footer #contact-info a{color:white;}
#footer #contact-info a:hover{color:#a5d4fe;}
#footer #credits{position:absolute; bottom:4px; right:0px; height:32px; width:340px; text-align:right; color:#ccd9e2;}
#footer #bot-logo{position:absolute; top:0px; left:0px;}
/*
home
*/
#home{position:relative; width:962px; height:418px; margin-left:auto; margin-right:auto; background:transparent url(/images/page/home/text-bg.png) no-repeat; top:60px;}
#home-h1{width:423px; height:42px; position:absolute; top:6px; left:6px; }
#home-text{width:382px; height:386px; position:absolute; top:54px; left:20px; }
#home-slideshow{width:513px; height:384px; border:1px solid #4f646b; position:absolute; top:16px; right:16px;}
#home-quote{position:relative; width:420px; top:66px; margin-left:auto; margin-right:auto;}
/*
tech info
*/
#tech-info #ti-nav-cont{background:url(/images/page/tech_info/nav-bg.png); width:188px; height:126px; position:absolute; top:125px; left:765px;}
#tech-info #ti-content{background:url(/images/page/tech_info/text-bg.png); width:704px; height:426px; position:absolute; top:45px; left:35px;}
#tech-info #ti-title{margin:6px 0px 0px 13px;}
#tech-info #ti-nav{margin-left:16px;}
#tech-info #ti-cont{width:670px; height:358px; position:absolute; top:50px; left:24px;}
/*
contact page
*/
#contact-panel{position:absolute; top:250px; right:0px; line-height:20px;}
#contact-form{position:absolute; top:150px; left:100px; width:450px; margin:0px auto;}
#contact-err-msg{position:absolute; top:100px; left:120px; width:400px; border:3px dotted red; padding:5px; font-weight:bold; text-align:center;}
#contact-ok-msg{position:absolute; top:160px; left:120px; width:400px; border:3px dotted #a5d4fe; padding:5px; font-weight:bold; text-align:center;}
/*
public pool
*/
#pp-content{background:url(/images/page/text-bg-738-482.png); width:738px; height:482px; position:absolute; top:45px; left:150px;}
#pp-content h2{font-size:13px;}
#pp-content .doclist{margin-left:20px; margin-right:60px;}
#pp-content .doc{margin-bottom:6px;}
#pp-content .docicon{float:left; padding-top:4px;}
#pp-content .docinfo{margin-left:26px;}
#pp-text{margin:0px 10px 0px 14px;}
/*
projects
*/
#projects{position:relative;}
#projects .breadcrumbs{position:absolute; top:4px; left:29px; width:400px; height:20px; text-align:left; font-size:11px;}
#projects .breadcrumbs a{color:#bfe1ff; text-decoration:none;}
#projects .breadcrumbs a:hover{color:white; text-decoration:none;}
#projects .breadcrumbs-dark{position:absolute; top:4px; left:29px; width:400px; height:20px; text-align:left; font-size:11px; color:#374c5b;}
#projects .breadcrumbs-dark a{color:#5d7789;}
#projects .content{background:url(/images/page/projects/text-bg.png); width:685px; height:375px; position:absolute; top:80px; right:40px;}
#projects .content h1{margin-left:12px;}
#projects .content h2{font-size:14px; margin-bottom:2px;}
#projects .cont{width:650px; height:314px; position:absolute; top:50px; left:26px;}
#projects_cont{width:630px; height:310px; position:absolute; top:50px; right:27px; font-size:13px; font-weight:bold;}
#projects_cont #cell1{width:302px; height:150px; position:absolute; top:0; left:0;}
#projects_cont #cell2{width:302px; height:150px; position:absolute; top:0; right:0;}
#projects_cont #cell3{width:302px; height:150px; position:absolute; bottom:0; left:0;}
#projects_cont #cell4{width:302px; height:150px; position:absolute; bottom:0; right:0;}
#projects_cont a{color:white; text-decoration:none;}
#projects_cont a:hover{color:#bfe1ff; text-decoration:none;}
/*
articles
*/
#articles-content{background:url(/images/page/text-bg-738-482.png); width:738px; height:482px; position:absolute; top:45px; right:25px;}
#articles-text{margin-left:24px;}
/*
data entry
*/
form{margin:0px; padding:0px;}
.trans-text{font:11px/13px Arial, Helvetica, sans-serif; border:1px solid #8a98a2; background-color:transparent !important; background-image:url(/images/page/white40.png); color:white;}
.button{border:1px solid #8a98a2; background:transparent url(/images/page/blue80.png); font:13px Arial, Helvetica, sans-serif; color:white; font-weight:bold;}
div.row {clear:both; padding-bottom:24px;}
div.row span.label{float:left; width:100px; text-align:right; font-size:11px;}
div.row span.formw{float:right; width:340px; text-align:left;}
div.row span.formw .button{margin-top:4px;}

#text-size-sel{width:49px; height:17px; position:absolute; top:16px; right:2px;}