@charset "utf-8";
body {
	background-color: #88C0CC;
	padding: 0;
	margin: 0 auto;
	color: #333;
}
.twoColFixLtHdr #container {
	width: 780px;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0 0;
	background: #fff;
	background-image: url(images/bg_white.gif);
	background-repeat: repeat-y;
}
#mainnav {
	background-color: #cc6600;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0 0;
	background-color:#FFF;
	border-bottom: 4px solid #003366;
	width: 547px;
}
.twoColFixLtHdr #container #header {
	background-color: #fff;
	padding: 0 0;
	margin: 0 auto;
	width: 780px;
	text-align: right;
}
.twoColFixLtHdr #container #rightcol ul li {
	list-style-type: square;
	line-height: 1.5;
	color: #333;
}
.twoColFixLtHdr #container #rightcol .alsosee {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	padding: 25px 0 12px 0;
	margin: 0 0;
}
/* .leftcolqq {
	background-image: url(images/bottom_fade.gif);
	float: left;
	width: 213px;
	background-repeat: no-repeat;
	height: 830px;
	background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#FFF;
}
.leftcoltext {
	padding-left: 25px;
	width: 175px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	background-color:#FFF;
}
.leftcolcon {
	background-image: url(images/bottom_fade.gif);
	float: left;
	width: 175px;
	background-repeat: no-repeat;
	height: 700px;
	text-align: left;
	padding-top: 60px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: bottom;
	padding-bottom: 30px;
	background-color:#FFF;
}
   #leftcolcon a{
	text-decoration: none;
	active:none;
	color: #0000FF;
} 
.leftcoldo {
	float: left;
	width: 213px;
	background-position: bottom;
	background-color: #FFF;
	text-align: center;
}
.leftcolhvac {
	float: left;
	width: 213px;
	height: 630px;
}
.leftcolsheet {
	background-color:#FFF;
	background-image: url(images/bottom_fade.gif);
	float: left;
	width: 213px;
	background-repeat: no-repeat;
	height: 800px;
	background-position: bottom;
} */
.twoColFixLtHdr #container #leftcol {
	background-color: #FFF;
	float: left;
	width: 213px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
	line-height: normal;
}
.twoColFixLtHdr #container #rightcol {
	width: 540px;
	float: right;
	margin: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	text-align: left;
	padding: 0 7px 20px 20px;
	line-height: 1.5;
	color: #333;
}
/*.rightcolgal {
	overflow:auto;
	padding: 2px;
} */
.twoColFixLtHdr #container #footer {
	background-color: #2E565E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	float: left;
	width: 780px;
	margin: 0 0;
	text-align:center;
}
.footer {
	background-color: #2E565E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	text-align: center;
	margin: 35px 0 20px 0;
}
.copyright {
	background-color: #2E565E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	text-align: center;
	margin: 20px 0 150px 0;
}
  /* .subnavcontainer {
	background-color: #AFD389;
	text-decoration: none;
	overflow:auto;
	width: 400px.px;
}
allow room for 3 columns 
ul {
	list-style-image: url(images/subarrow.gif);   
    width: 40em;
}*/

/* float & allow room for the widest item 
ul li {
	float: left;
	width: 70px;
	margin-bottom: 5px;
	text-decoration: none;
	margin-top: 5px;
	margin-left: 10px;
}*/
  /* stop the float 
br {
    clear: left;
}*/
 /* separate the list from subsequent markup 
div.wrapper {
    margin-bottom: 1em;
	background-color:#FFF;
}
.pe {
	height: 500px;
	padding-top: 40px;
	background-color:#FFF;
}
.shop {
	height: 400px;
	background-color: #FFF;
}
.shopem {
	background-image: url(images/shop_em.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 400px;
}
.shopsm {
	background-image: url(images/shop_sm.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 400px;
	background-color:#FFF;
}
.shophv {
	background-image: url(images/shop_hv.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 400px;
	background-color:#FFF;
}
.contact {
	height: 400px;
	width: 450px;
	background-color:#FFF;
	background-image: url(images/contact_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-left: 30px;
	padding-top: 50px;
}
.contactcontainer {
	float: left;
	padding-left: 20px;
}
.quote {
	height: 250px;
	width: 456px;
	background-image: url(images/contact_info.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color:#FFF;
	padding-top: 50px;
	margin-left: 30px;
}
.quoteproject {
	height: 250px;
	width: 456px;
	background-image: url(images/project_details.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color:#FFF;
	padding-top: 50px;
	margin-left: 30px;
}*/
.piccol {
	float: right;
	width: 206px;
	padding-left: 15px;
	background-color:#FFF;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	background-color:#FFF;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	background-color:#FFF;
	padding: 0 0;
}
a:link {
	color: #4894A4;
	text-decoration: none;
}
a:visited {
	color: #4894A4;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
a:active {
	color: #4894A4;
	text-decoration: none;
}
p.footer a:link {
	color: #FFF;
	text-decoration: none;
}
p.footer a:visited {
	color: #FFF;
	text-decoration: none;
}
p.footer a:hover {
	color: #88C0CC;
	text-decoration: none;
}
p.footer a:active {
	color: #FFF;
	text-decoration: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000;
	font-weight: normal;
	padding: 25px 0 0 0;
	line-height: 1.25;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 1.25;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	padding: 14px 0 0 0;
	margin: 0 0 0 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.25;
	font-weight: bold;
	font-variant: normal;
	color: #000;
	padding: 14px 0 0 0;
	margin: 0 0;
}
/*.conheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #2E565E;
	font-weight: bold;
	background-color:#FFF;
}
.contacttext {
	color: #2E565E;
} */
p.topofpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 0.2em;
	margin: 12px 0px 14px 0px;
}
#container #leftcol p.lefttext {
	background-color: #FFF;
	padding: 6px 10px 6px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.25;
	text-align: left;
}
#container #leftcol p.leftimg {
	background-color: #FFF;
	padding: 6px 10px 6px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.25;
	text-align: center;
}
#container #leftcol p.pullquote {
	background-color: #FFF;
	padding: 28px 10px 30px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.75;
	text-align: left;
	color: #C63;
	font-style: normal;
}
hr {
	border: none 0;
	border-top: solid #666 1px;
	width: 70%;
	height: 1px;
	text-align: left;
	padding: 0 0 10px 25px;
	margin: 0 10px 10px 20px;
	}
#container #leftcol p.contactinfo {
	background-color: #FFF;
	padding: 6px 10px 30px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.25;
	text-align: left;
	background-position: bottom;
}
p.tabletext {
	margin: 0 0 6px 0;
	line-height: 1.5;
	color: #333333;
}
p.tabletexttitle {
	margin: 0 0 2px 0;
	line-height: 1.5;
	font-style: italic;
	color: #333333;
}
p.tabletitle {
	margin: 0;
	line-height: 1.5;
	color: #2C5783;
	font-weight: bold;
	font-size: 14px;
}
p.tablesubtitle {
	margin: 0;
	line-height: 1.5;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
#container #leftcol p.isotitle {
	background-color: #FFF;
	padding: 3px 0px 2px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.25;
	text-align: left;
	font-weight: bold;
}
#container #leftcol p.isotext {
	background-color: #FFF;
	padding: 0px 0px 6px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.25;
	text-align: left;
}
img {
	margin: 0 0;
	padding: 0 0;
	line-height: normal;
	border-width: 0px;
	border-style: none;
	border: 0;
}
.twoColFixLtHdr #container #header table.header {
	vertical-align: top;
	margin: 0 0px;
	padding: 0 0px;
}