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

body {
	background-image: url(images/bg_hydro.jpg);
	background-repeat: repeat-x;
	background-color: #fbf9f1;
}

td,th {	margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; font-family: Tahoma, Arial, Verdana;	font-size: 10px; color: #787877;}

p {	margin-top: 2px; margin-bottom: 2px; color: #787877; font-family: Tahoma, Arial, Verdana; font-size: 12px; text-align: left; line-height: 18px;}

.center {text-align: center; font-size: 12px; text-align: left; line-height: 18px;}

.buttons { color: #787877; font-family: Tahoma, Arial, Verdana; font-size: 10px; text-align: center; }


H1 { font-family: Tahoma, Arial, Verdana; font-size: 16px; color: #524C41; margin: 3px auto 3px 3px; text-transform: uppercase;}
H2 { font-family: Tahoma, Arial, Verdana; font-size: 16px; color: #787877; margin: 3px auto 3px 3px;}
H3 { font-family: Tahoma, Arial, Verdana; font-size: 14px; color: #B09671; margin: 3px auto 3px 3px;}
H4 { font-family: Tahoma, Arial, Verdana; color: #787877; font-size: 12px; text-align: center; text-transform: uppercase; line-height: 12px;}
H5 { font-family: Tahoma, Arial, Verdana; color: #787877; font-size: 12px; text-align: center; text-transform: uppercase; line-height: 12px;}
H6 { font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #787877; margin: 3px auto 3px 3px; text-align: center; }

.navigation { text-decoration: none; font-family: Tahoma, Arial, Verdana; font-size: 12px; color: #524C41; text-align: left; text-transform: uppercase; font-stretch: 2px; padding: 10px 10px 10px 5px; }

a:link { text-decoration: none; font-family: Tahoma, Arial, Verdana; color: #524C41; font-size: 10px; text-align: left; text-transform: uppercase; font-stretch: 2px; padding: 5px 10px 5px 10px; }

a:visited { text-decoration: none; font-family: Tahoma, Arial, Verdana; color: #524C41; font-size: 10px; text-align: left; text-transform: uppercase; font-stretch: 2px; padding: 5px 10px 5px 10px; }

a:active { text-decoration: none; font-family: Tahoma, Arial, Verdana; color: #524C41; font-size: 10px; text-align: left; text-transform: uppercase; font-stretch: 2px; padding: 5px 10px 5px 10px; }

a:hover { text-decoration: none; font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #B09671; text-align: left; text-transform: uppercase; font-stretch: 2px; padding: 5px 10px 5px 10px; }

a.nav:link { text-decoration: none; font-family: Tahoma, Arial, Verdana; color: #524C41; font-size: 10px; text-align: left;  font-stretch: 1px; }

a.nav:hover { text-decoration: none; font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #B09671; text-align: left; font-stretch: 1px; }

a.nav:visited { text-decoration: none; font-family: Tahoma, Arial, Verdana; color: #524C41; font-size: 10px; text-align: left;  font-stretch: 1px;  }

a.nav:active { text-decoration: none; font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #B09671; text-align: left; font-stretch: 1px; }

a.topnav:link { text-decoration: none; font-family: Tahoma, Arial, Verdana; color: #524C41; font-size: 10px; text-align: right;}

a.topnav:hover { text-decoration: none; font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #B09671; text-align: right;}

a.topnav:visited { text-decoration: none; font-family: Tahoma, Arial, Verdana; color: #524C41; font-size: 10px; text-align: right;}

a.topnav:active { text-decoration: none; font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #B09671; text-align: right; }

#clear { clear: both; }
#clear_right { clear: both; }


.containerset {
 margin: auto 10px auto;
 background-image: url(images/content_bg1.jpg);
 float: center;
 padding: 0;
 overflow: visible;
}

#container {
 float: center;
 margin: 10px auto 10px auto;
 background-image: url(images/content_bg1.jpg);
 width: 812px;
 padding: 0px 0px 0px 0px; 
}

.containersetlong {
 margin: auto 10px auto;
 background-image: url(images/contentbg_long2.jpg);
 float: center;
 padding: 0;
 overflow: visible;
}

#containerlong {
 float: center;
 position: relative;
 width: 812px;
 height: auto;
 margin: 10px auto 10px auto;
 background-image: url(images/contentbg_long2.jpg);
 background-repeat: repeat-y;
 padding: 0px 0px 0px 0px; 
 clear: both;
}

#header {
 float: center;
 margin: 0px auto 0px auto;
 background-image: url(images/top_bar2.jpg);
 width: 792px;
 height: 20px;
 text-align: right; 
 
}

.headercontent {
 margin: 0px 0px 0px 0px;
 background-image: url(images/top_bar2.jpg);
 width: 792px;
 height: 20px;
 padding: 12px 10px 5px 10px;
 clear: both;
}

#headerlinks {
 margin: 0px 0px 0px 0px;
 width: 300px;
 height: 15px;
 float: left;
 text-align: left;
 }
 
#headerflags {
 margin: 0px 0px 0px 0px;
 width: 300px;
 height: 15px;
 float: right;
 text-align: right;
 }

#headerlogo {
 float: center;
 margin: 0px auto;
 img: url(images/logo_top2.jpg);
 width: 247px;
 height: 27px;
}

.headerlogo {
 background-image: url(images/logo_top2.jpg);
 width: 250px;
 height: 27px;

}

#flash {
 float: center;
 margin: 0px auto 0px auto;
 width: 812px;
 height: 240px;
 padding: 0px 0px 0px 0px;

 
}

.flashcontent {
 margin: 0px 0px 0px 0px;
 width: 812px;
 height: 240px;
 padding: 0px 0px 0px 0px;
}

#navbar {
 float: center;
 margin: 0px auto 0px auto;
 background-image: url(images/nav_bg.jpg);
 width: 797px;
 height: 14px;
 padding: 10px 10px 10px 5px;
 text-align: left; 
 text-decoration: none; color: #524C41; font-family: Tahoma, Arial, Verdana; font-size: 12px; text-align: left; text-transform: capitalize; font-stretch: 2px; 
}

.navbarcontent {
 margin: 0px 0px 0px 0px;
 background-image: url(images/nav_bg.jpg);
 width: 812px;
 height: 30px;
 padding: 10px 10px 5px 5px;
}

#mastercontent{
 float: center;
 margin: 0px 0px 0px 0px;
 width: 812px;
 height: 360px;
 padding: 0px 0px 0px 0px;
 text-align: left; 

 
}

.mastercontent {
 margin: 0px 0px 0px 0px;
 width: 812px;
 height: auto;
 padding: 10px 5px 5px 10px;
}

#leftcontent{
 float: left;
 margin: 0px auto 0px auto;
 width: 480px;
 height: auto;
 padding: 10px 10px 5px 10px;
 text-align: left; 
 
}

.maincontent {
 margin: 0px 0px 0px 0px;
 width: 500px;
 height: 100%;
 padding: 5px 5px 5px 5px;
}

#rightcontent{
	float: left;
	margin: 0px auto 0px auto;
	width: 292px;
	height: 100%;
	padding: 5px 10px 0 10px;
	text-align: right;
 
}

.rightside {
 margin: 0px 0px 0px 0px;
 width: 312px;
 height: 100%;
 padding: 5px 5px 5px 5px;
}

#rightbox1{
	float: right;
	margin: 0px auto 0px auto;
	width: 250px;
	height: auto;
	padding: 5px 10px 5px 10px;
	text-align: right;
 	clear: both;
}

.rightbox1 {
 margin: 0px 0px 0px 0px;
 text-align: center;
 width: 200px;
 height: 100%;
 padding: 5px 5px 5px 5px;
}

#rightboxtext{
 float: center;
 margin: 0px auto 0px auto;
 width: 150px;
 height: 100%;
 padding: 5px 10px 5px 10px;
 text-align: center; 
 
}

.rightboxtext {
 margin: 0px 0px 0px 0px;
 text-align: center;
 width: 100px;
 height: 100%;
 padding: 5px 5px 5px 5px;
}

#rightbox2{
	float: right;
	background-image: url(images/plaque2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	width: 240px;
	height: 59px;
	padding: 10px 10px 5px 10px;
	text-align: center;
	clear: inherit;
}

.rightbox2 {
 margin: 0px 0px 0px 0px;
 text-align: center;
 width: 240px;
 height: 59px;
 padding: 10px 5px 5px 5px;
}

#rightbox3{
 float: right;
 background-image: url(images/plaque.jpg);
  background-repeat: no-repeat;
 margin: 0px auto auto auto;
 width: 240px;
 height: 84px;
 padding: 15px 10px 5px 10px;
 text-align: center; 
 clear: both;
 
}

.rightbox3 {
 margin: 0px 0px 0px 0px;
 text-align: center;
 width: 240px;
 height: 84px;
 padding: 15px 5px 5px 5px;
}

#rightbox4{
 float: right;
 background-image: url(images/plaque_long.jpg);
 background-repeat: no-repeat;
 margin: 0px auto auto auto;
 width: 240px;
 height: 200px;
 padding: 25px 10px 5px 10px;
 text-align: center; 
 clear: both;
 }

.rightbox4 {
 margin: 10px 0px 0px 0px;
 text-align: center;
 font-size: 14px;
 width: 240px;
 height: 84px;
}
#rightbox5{
 float: right;
 background-image: url(images/plaque.jpg);
  background-repeat: no-repeat;
 margin: 0px auto auto auto;
 width: 240px;
 height: 84px;
 padding: 15px 10px 5px 10px;
 text-align: center; 
 clear: both;
 
}
 .rightbox5 {
 margin: 0px 0px 0px 0px;
 text-align: center;
 width: 240px;
 height: 84px;
 padding: 15px 5px 5px 5px;
}
#rightboxLong{
 float: right;
 background-image: url(images/bg_rbox_long.jpg);
 background-repeat: no-repeat;
 margin: 0px auto auto auto;
 width: 240px;
 height: 699px;
 padding: 5px 10px 5px 10px;
 text-align: center; 
 clear: both;
 }
 
.rightboxLong {
 margin: 10px 0px 0px 0px;
 text-align: center;
 width: 240px;
 height: 84px;
}
#rightboximg {
 float: right;
 margin: 0px auto auto auto;
 text-align: center;
 width: 260px;
 height: auto;
}


#footerelement{
 float: left;
 margin: 0px 0px 0px 0px;
 background-image: url(images/bottom_bar.jpg);
 width: 812px;
 height: 42px;
 clear: both;
}

.footer {
 margin: 0px 0px 0px 0px;
 background-image: url(images/bottom_bar.jpg);
 width: 812px;
 height: 42px;
 padding: 15px 0px 0px 0px;
 text-align: center; font-family: Tahoma, Arial, Verdana; font-size: 12px; color: #7A5C49; margin: 3px auto 3px 3px; 
}
.catalog {
	width: 50%; 
	padding: 5px; 
	text-align: left; 
	word-spacing: 0; line-height: 100%; margin-top: 0; margin-bottom: 0;
	vertical-align: top;
	color: #333333; font-family: Tahoma, Arial, Verdana; font-size: 10px; } 
}