/* CSS Document */
html,body {
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;}
	

/*-------------------------------------------------------BASIC CONTENT---------------------------------------------*/
#maincontainer {
position : absolute;
z-index : 1;
width : 100%;
height:100%;

overflow : auto;
left : 1px;
top : -4px;
}
#banner {
position : absolute;
z-index : 0;
width : 100%;
height : 100%;
}
#banner img {
width : 100%;
height : 100%;
}
	
#wrapper {
width : 900px;
height : auto !important ;
height : 100%;
margin : auto;
z-index : 1;
}
#header {
background-color : #ffffff;
width : 100%;
height : 50px;
padding-top : 10px;
border-bottom : 6px solid #c1c4c6;
}
#contentwrapper {
width : 900px;
height : 100%;
height : auto !important ;

}
#footer {
background-color : #66ccff;
font-size:1.2em;
width : 900px;
height : 105px;
background : url(../images/footer_faux.jpg) repeat-x;
clear : both;
margin : 0 auto;
}
div#footer p a {
color : #ffffff;
background:none;
font-size : 0.8em;
}
div#footer p {
padding : 10px;
float : right;
}
div#footer p a:hover {
color : #000000;
}
/*---------------------BASIC CONTENT END-------------------*/
/*-------------------LOGO*/
.logo {
background-image : url(../images/hydrosavelogo.jpg);
width : 230px;
height : 46px;
margin-left : 10px;
float : left;
}
.menuwrapper {
background : url(../images/menu_faux.jpg) repeat-x;
height : 27px;
width : 635px;
margin-top : 23px;
float : right;


}

.menul {
background-image : url(../images/menu_l.jpg);
width : 16px;
height : 27px;
float : left;
}
.menur {
background-image : url(../images/menu_r.jpg);
width : 17px;
height : 27px;
float : right;
z-index:100;
}
.menu {
			font-family: arial, sans-serif;
			width:600px;
			height:100px;
			position:relative;
			font-size:13px;
			font-weight:bold;
			float:left;
			z-index:100;}				

/*------------------------------------------------------CONTENT-----------------------------------------------*/
/*-------columns--------*/

.column1 {
width : 45%;
height : auto;
min-height:500px;
float : left;
padding : 10px;
}
.column1home {
width : 45%;
height : auto;
float : left;
padding : 10px;
}
.column100 {
width : 90%;
height : auto;
min-height:500px;
float : left;
padding :10px;
}
.column10 {
width :540px;
height : auto;
padding :15px;
margin-top:20px;
margin-left:20px;
background-color:#CCCCCC; 
float:left;
}

.column2 {
width : 48%;
height : auto;
float : left;
padding : 6px;
margin-top:5px;
}
.itemsbar {
width : 900px;
clear : both;
height : 30px;
position : relative;
float : left;
margin-bottom : 6px;
}
#sitebar {
height : 27px;
position : relative;
float : left;
width : 900px;
clear : both;
}
#sitebarsmall {
height : 27px;
position : relative;
float :right;
width : 630px;
clear : both;
}
/*------------content containers--------------*/

	
#containerwrapper {
height : 100%;
width : 630px;
float : right;
margin-top : 6px;
margin-bottom : 20px;
position : relative;
}
#containerwrappersite {
height : 100%;
width : 630px;
float : right;
margin-bottom : 20px;
position : relative;
}
.contl {
background: transparent url(../images/menu_l.png)  no-repeat !important;
background-image:transparent url(../images/menu_l.gif);		
width:16px;
height:27px;
float:left;
}
.contm {
background: transparent url(../images/menu_m.png) repeat-x !important;
background-image:transparent url(../images/menu_m.gif);	
width:597px;
height:22px;
float:left;
color:#FFFFFF;
font-weight:bold;			
padding-top:5px;}
.contbarm {
background: transparent url(../images/menu_m.png) repeat-x !important;
background-image:transparent url(../images/menu_m.gif);	
width:867px;
height:22px;
float:left;
color:#FFFFFF;
font-weight:bold;			
padding-top:5px;}
.contmsmall {
background: transparent url(../images/menu_m.png) repeat-x !important;
background-image:transparent url(../images/menu_m.gif);	
width:597px;
height:22px;
float:left;
color:#FFFFFF;
font-weight:bold;			
padding-top:5px;}
		
.contr {
background: transparent url(../images/menu_r.png)  no-repeat !important;
background-image:transparent url(../images/menu_r.gif);		
width:17px;
height:27px;
float:right;}
.contbotl {
background: transparent url(../images/menuup_l.png)  no-repeat !important;
background-image:transparent url(../images/menuup_l.gif);		
width:16px;
height:27px;
float:left;}
.contbotm {
background: transparent url(../images/menuup_m.png) repeat-x !important;
background-image:transparent url(../images/menuup_m.gif);	
width:597px;
height:27px;
float:left;}
.contbotr {
background: transparent url(../images/menuup_r.png)  no-repeat !important;
background-image:transparent url(../images/menuup_r.gif);		
width:17px;
height:27px;
float:right;}
	
#container2 {
width : 267px;
height : auto;
position : relative;
display : inline-block;
float : left;
clear : both;
}
#container2small {
width : 267px;
height : auto;
position : relative;
display : inline-block;
float : left;

}
#container1 {
width : 630px;
height : auto;
display : inline-block;
position : relative;
padding-bottom:10px;
float : right;
color : #000000;
_background-color:#FFFFFF;/*ie6* sets background to opaque white*/
}
#container1 .transparent {
/* transparency */
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.8; /*firefox*/
background-color:#FFFFFF;
width:100%;
_width:0;
height:100%;
_height:0;
position:absolute;
top:0px;
left:0px;
z-index:-1;

}
	
		
/*-------------------PODS------------------*/
.podwrapper {
width : 265px;
height : 100%;
float : left;
position : relative;
clear : both;
_background-color:#FFFFFF;/*ie6* sets background to opaque white*/
}
.podwrappersmall {
width : 265px;
height : 100%;
float : left;
margin-top : 0px;
position : relative;
clear : both;
_background-color:#FFFFFF;/*ie6* sets background to opaque white*/
}
.podwrappersite {
width : 270px;
height : 100%;
float : left;
position : relative;
clear : both;
_background-color:#FFFFFF;/*ie6* sets background to opaque white*/
}
.podwrapperbottom {
width : 265px;
height : auto;
float : left;
margin-top : 5px;
margin-bottom : 20px;
position : relative;
clear : both;
_background-color:#FFFFFF;/*ie6* sets background to opaque white*/
}
.btop {
background:transparent url(../images/Design_02.png) no-repeat center !important;
background-image:url(../images/Design_02.gif);
width:250px;
height:20px;
color:#FFFFFF;
font-weight:bold;
padding-left:15px;
padding-top:5px;
}
	.btopnew {
background:transparent url(../images/Design_02new.png) no-repeat center !important;
background-image:url(../images/Design_02.gif);
width:250px;
height:20px;
color:#FFFFFF;
font-weight:bold;
padding-left:15px;
padding-top:5px;
margin-top:5px;
}

.btopprod {
background:transparent url(../images/Design_02prod.png) no-repeat center !important;
background-image:url(../images/Design_02.gif);
width:250px;
height:20px;
color:#FFFFFF;
font-weight:bold;
padding-left:15px;
padding-top:5px;
margin-top:5px;
}

.btext {
width : 243px;
height : auto;
display : inline-block;
position : relative;

color : #000;
font-size:11px;
padding : 10px;
margin-left:1px;
}
.btext h4 {
 background-image:url(../images/features.jpg);
 width:225px;
 height:20px;
 padding:10px;
 color:#FFFFFF;
 }
.btextm {
width : 243px;
height : auto;
display : inline-block;
position : relative;
color : #000;
background-color : #ffffff;
padding : 10px;
margin-left:1px;
}
.btext .transparentb {
/* transparency */
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.8;
/*firefox*/
background-color:#FFFFFF;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index:-1;
}
.btextsite {
width : 250px;
height : 100%;
display : inline-block;
position : relative;
color : #000;
padding : 10px;
}
.btextsite .transparentb {
/* transparency */
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.8;/*firefox*/
background-color:#FFFFFF;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index:-1;
}	
.bbot {
background:transparent url(../images/Design-up_02.png) no-repeat center !important;
background-image:url(../images/Design-up_02.gif);
width:265px;
height:25px;
}
.bbotsite {
background:transparent url(../images/Design-up_02site.png) no-repeat center !important;
background-image:url(../images/Design-up_02site.gif);
width:270px;
height:25px;
float:left;
}
			
.bbotsite .transparent {
/* transparency */
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.8;/*firefox*/
background-color : #ffffff;
width : 260px;
height : 23px;
position : absolute;
bottom : 3px;
left : 10px;
z-index : -1;
}					
						
.clear {
font-size : 1px;
height : 1px;
}
/*--------------NEWS THUMBS---------------*/
.thumbwrapper {
width : 100%;
height : 60px;
margin-top : 5px;
clear : both;
}
.thumb1, .thumb2, .thumb3 {
background : url(../images/Design_12.jpg);
width : 63px;
height : 60px;
float : left;
}
.thumb2 {
background : url(../images/Design_15.jpg);
}
.thumb3 {
background : url(../images/Design_17.jpg);
}
.thumbtext {
font-size : 0.9em;
padding-top : 5px;
width : 180px;
height : 55px;
float : left;
}
.c1 a

{

Background:none;
color:#000000;

}

 
			
/*-----------------SEARCH----------------*/
#searchwrapper {
width : 245px;
height : 30px;
background-color : #c1c4c6;
padding-left : 20px;
float : left;
}
/*------------------BREADCRUMBS---------------*/
#breadcrumbswrapper {
width : 635px;
height : 30px;
color : #ffffff;
background-color:#999999;
padding : 0;
margin : 0;
float : left;
}
#breadcrumbswrapper a {
background : url(../images/breadcrumbend2grey.gif) no-repeat top right;
height : 30px;
padding-right : 20px;
padding-left : 5px;
line-height : 26px;
display : inline;
background-color:#666666;
float : left;
color : #ffffff;
}
#breadcrumbswrapper .color {
background : url(../images/breadcrumbendgrey.gif) no-repeat top right;
height : 30px;
padding-right : 25px;
padding-left : 10px;
line-height : 26px;
display : inline;
background-color:#666666;
float : left;
color : #ffffff;
}
#breadcrumbswrapper a:hover {
color : #3399ff;
}
/*-----------------------------------------------*/

#breadcrumbswrapperpurple {
width : 635px;
height : 30px;
color : #ffffff;
background-color:#7B397D;
padding : 0;
margin : 0;
float : left;
}
#breadcrumbswrapperpurple a {
background : url(../images/breadcrumbendnow.jpg) no-repeat top right;
height : 30px;
padding-right : 20px;
padding-left : 5px;
line-height : 26px;
display : inline;
background-color:#65246d;
float : left;
color : #ffffff;
}
#breadcrumbswrapperpurple .color {
background : url(../images/breadcrumbend.gif) no-repeat top right;
height : 30px;
padding-right : 25px;
padding-left : 10px;
line-height : 26px;
display : inline;
background-color:#65246d;
float : left;
color : #ffffff;
}
#breadcrumbswrapperpurple a:hover {
color : #3399ff;
}


/*-----------------------------------------------*/
#breadcrumbswrappergreen {
width : 635px;
height : 30px;
color : #ffffff;
background-color : #547f9b;
padding : 0;
margin : 0;
float : left;
}
#breadcrumbswrappergreen a {
background : url(../images/breadcrumbendgreennow.gif) no-repeat top right;
height : 30px;
padding-right : 20px;
padding-left : 5px;
line-height : 26px;
display : inline;
background-color : #406881;
float : left;
color : #ffffff;
}
#breadcrumbswrappergreen .color {
background : url(../images/breadcrumbendgreen.gif) no-repeat top right;
height : 30px;
padding-right : 25px;
padding-left : 10px;
line-height : 26px;
display : inline;
background-color : #406881;
float : left;
color : #ffffff;
}
#breadcrumbswrapper a:hover {
color : #3399ff;
}
/*----------------------------------------------------------------*/

#breadcrumbswrapperorange {
width : 635px;
height : 30px;
color : #ffffff;
background-color : #ffbf60;
padding : 0;
margin : 0;
float : left;
}
#breadcrumbswrapperorange a {
background : url(../images/breadcrumbendorangenow.gif) no-repeat top right;
height : 30px;
padding-right : 20px;
padding-left : 5px;
line-height : 26px;
display : inline;
background-color : #ff9900;
float : left;
color : #ffffff;
}
#breadcrumbswrapperorange .color {
background : url(../images/breadcrumbendorange.gif) no-repeat top right;
height : 30px;
padding-right : 25px;
padding-left : 10px;
line-height : 26px;
display : inline;
background-color : #ff9900;
float : left;
color : #ffffff;
}
#breadcrumbswrapperorange a:hover {
color : #3399ff;
}
/*-------------------------------------------------------------------------------------*/
#breadcrumbswrapperyellgreen {
width : 635px;
height : 30px;
color : #ffffff;
background-color : #8BC53F;
padding : 0;
margin : 0;
float : left;
}
#breadcrumbswrapperyellgreen a {
background : url(../images/breadcrumbendyellgreennow.gif) no-repeat top right;
height : 30px;
padding-right : 20px;
padding-left : 5px;
line-height : 26px;
display : inline;
background-color : #6E991F;
float : left;
color : #ffffff;
}
#breadcrumbswrapperyellgreen .color {
background : url(../images/breadcrumbendyellgreen.gif) no-repeat top right;
height : 30px;
padding-right : 25px;
padding-left : 10px;
line-height : 26px;
display : inline;
background-color : #6E991F;
float : left;
color : #ffffff;
}				
		
/*------------------FLASH WRAPPER--------------*/
#flashwrapper1 {
width : 630px;
height : 180px;
margin : 6px 0 0 0;
display : inline-block;
position : relative;
float : right;
color : #000;
}
/*---------------------------------------------*/

.incALD {
font:Arial, Helvetica, sans-serif;
padding:5px;
border: #999999 thin solid;
margin-top:20px;
font-size:10px;
width:290px;
clear:both;}
.linkedinlogo {
background:url(../images/LinkedIn_logo_footer.png);
width:100px;
height:32px;
float:right;
clear:both;
margin:10px 0 0 0 ;}