/* ==========  begin layout ==========  */
/* You probably do not need to touch anything in here. */
body {
	margin: 10px;
	padding: 0;
	background: #fff url("/images/body-bg.gif") 0% 0%;
	font-size: small;
	font-family: "Verdana", "Arial", Sans-Serif;
}

img {behavior: url("/pngbehavior.htc");}
	
#leftcontent {
	position: absolute;
	width: 211px;
	top: 0;
	left: 0;
}

#rightcontent {
	position: absolute;
	top: 0;
	right: 0;
	width: 211px;
}

#wrap1 {
	background: transparent url("/images/rightcol-bg.gif") repeat-y 100% 100%;
	min-width: 859px;
	position: relative;
    width: expression(document.body.clientWidth < 869 ? "859px" : "100%" );
}

#wrap2 {
	background: transparent url("images/leftcol-bg.gif") repeat-y 0% 0%;
}
/* ==========  end layout ==========  */

#categorynav img {
	border: 0;
}

#categorynav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#categorynav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 15%;
	text-align: center;
}

html>body #categorynav li {
	width: 16.5%;
}

#contactdiv {
	margin: 0 0 0 6px;
	background: transparent url("/images/contact-bg.gif") no-repeat 0% 0%;
}

#contactdiv address {
	font-style: normal;
	font-size: 80%;
	padding: 28px 5px 28px 26px;
}

#searchdiv {
	position: absolute;
	right: 0px;
	height: 118px;
	width: 211px;
	background: #354e8e url("/images/rightcoltop-bg.gif") repeat-y 100% 100%;
}

#searchcontent {
	padding: 0 11px;
}

#contentdiv {
	padding: 30px 10px 10px 10px;
}

#lefttop {
	background: transparent url("/images/leftcol-top.gif") no-repeat 0% 0%;
	height: 26px;
}

#righttop {
	background: transparent url("/images/rightcol-top.gif") no-repeat 100% 100%;
	height: 22px;
}

#footer1 {
	height: 24px;
	background: #3c3f47 url("/images/footer-l.gif") no-repeat 0% 0%;
	font-size: 80%;
	color: #fff;
	padding: 0 0 0 30px;
	clear: both;
}

#footer2 {
	height: 24px;
	background: transparent url("/images/footer-r.gif") no-repeat 100% 0%;
	padding: 0 30px 0 0;
}

#footer1 p {
	margin: 5px 0 0 0;
	padding: 0;
}

#footer1 a {
	color: #fff;
}

#footer1 a:hover {
	text-decoration: none;
}

/* ==========  begin classes ==========  */
.clear {clear: both; height:1px; overflow:hidden;}
.fleft {float: left;}
.fright {float: right;}
.logo {text-align:center;}
.searchTextbox {border: solid 1px #f6e5b0;}
.searchButton {position: relative; top: 5px;}
/* ==========  end classes ==========  */


/* ==========  begin vertnav ==========  */
#vertnav {
	margin: 20px 0 0 6px;
}

#vertnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#vertnav li {
	margin: 0;
	padding: 0;
	float: left;
}

#vertnav span {
	display: none;
}

#home a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/home.gif") no-repeat 0 0;
}

#home a:hover {
	background-position: -205px 0;
}

#aboutus a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/aboutus.gif") no-repeat 0 0;
}

#aboutus a:hover {
	background-position: -205px 0;
}

#vendorsproducts a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/vendorsproducts.gif") no-repeat 0 0;
}

#vendorsproducts a:hover {
	background-position: -205px 0;
}

#trainingeducation a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/trainingeducation.gif") no-repeat 0 0;
}

#trainingeducation a:hover {
	background-position: -205px 0;
}

#ourlocations a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/ourlocations.gif") no-repeat 0 0;
}

#ourlocations a:hover {
	background-position: -205px 0;
}

#newsevents a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/newsevents.gif") no-repeat 0 0;
}

#newsevents a:hover {
	background-position: -205px 0;
}

#links a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/links.gif") no-repeat 0 0;
}

#links a:hover {
	background-position: -205px 0;
}

#contactus a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/contactus.gif") no-repeat 0 0;
}

#contactus a:hover {
	background-position: -205px 0;
}

#fabrication a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/fabrication.gif") no-repeat 0 0;
}

#fabrication a:hover {
	background-position: -205px 0;
}

#estimating a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/estimating.gif") no-repeat 0 0;
}

#estimating a:hover {
	background-position: -205px 0;
}

#aboutgeothermal a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/aboutgeothermal.gif") no-repeat 0 0;
}

#aboutgeothermal a:hover {
	background-position: -205px 0;
}

#hydronics a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/hydronics.gif") no-repeat 0 0;
}

#hydronics a:hover {
	background-position: -205px 0;
}

#indoorairquality a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/indoorairquality.gif") no-repeat 0 0;
}

#indoorairquality a:hover {
	background-position: -205px 0;
}

#promotions a {
	display: block;
	width: 205px;
	height: 30px;
	background: #fff url("/images/vertnav/promotions.gif") no-repeat 0 0;
}

#promotions a:hover {
	background-position: -205px 0;
}
/* ==========  end vertnav ==========  */