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

* {text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
html, body {height: 100%;
	}

/* Typography */
#container, #container p, container a {font-family: Helvetica, Helvetica Neue, Arial, sans-serif; vertical-align: middle;}

#contactinfo {color: #666; font-size: 12px;}
#contactinfo a:link, #contactinfo a:visited {color: #666; font-size: 12px;}
#contactinfo a:hover, #contactinfo a:active {color: #000; font-size: 12px;}

#largegray {color: #666; font-size: 20px; font-weight: bold;}
#largeblue {color: #336799; font-size: 20px; font-weight: bold;}
#mediumgray {color: #666; font-size: 16px; font-weight: bold;}
#mediumblue {color: #336799; font-size: 16px; font-weight: bold;}
#smallgray {color: #666; font-size: 14px;}
#smallblue {color: #336799; font-size: 14px;}

.bold {font-weight: bold;}
.left {text-align: left;}
.right {text-align: right;}

#content {color: #666; font-size: 14px;}
#content h2 {color: #FF9933; font-size: 34px; font-weight: bold;}
	
#maininfo p {font-size: 20px; line-height: 26px; letter-spacing: 0}
	
#footer {color: #666;}
#footer a {color: #336799;}

/* Positioning and everything else */

#contactinfo {padding-top: 10px;}

#logo {background: url('../images/logo.jpg'); background-repeat: no-repeat; width: 300px; height: 121px; position: relative; text-indent: -9999px;}
#logo a {position: absolute; top: 0; left: 0; width: 300px; height: 121px;}
#logo a h1 {display: none;}

#header {padding: 6px 0 10px 0;} 

#topnavbar {width: 960px; height: 30px; display: block;}
#topnavbar ul {margin: 0; padding: 0;}
#topnavbar li {display: inline; text-indent: -9999px; margin: 0; padding: 0;}
#topnavbar li a {display: block; float: left; height: 30px; background: url('../images/topnavbar.jpg') top no-repeat; cursor: pointer;}

#topnavbar li.home a {width: 160px; background-position: 0 0;}
#topnavbar li.about a {width: 160px; background-position: -160px 0;}
#topnavbar li.products a {width: 160px; background-position: -320px 0;}
#topnavbar li.parts a {width: 160px; background-position: -480px 0;}
#topnavbar li.quality a {width: 160px; background-position: -640px 0;}
#topnavbar li.contact a {width: 160px; background-position: -800px 0;}

#topnavbar li.home a:hover {background-position: 0 -30px;}
#topnavbar li.about a:hover {background-position: -160px -30px;}
#topnavbar li.products a:hover {background-position: -320px -30px;}
#topnavbar li.parts a:hover {background-position: -480px -30px;}
#topnavbar li.quality a:hover {background-position: -640px -30px;}
#topnavbar li.contact a:hover {background-position: -800px -30px;}

#topnavbar li.home.currentitem a {background-position: 0 -60px;}
#topnavbar li.about.currentitem a {background-position: -160px -60px;}
#topnavbar li.products.currentitem a {background-position: -320px -60px;}
#topnavbar li.parts.currentitem a {background-position: -480px -60px;}
#topnavbar li.quality.currentitem a {background-position: -640px -60px;}
#topnavbar li.contact.currentitem a {background-position: -800px -60px;}

#callout {height: 317px;}
#mission {padding-top: 50px;}

#maininfo {margin-top: 0;}
#maininfo h2 {position: relative;}

#footer {text-align: center;}

/* ABOUT US PAGE */
#about {padding-top: 20px;}
#spark {background: url('../images/spark.jpg'); width: 160px; height: 160px; position: relative; text-indent: -9999px;}
#history {background: url('../images/history.jpg'); width: 300px; height: 251px; position: relative; text-indent: -9999px; background-position: left;}

/* PRODUCT PAGES */
#powergenimage {background: url('../images/products/powergen_sm.jpg'); height: 100px; position: relative; background-repeat: no-repeat; text-indent: -9999px;}
#oilgasimage {background: url('../images/products/oilgas_sm.jpg'); height: 100px; position: relative; background-repeat: no-repeat; text-indent: -9999px;}
#lngimage {background: url('../images/products/lng_sm.jpg'); height: 100px; position: relative; background-repeat: no-repeat; text-indent: -9999px;}
#renewableimage {background: url('../images/products/renewable_sm.jpg'); height: 100px; position: relative; background-repeat: no-repeat; text-indent: -9999px;}

#marketlist {width: 220px; height: 120px; display: block;}
#marketlist ul {margin: 0; padding: 0;}
#marketlist li {display: inline; text-indent: -9999px; margin: 0; padding: 0;}
#marketlist li a {display: block; float: left; width: 220px; background: url('../images/marketlist.jpg') top no-repeat;}

#marketlist li.powergen a {height: 30px; background-position: 0 0;}
#marketlist li.oilgas a {height: 30px; background-position: 0 -30px;}
#marketlist li.lng a {height: 30px; background-position: 0 -60px;}
#marketlist li.renewable a {height: 30px; background-position: 0 -90px;}

#marketlist li.powergen a:hover {height: 30px; background-position: -220px 0;}
#marketlist li.oilgas a:hover {height: 30px; background-position: -220px -30px;}
#marketlist li.lng a:hover {height: 30px; background-position: -220px -60px;}
#marketlist li.renewable a:hover {height: 30px; background-position: -220px -90px;}

#marketlist li.powergen.currentitem a {height: 30px; background-position: -220px 0;}
#marketlist li.oilgas.currentitem a {height: 30px; background-position: -220px -30px;}
#marketlist li.lng.currentitem a {height: 30px; background-position: -220px -60px;}
#marketlist li.renewable.currentitem a {height: 30px; background-position: -220px -90px;}

#productcontent {
	text-align: center;
	overflow: none; 
	padding: 10px 0 10px 0; 
	margin: 0;
}

/* PARTS AND SERVICES PAGE */
#partsimage {background: url('../images/hebelerparts_sm.jpg'); width: 300px; height: 269px; position: relative; background-repeat: no-repeat; text-indent: -9999px; display: block;}
#serviceimage {background: url('../images/serviceimage_sm.jpg'); width: 220px; height: 192px; position: relative; background-repeat: no-repeat; text-indent: -9999px;}
#services {padding-top: 20px;}

/* CONTACT PAGE */
#contact {padding-top: 40px;}
#worldwide {background: url('../images/worldwide_sm.jpg'); width: 460px; height: 300px; position: relative; background-repeat: no-repeat; text-indent: -9999px; display: block;}