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

* {padding:0 0 0 0; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif}

/* Elements */

h1 {margin:20px; font-size:30px}
h2 {margin:5px 20px 0 20px; font-size:16px}
p {margin:20px; font-size:12px}
ul  {margin:0 0 12px 10px; padding-left:5px; list-style-image:url(../images/bull.gif)}
li {margin-bottom:10px}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px}
.large {font-size:16px; font-weight:bold}
.pnobottom {margin-bottom:10px; padding-bottom:0}
.pnotop {margin-top:5px; padding-top:0}
.altlist {color:#808080}

/* Layout */

#container {width:940px; margin:auto; position:relative}
#navigation {width:211px; float:left; margin:24px 0 0 0}
#leftside {width:27px; float:left; margin:140px 0 0 0}
#main {width:699px; float:left}
#heading {float:left; margin:24px 0 23px 0}
#logos {padding-left:5px}
#logos img {}
#mainimage {float:left; width:699px; height:315px}
#maincontent {width:676px; float:left; background-image:url(../images/content-bg.png); background-position:top center; background-repeat:no-repeat; margin:24px 0 0 24px}
#footer {width:940px; margin:auto; height:21px; text-align:center; background-image:url(../images/footer-bg.jpg); background-position:top center; background-repeat:no-repeat; line-height:21px; font-size:12px; margin-top:40px; float:left; position:relative}
#footer a:link {text-decoration:none; color:#000000}
#footer a:visited {text-decoration:none; color:#000000}
#footer a:hover {text-decoration:underline; color:#000000}
#product {position:relative; width:621px}
#product p{float:left; font-size:12px; margin-bottom:15px}
#product img {float:left; margin:20px 10px 0 0}

#strap {
 position:absolute;
 top:0;
 right:0;
 width:192px;
 z-index:1
 }

/* Individual Pages */

#index #index_hi {
	background:url(../images/menu_hi.jpg);
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 14px 0;
	padding: 0;
	height:24px;
	padding-bottom: 6px;

}
#index #mainimage { background-image:url(../images/pic-home.jpg); background-position:left center; background-repeat:no-repeat}

#hvac #hvac_hi {
	background:url(../images/menu_hi.jpg);
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 14px 0;
	padding: 0;
	height:24px;
	padding-bottom: 6px;
}
#hvac #mainimage { background-image:url(../images/pic-hvac.jpg); background-position:left center; background-repeat:no-repeat}

#combustion #combustion_hi {
	background:url(../images/menu_hi.jpg);
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 14px 0;
	padding: 0;
	height:24px;
	padding-bottom: 6px;
}
#combustion #mainimage { background-image:url(../images/pic-combustion.jpg); background-position:left center; background-repeat:no-repeat}


#domestic #domestic_hi {
	background:url(../images/menu_hi.jpg);
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 14px 0;
	padding: 0;
	height:24px;
	padding-bottom: 6px;
}
#domestic #mainimage { background-image:url(../images/pic-domestic.jpg); background-position:left center; background-repeat:no-repeat}


#gas #gas_hi {
	background:url(../images/menu_hi.jpg);
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 14px 0;
	padding: 0;
	height:24px;
	padding-bottom: 6px;
}
#gas #mainimage { background-image:url(../images/pic-gas.jpg); background-position:left center; background-repeat:no-repeat}


#gaswater #gaswater_hi {
	background:url(../images/menu_hi.jpg);
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 14px 0;
	padding: 0;
	height:24px;
	padding-bottom: 6px;
}
#gaswater #mainimage { background-image:url(../images/pic-gaswater.jpg); background-position:left center; background-repeat:no-repeat}


#contact #contact_hi {
	background:url(../images/menu_hi.jpg);
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 14px 0;
	padding: 0;
	height:24px;
	padding-bottom: 6px;
}
#contact #mainimage { background-image:url(../images/pic-contact.jpg); background-position:left center; background-repeat:no-repeat}



/* Menu CSS */
 
.menu_hi {
	color:#FF0000; font-weight:bold
 
}
 
#menu {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	width: 211px;
	height:315px;
	margin:24px 0 24px 0;
 
}
 
#menu li {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 19px 0;
	height:24px
}
#menu a {
	color: #000;
	display: block;
	margin: 0;
	padding: 6px 40px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background:url(../images/menu_hi.jpg);
	color: #000;
	text-decoration: none;
}