@charset "UTF-8";
/* CSS Document */

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse:separate;
  border-spacing:0px;
}
body *{
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
}

input,select{
  margin:0;
  padding:0;
}


body {
background-image:url(../images/bg_gradient.png);
background-repeat:repeat-x;
background-position:top left;
/*z-index:10;*/
color:#CCCCCC;
background-color:#000000;

}


.info{
font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
line-height:1.75em;
color:#FFFFFF;
letter-spacing:.07em;
}

.description{
font-family:  'Century Gothic', Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
/*line-height:1.75em;*/
line-height:1.5em;
color:#FFFFFF;
padding-top:10px;
letter-spacing:.07em;
}


h1{
font-family: 'Century Gothic', Arial, Helvetica, sans-serif;/*font-family:Helvetica, Verdana, Arial, sans-serif;
*/font-weight:lighter;
font-size:30px;
}

h3{
font-family: 'Century Gothic', Arial, Helvetica, sans-serif;/*font-family:Helvetica, Verdana, Arial, sans-serif;
*/font-weight:lighter;
letter-spacing:.05em;

}

#waves{

 position: absolute; bottom: -100px; z-index:200;

}
#container{
/*margin: 0 auto;*/
width:912px;
}

#wrap{
width:912px;
margin: 0 auto;
background-image:url(../images/shadow.png);
background-repeat:repeat-y;

}

#main{
width:898px;
margin: 0 auto;
background-color:#000000;
border:#333333 solid 1px;


}

#logo{
padding: 40px 0px 15px 5px;
}

#Topnav_shadow{
margin: 0 auto;
background-image:url(../images/shadow_top.png);
background-repeat:repeat-x;
width:904px;
height:7px;
}

#navBar_left{

width:57px;
height:25px;
float:left;
background:url(../images/navBar_left.png);
}

#navBar_middle{

width:544px;
height:25px;
float:left;

}
#navBar_right{

width:297px;
height:25px;
background-image:url(../images/navBar_right.png);
float:left;
}

.menu{
list-style:none;
height:25px;
}

.menu li{
display:inline;
}


.menu li a{
height:25px;
float:left;
text-indent:-99999px;
outline:none;
}


.menu li.item1 a{
width:136px;
background:url(../images/navBar.png) no-repeat 0px 0px; /* X and Y position at 0 */

}
.menu li.item1 a:hover{
background-position:0px -25px; /* Y position -27px for Over instance image */
}


.menu li.item1 a.current{
background-position:0px -50px; /* Y position -54px for Over instance image */
}




.menu li.item2 a {
width:136px;
background:url(../images/navBar.png) no-repeat -136px 0px; /* X and Y position at 0 */


}

.menu li.item2 a:hover{
background-position:-136px -25px;
}


.menu li.item2 a.current{
background-position:-136px -50px;
}



.menu li.item3 a {
width:136px;
background:url(../images/navBar.png) no-repeat -272px 0px; /* X and Y position at 0 */


}

.menu li.item3 a:hover{
background-position:-272px -25px;
}


.menu li.item3 a.current{
background-position:-272px -50px;
}




.menu li.item4 a {
width:136px;
background:url(../images/navBar.png) no-repeat -408px 0px; /* X and Y position at 0 */


}

.menu li.item4 a:hover{
background-position:-408px -25px;
}


.menu li.item4 a.current{
background-position:-408px -50px;
}


#flashbanner{
clear:both;
/*background:url(../images/flashbanner.png);*/
background-repeat:no-repeat;
height:332px;
text-indent:-99999px;
}

#flashbanner2{
clear:both;
background:url(../images/flashbanner2.png);
background-repeat:no-repeat;
height:332px;
text-indent:-99999px;
}



#content_left{
margin-left:40px;
padding:30px 40px 80px 50px;
width:400px;
float:left;
/*border:solid 2px;
border-top-color:#333333;
border-left-color:#333333;
border-right-color:#333333;
border-bottom:#000000;*/
background-image:url(../images/content_left_index_BG.png);
background-repeat:repeat-x;
}

#content_right{
padding:40px 40px 80px 0px;
float:right;
}

#content_left_services{
margin-left:40px;
padding:30px 40px 120px 50px;
width:400px;
float:left;
/*border:solid 2px;
border-top-color:#333333;
border-left-color:#333333;
border-right-color:#333333;
border-bottom:#000000;*/
background-image:url(../images/content_left_index_BG.png);
background-repeat:repeat-x;
}

#content_right_services{
padding:40px 60px 80px 0px;
float:right;
}
#content_left_work{
margin-left:20px;
padding:30px 40px 120px 50px;
width:250px;
float:left;
/*border:solid 2px;
border-top-color:#333333;
border-left-color:#333333;
border-right-color:#333333;
border-bottom:#000000;*/
background-image:url("../images/bg_gradient_work.jpg");
background-repeat:repeat-x;
}

#content_right_services{
padding:40px 60px 80px 0px;
float:right;
}



#content_left_contact{
margin-left:40px;
padding:30px 28px 120px 50px;
width:260px;
float:left;
/*border:solid 2px;
border-top-color:#333333;
border-left-color:#333333;
border-right-color:#333333;
border-bottom:#000000;*/
background-image:url(../images/content_left_BG.png);
background-repeat:repeat-x;
}

#content_right_contact{
padding:0px 40px 80px 0px;
float:right;
}


#content_work{
margin-left:30px;
padding:70px 0px 40px 0px;
width:840px;

/*border:solid 2px;
border-top-color:#333333;
border-left-color:#333333;
border-right-color:#333333;
border-bottom:#000000;*/
background-image:url(../images/content_left_BG.png);
background-repeat:repeat-x;
}

#portfolio{
padding-top:10px;
}


.services_list{
font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
line-height:1.75em;
color:#FFFFFF;
letter-spacing:.07em;
padding-left:20px;


}
#waterdrops_news{

background-image:url(../images/condensation_news.png);
background-repeat:no-repeat;
width:138px;
height:44px;
position:absolute;
top:810px;
right:40px;
z-index:10;
}
#waterdrops_contact{

background-image:url(../images/condensation_img.png);
background-repeat:no-repeat;
width:44px;
height:138px;
position:absolute;
top:480px;
left:850px;
z-index:1;
}
#waterdrops_work{

background-image:url(../images/condensation_img.png);
background-repeat:no-repeat;
width:44px;
height:138px;
position:absolute;
top:680px;
left:30px;
z-index:1;
}
#waterdrops{

background-image:url(../images/condensation_img.png);
background-repeat:no-repeat;
width:44px;
height:138px;
position:absolute;
top:480px;
left:47px;
z-index:1;
}

#waterdrops_services{

background-image:url(../images/condensation_services.png);
background-repeat:no-repeat;
width:156px;
height:122px;
position:absolute;
top:750px;
left:720px;
z-index:1;
}
object{
	background-color:black;
}

#waterdrops_workx{

background-image:url(../images/condensation_work.png);
background-repeat:no-repeat;
width:156px;
height:122px;
position:absolute;
top:730px;
left:10px;
z-index:1;
}

#Bottomnav{
clear:both;
padding-bottom:20px;
padding-top:50px;
padding-left:40px;
z-index:200;
	
}

.bottomnav{
	
list-style:none;
height:25px;


}

.bottomnav li {
display:inline;
padding-right:30px;

}

.bottomnav li a{
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;

}

.bottomnav li a:hover{
color:#ed1b1b;
cursor:pointer;
}

.bottomnav li a.current{
color:#ed1b1b;

}

#footer{
	padding-left:40px;
	padding-top:20px;
	padding-bottom:40px;


}
#footer a, #footer a:visited, #footer a:active {
	color:#CCCCCC;	
	
}
.footerinfo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.footerinfo li{
	list-style:none;
	display:inline;
	padding-right:40px;

}
#waves{
	z-index:-2;
	width:100%;
	height:100%;
	position:absolute;
	background-color:transparent;
	top:0px;
}
#waves *{
	z-index:-1;
	width:100%;
	height:320px;
	position:fixed;
	background-color:transparent;
	bottom:0px;
	left:0px;
}
#waves object{
	z-index:-1;
	width:100%;
	height:320px;
	position:fixed;
	background-color:transparent;
	bottom:0px;
	left:0px;
	background-color:black;
}