/*
Author:   volan studio, llc - Lucas Smith
Project:  Florida Aquastore
Version:  2009.06
*/
html, body{height:100%;}

body{font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; color:#333; text-align:center;}

#wrapper{min-height:100%; height:auto !important; height:100%; margin:0 auto -100px; background:url(../_img/home/bg_body.jpg) repeat-y center;}	
#wrapperSub{min-height:100%; height:auto !important; height:100%; margin:0 auto -100px; background:url(../_img/sub/bg_body.jpg) no-repeat top center;}
#wrapperLoc{min-height:100%; height:auto !important; height:100%; margin:0 auto -100px; background:url(../_img/sub/bg_loc.jpg) no-repeat top center;}	

.wrap{margin:0 auto; width:960px; text-align:left;}

a{color:#476fb3;}
a:hover{color:#dee489;}

h1{font-size:4.4em;}
h2{font-size:3em; font-weight:normal;}	
h3{font-size:2.7em;}
h4{font-size:1.5em; font-weight:normal;}
h5{font-weight:normal;}
strong{font-weight:bold;}

p{font-size:1.3em; padding:.3em 0;}
blockquote{font-size:1.3em; padding:.5em 0;}

ul{list-style:none; font-size:1.3em; padding:4px 0 10px 0px;}
li{background:url(../_img/_global/bullet_wave.png) no-repeat top left; padding:2px 0 2px 24px; margin:2px 0;}

/*---------------------------------------------------------------------------------------------------------TOP ---*/
#top{position:absolute; top:0; left:50%; margin-left:-50%; width:100%;
	background:url(../_img/_global/bg_header.png) no-repeat top center; height:80px; padding:0 0 0 0; z-index:1000;}

#menu{margin:0 auto; width:960px;}
#menu ul{margin:0; padding:5px; list-style:none;}	
#menu li{float:left; padding:0 9px; font-size:1.1em; min-height:1px; background:none;}
#menu li h4{padding-bottom:0; font-size:1.3em;}	
#menu li h4 a{display:block; padding:5px 11px 0; color:#FFF;}
#menu li h4 a:hover{color:#dee489;}
#menu .selected a{color:#dee489;}
#menu .selected a:hover{color:#476fb3;}
#top .language{margin:0 auto; width:960px; text-align:left;}
#top .language img{margin:-5px 0 0 12px;}

/*------------------------------------------------------------------------------------------------------HEADER ---*/
#header{position:absolute; top:0px; left:50%; margin-left:-50%; width:100%; padding-top:85px;
	background:url(../_img/_global/bg_headlines.png) no-repeat bottom center; height:220px; z-index:900;}

#header .headlines{float:left; display:inline; width:600px; margin:0 7px;}
#header .logo{float:left; display:inline; width:340px; text-align:right;}

#header .wrap .headlines h1, #header .wrap .headlines h2{width:600px; padding:.5em 0 0; color:#76a0bc;}
#header .wrap .headlines h2{text-align:right; padding:0 0 .5em 0; color:#085caa;}

#headerSub{position:absolute; top:0px; left:50%; margin-left:-50%; width:100%; padding-top:100px;
	background:url(../_img/sub/bg_headlines.png) no-repeat bottom center; height:175px; z-index:900;}

#headerSub .headlines{float:left; display:inline; width:600px; margin:0 7px;}
#headerSub .logo{float:left; display:inline; margin:0 0 0 20px; width:340px;}

/*--------------------------------------------------------------------------------------------------HIGHLIGHTS ---*/
#highlights{width:960px; margin:0 auto 0; padding:240px 0 0 0;}

#highlights .background{position:relative;}

#highlights .content{float:left; display:inline; width:440px; padding:0; margin:-20px 0 0 20px;}
#highlights .content p{padding:10px 20px; color:#FFF;}
#highlights .left{margin:0 0 0 33px;}

#highlights .liquid{position:relative; top:-70px;
	background:url(../_img/home/content_BG_left.png) no-repeat top center; padding:0;}
#highlights .liquid h3{color:#77cfe7; padding:50px 20px 0;}

#highlights .wastewater{position:relative; top:-370px; padding:30px 0 85px 0;
	background:url(../_img/home/content_BG_right.png) no-repeat bottom center;}
#highlights .wastewater h3{color:#cfdd30; padding:0 20px 0;}
#highlights .back{position:relative; top:150px;}

a.floatRight{margin-right:20px; font-size:15px; color:#cfdd30;}

/*--------------------------------------------------------------------------------------------------------MAIN ---*/
.main{width:920px; margin:0 auto 0; padding:80px 0 0 0; color:#124678;}
#wrapperSub .main .left{float:left; display:inline; width:550px; text-align:left; padding:182px 0;}
#wrapperSub .main .left h1{font-size:3.6em; text-align:right; color:#00b2c7; padding:0;}
#wrapperSub .main .left .wastewater{color:#cfdd2f;}
#wrapperSub .main .left h2{font-size:2.1em; text-align:right; color:#085caa; padding:.1em 0 .6em 0; line-height:1.1em;}
#wrapperSub .main .left h4{font-size:1.8em; font-weight:bold; padding:.7em 0 0 0; color:#00b2c7;}
#wrapperSub .main .left h5{font-size:2.1em; font-weight:bold;}
#wrapperSub .main .left h6{font-size:1.7em; width:550px; text-align:right;}
#wrapperSub .main .left h6 a{color:#00b1c6;}
#wrapperSub .main .left img{margin:0 2em 1em 0;}
#wrapperSub .main .left p a{text-decoration:underline;}

#wrapperSub .main .left .archive{float:left; display:inline; width:255px; padding:0 20px 30px 0;}
#wrapperSub .main .left .archive h6{width:255px; padding:12px 0 6px 0;}
#wrapperSub .main .left .archive .theImage{width:255px; height:150px;}
#wrapperSub .main .left .thumbs{float:left; display:inline; width:550px;}
#wrapperSub .main .left .thumbs a{float:left; display:inline; margin:0 15px 0 0; padding:0;}
#wrapperSub .main .left .thumbs a .fb{float:left; display:inline; margin:0; padding:0;}
#wrapperSub .main .left .thumbs img{margin:0; padding:0;}

ul#tableA{float:left; display:inline; width:170px; color:#00b1c6; font-weight:bold;}
ul#tableA li{background:none; text-align:right;}
ul#tableA .gap{margin:0 0 24px 0;}
ul#tableB{float:left; display:inline; width:380px; margin:0; color:#065ba9;}
ul#tableB li{background:none;}

ul#downloads{}
ul#downloads li{background:url(../_img/sub/pdf.png) no-repeat left; font-size:1.4em; margin:.4em 0 0 0;}

#wrapperSub .main .right{float:left; display:inline; width:300px; text-align:left; padding:70px 0 120px 55px;}
#wrapperSub .main .right h2{margin:0 0 0 3px; padding:0; color:#00b1c6;}
#wrapperSub .main .right h6{font-size:1.8em; width:313px; text-align:right; padding:.3em 0 0 0; color:#00b1c6;}
#wrapperSub .main .right h6 strong{font-size:1.5em; padding:.3em 0 .2em 0;}
#wrapperSub .main .right blockquote{margin:0 0 0 20px; font-size:1em;}

#project{margin:0; padding:0;}
#project img{display:block; background:url(../_img/sub/right_imageBG.png) no-repeat; padding:3px 5px 5px 3px;}
#letter{position:relative; top:-15px;}
	
#project h5{position:absolute; font-size:2.1em; font-weight:normal; text-align:right; padding:15px 10px 10px 0;
	background:url(../_img/sub/right_imageOverlay.png) no-repeat; top:272px; left:3px; width:303px; color:#739ebc; z-index:100;}
	
#project h6{position:relative; font-size:1.2em; font-weight:normal; text-align:right; padding:0 10px 0 0; margin:0;
	background:url(../_img/sub/right_imageOverlay.png) bottom; top:-75px; left:3px; width:313px; height:1.4em; color:#739ebc;}
#project h6 a{padding:0 10px 0 0; margin:0; width:313px;}

h5#title{position:relative; font-size:1.8em; font-weight:normal; text-align:right; padding:15px 10px 10px 0; margin:0 0 0 3px;
	background:url(../_img/sub/right_imageOverlay.png) no-repeat; top:-50px; width:303px; color:#739ebc; z-index:100;}

ul#subNav{position:relative; margin:0 0 0 3px; top:15px;}
ul#subNav li{margin:0; padding:0 0 0 20px; margin:5px 0 0 0; background-image:url(../_img/sub/plus.jpg);}
ul#subNav li .selected{background-image:url(../_img/sub/minus.jpg);}
ul#subNav li a{list-style:none; font-size:1.5em; color:#00b1c6; text-decoration:underline;}
ul#subNav li a small{font-size:.75em; text-decoration:none;}
ul#subNav li ul{margin:0 0 0 15px; font-size:1em;}
ul#subNav li ul li{margin:0; padding:1px 0; background-image:none;}
ul#subNav li ul li a{list-style:none; font-size:1.1em; color:#065ba9; text-decoration:none;}
ul#subNav li ul .selected li a{color:#00b1c6;}

ul#locations li{list-style:none; background-image:url(../_img/sub/plus.jpg); font-size:9px; margin:5px 0 5px 0; padding:0 0 0 20px;}
ul#locations li a{font-size:21px; font-weight:bold; color:#065ba9;}
ul#locations li a:hover{color:#00b1c6;}
ul#locations li ul li a{font-size:13px;}
ul#locations li ul{padding:0 0 20px 0; text-align:right;}
ul#locations li ul li{padding:0 0 20px 0; background-image:none; border-bottom:1px #eee solid;}
ul#locations li ul li.last{padding:0 0 40px 0; background-image:none; border-bottom:none;}
ul#locations li p{font-size:13px; margin:0; padding:0;}

#wrapperSub .main .right .locations{position:relative; margin:0 0 0 3px; top:-15px;}

#thumbs{float:left; display:inline; padding:0 0 30px; margin:0; border-bottom:1px #eee solid;}
#thumbs h3{font-size:23px; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px #eee solid;}
#thumbs a{float:left; display:inline; margin:0 20px 15px 0; padding:5px; background-color:#00b1c6; opacity:0.9; filter:alpha(opacity=90)}
#thumbs a:hover{float:left; display:inline; background-color:#065ba9; opacity:1; filter:alpha(opacity=100)}
#thumbs a img{width:120px; height:auto;}
#thumbs a img{width:auto; height:66px;}

.rightP ul#subNav{float:left; display:inline; width:300px; top:20px;}
.rightP ul#subNav li{margin:0; padding:0 0 0 20px; margin:5px 0 0 0; background-image:url(../_img/sub/plus.jpg);}
.rightP ul#subNav li .selected{background-image:url(../_img/sub/minus.jpg);}
.rightP ul#subNav li a{list-style:none; font-size:1.5em; color:#00b1c6; text-decoration:underline;}
.rightP ul#subNav li ul{margin:0 0 0 15px; font-size:1em;}
.rightP ul#subNav li ul li{margin:0; padding:1px 0; background-image:none;}
.rightP ul#subNav li ul li a{list-style:none; font-size:1.1em; color:#065ba9; text-decoration:none;}
.rightP ul#subNav li ul .selected li a{color:#00b1c6;}

#wrapperSub .main .rightP{float:left; display:inline; width:300px; text-align:left; padding:120px 0 120px 55px; z-index:950;}
#wrapperSub .main .rightP h2{margin:0 0 0 3px; padding:0; color:#00b1c6;}
#wrapperSub .main .rightP h6{font-size:1.8em; width:313px; text-align:right; padding:.3em 0 0 0; color:#00b1c6;}
#wrapperSub .main .rightP h6 strong{font-size:1.5em; padding:.3em 0 .2em 0;}
#wrapperSub .main .rightP blockquote{margin:0 0 0 20px; font-size:1em;}

/*-------------------------------------------------------------------------------------------------------FORMS ---*/
form{float:left; display:inline; padding:13px 0 0 0; width:550px;}
legend{display:none;}
label{float:left; display:inline; width:230px; margin:6px 0; font-size:1.4em;}
input, select, textarea{float:left; display:inline; width:280px; padding:4px 10px 0; margin:4px 0; color:#999;}
input, textarea{height:20px; font-size:1.3em; background:#fdfdfd; border:1px #ccc solid;}
input:hover, input:focus, textarea:hover, textarea:focus{background:#fff; color:#333;}
select{height:26px; font-size:1.3em; padding:2px 0 4px 10px; width:225px; margin:5px 0 5px -1px; color:#333;}
textarea{height:120px;font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;}
#submit, #reset{float:left; display:inline; margin:15px 0 0 15px; width:111px; height:25px; 
	font-size:1.4em; color:#124678; background:#dee38a; padding:0 15px 3px; border:1px #f0f0f0 solid; font-weight:bold;}
#submit{margin-left:65px;}

/*------------------------------------------------------------------------------------------------------FOOTER ---*/
#footer, .push {height:70px;}
#footer{background:url(../_img/_global/bg_footer.png) no-repeat top center; padding-top:30px;}
#footer .block{margin:0 auto 30px; width:960px; text-align:left; color:#fff;}
#footer .block p{float:left; display:inline; padding:20px 28px 0;}
#footer .block a{color:#eee;}

/* P.I.E. FLOAT CLEARING ---------------------------- */
.clearfix:after{content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{display:inline-block;}
.clearfix{display:block;}	
iframe{margin:10px 0; padding-left:5px; border:1px solid #ccc;}


#wrapperSub .main .left h1.LiquidStorage{color:#75d0ed;}
#wrapperSub .main .left h1.WastewaterTreatment{color:#cee01a;}

#wrapperSub .main .left img.alignright{float:right; display:inline; margin:4px 0 8px 16px;}
#wrapperSub .main .left img.alignleft{float:left; display:inline; margin:4px 16px 8px 0;}

li.all{font-size:1.1em; padding:.2em 0; font-weight:bold;}
li.all a{color:#333;}
li.all a:visited;{color:#333;}