body {
	margin : 0;
	padding : 0;
	font : 73% "Trebuchet MS", verdana, arial, sans-serif;
	background : #2e2e2e;
	color : #333;
	left: 10px;
}
#container {
	width : 850px;
	margin-left : auto;
	margin-right : auto;
	padding : 0;
	color : #0054a4;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
			/*TOP BANNER*/
#topheader {
	heigth : 44px;
	padding : 0;
	margin : 0
	color : #0054a4;
	background-color: 0054a4;
	background-image: url(../images/graphics/tophead.jpg);
	background-repeat: no-repeat;
	height: 44px;
}
#headerimage {
	padding : 0;
	margin : 0;
	color : #0054a4;
	background-color: 0054a4;
	background-repeat: no-repeat;
}
#headerimage h1 {
    float : left;
    margin : 10px 0 0 15px;
    font-size : 150%;
    letter-spacing: 3px;
    color : #fff;
    background : #0054a4;
}
			/*TOP NAVIGATIONY*/
#navcontainer ul {
	float : left;
	width : 100%;
	padding-left : 0;
	margin : 0 0 20px 0;
	font-size : 105%;
	border-bottom : 1px solid #fff;
	background : #50bcba;
	color : #019392;
}
#navcontainer ul li {
	display : inline;
	text-align: left;
}
#navcontainer ul li a {
	float : left;
	padding : 0.1em 1em;
	text-decoration : none;
	border-right : 1px solid #fff;
	color : #fff;
	background-color: 0054a4;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
	color : #FFFFFF;
	background-color: #0099FF;
}
			/*MAIN CONTENT*/
#content {
	margin : 0px 0px 0px 5px;
	padding : 5px 5px 0px 25px;
	color : #333;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
	border-bottom-color: #FFFFFF;
	background: inherit;
	width: 610px;
	z-index: 1;
	height: inherit;
	float: right;
}
#content a:link, #content a:visited {
	text-decoration : underline;
	background : inherit;
	color : #0751A1;
}
#content a:hover {
	background : inherit;
	color : #50BCBA;
}
#solid-content {
	margin : 0 0 5px 180px;
	padding : 5px;
	color : #333;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
	border-bottom-color: #FFFFFF;
	background: inherit;
	width: 300px;
	z-index: 1;
}
		/*PRODUCT DESCRIPTION*/

.bulletedtext {
	list-style-type: circle;
	list-style-position: outside;
	color: #333;
	text-indent: -1px;
	text-align: left;
}	
.bullethead {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	color: #0054A4;
	text-indent: 0px;
	vertical-align: 7%;
	line-height: -10px;
}
.seconlevelbullets {
	list-style-position: outside;
	color: #0054a4;
	text-align: left;
	width: 100px;
	padding-left: 20px;
	cursor: pointer;
	cursor: hand;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
}
p {
	margin : 1;
	padding : 0;
	color : #333;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 12px;
	text-indent: 0px;
}
#details {
	width : 410px;
	float : left;
	height : inherit;
}
			/*SIDEBAR*/
#sidebar {
	width : 193px;
	color : #50BCBA;
	float: left;
	height: auto;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
			/*SIDE MENU*/
.sidemenu ul {
	list-style-type : none;
	text-align : left;
	color: 009390;
}
.sidemenu ul li {
	display : block;
	color : #009390;
	background : inherit;
	width: 163px;
	float: left;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom: dotted;
	border-bottom-width: 1px;
}
.sidemenu ul li a {
	padding-left : 10px;
	font : normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration : none;
	color : #000;
	background-color: transparent;
	background-image: url(../images/list-off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.sidemenu ul li a:hover {
	color : #50BCBA;
	background-color: transparent;
	background-image: url(../images/list-on.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.sidemenu ul li a#current {
    background : transparent url(../images/list-active.gif) no-repeat left center;
    color : #0054a4;
	
	
		/*BUTTONS AND PICTURE BOXES*/

}
#solid-button {
	width : 144.982px;
	height : 125.984px;
	padding : 0px 7px 12px 10px;
	background-position: center center;
	float: left;
	cursor: pointer;
}
#liquid-button {
	width : auto;
	height : 125.984px;
	padding : 0px 7px 12px 10px;
	background-position: center center;
	float: left;
	cursor: pointer;
}
#homepage-logo-box {
	width : auto;
	height : 60px;
	padding : 3px 3px 3px 3px;
	background-position: center;
	float: right;
}
#menu-logo-box {
	width : 197;
	height : 39px;
	padding: 5px 5px 5px 5px;
	margin-top:10px;
	background-position: center;
	float: left;
	clear:left;
}
.menu-logo-text {
	font : normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-align: left;
	color: #004396;
	padding-left: 10px;
	display: block;
	width: 179px;
}
.menu-logo-text a {
	font : normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color: #004396
}
.menu-logo-text a:hover {
	color : #50BCBA;
}
#button-description {
	font : normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration : none;
	width : 135px;
	height : auto;
	padding : 0px 0px 15px 0px;
	float: left;
	display: block;
}
#picture-box {
	width : auto;
	height : 180px;
	padding : 3px 25px 12px 10px;
	background-position: center center;
	float: left;
}
#large-picture-box {
	width : 500px;
	height : auto;
	background-position: center center;
	float: left;
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 12px;
	padding-left: 10px;
}
#large-picture-box2 {
	width : auto;
	background-position: center center;
	float: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	height: auto;
	position: static;
	left: 634px;
	top: 404px;
}
			/*FOOTER*/
#footer {
	clear : both;
	padding : 2px;
	margin : 0;
	font-size : 90%;
	border-top : 1px solid #fff;
	background : #dff4ff;
	color : #0054a4;
}
#footer a:link, #footer a:visited {
    text-decoration : none;
    background : inherit;
    color : #0054a4;
}
	
/*TYPOGRAPHY*/


h1 {
	padding : 1px;
	font-size : 140%;
	text-transform : uppercase;
	letter-spacing: 3px;
	color : #0054a4;
	background : inherit;
}
h2 {
    margin : 10px 0 0 5px;
    padding-left : 10px;
    font-size : 120%;
    text-transform : uppercase;
    letter-spacing : 5px;
    color : #fff;
    background : #0054a4;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bolder;
	color: #009390;
	vertical-align: 7%;
}
h4 {
	margin : 10px 0 0 0px;
	font-size : 115%;
	text-transform : uppercase;
	letter-spacing : 5px;
	color: #009390;
}
h5 {
	margin : 0px 0 0 0px;
	font-size : 111%;
	color: #0054a4;
}
h6 {
	margin : 0px 0 0 0px;
	font-size : 73%;
	color: #666666;
	text-align: center;
}
			/*CLASSES*/
.image {
	float : left;
	border : none;
	padding: 4px 22px 12px 10px;
	width: auto;
	height: 180px;
}
.image a {
border : none;
}
		   /*CONTACT FORM*/
.post {
	background : #eee;
	padding : 10px;
	margin : 10px 0px 0 0px;
	border : 0 dashed #8a795d;
	font-size : 90%;
	height: inherit;
}
label {
	display: block;
	line-height: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding-bottom: 4pt;
	padding-top: 4pt;
	padding-right: 0px;
	padding-left: 0px;
}
label.inline {
	display: inline;
	line-height: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-align: left;
	vertical-align: baseline;
	padding-bottom: 4pt;
	padding-top: 0pt;
	padding-right: 4pt;
	padding-left: 12pt;
}
div.labelinputset {
	display: block;
	line-height: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding-top: 4px;
	clear: both;
	padding-bottom: 0px;
}
#hydrocontactformm p.onecolumn {
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 12px;
	padding-left: 20px;
}
#hydrocontactform p.twocolumn {
	float: right;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 12px;
	padding-left: 12px;
}
#firstname {
	width: 235px;
}
#lastname {
	width: 235px;
}
#title {
	width: 235px;
}
#company {
	width: 235px;
}
#email {
	width: 235px;
}
#phone {
	width: 235px;
}
#address {
	width: 500px;
}
#address2 {
	width: 500px;
}
#city {
	width: 235px;
}
#state {
	width: 235px;
}
#province {
	width: 235px;
}
#zip {
	width: 235px;
}
#country {
	width: 235px;
}
#message {
	width: 500px;
}
#submitbutton {
	width: 235px;
}
span.asterisk {
	COLOR: #ff0000;
}