﻿*{ margin: 0; padding: 0; }
*
body {margin: 18px 0px 0px 0px;background: #fff url('../images/bg-body-main.png') repeat-x;font: .74em Arial, Helvetica, sans-serif;color: #444;}
	h1 { font-size: 3em; font-weight: normal; float: left; }
	h1 a { text-decoration: none; }
	h2 {font-size: 1.8em;color: #E5E5E5;font-weight: normal;margin: 0 0 .8em;}
	h3 {font-size: 1.5em;border-bottom: 1px solid #eee;	margin: 0 0 .8em;color: #444444; }
	p  { margin: 0 0 2em 0; line-height: 1.8em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a {color: #C00;}
	a:hover { color: #F00; text-decoration: none; }
	img { border: 0; }
	.red {color: #C00;}
	.white { color: #FFF; text-decoration: none;}
	.grey { color: #444; text-decoration: none;}
	.clear {clear: both;}
	
.wrap { width: 900px; margin: 0 auto; }
 
#header {padding: 0px;width: 900px;height: 108px;margin: 0px auto 0px auto;}
#menu  { float: right; padding: 6px 0 0 0; list-style: none; width: 700px; margin-top: 40px; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-right: 20px; padding: 4px; text-decoration: none; font-size: .95em; color: #000000; text-transform: uppercase; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}
#quote {padding: 20px 15px 0px 15px;margin: 0;}
		#quote1 {
			opacity: 0.6;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		}
#logo {margin: 20px 0px 0px 20px;padding: 0px;float: left;width: 149px;height: 84px;background-image: url('../images/logo-energy-systems-on-white.gif');background-repeat: no-repeat;}
#logo span {visibility: hidden;}
#logo a {width: 149px;height: 84px;display:block;} 
#teaser {background-position: center top;margin: 0px auto 0px auto;clear: both;height: 244px;background: url('../images/bg-teaser.jpg') no-repeat;background-color: transparent;width: 823px;padding:0 50px 0 127px;}
#teaser a {color: #FFF;}
#teaser p {padding:0;margin:0;}
#motto {float: left;width: 313px;height: 95px;margin:91px 136px 0 0;padding:0;display:block;}
		#motto h2 {width: 313px;height: 95px; display:block;margin:0;padding:0;}
		#motto h2 {width: 313px;height: 95px; display:block; text-decoration:none; text-indent:-2000px;}
		#motto h2 {width: 313px;height: 95px; display:block; text-decoration:none; background:url('../images/bg-h2-backup-power.jpg') no-repeat;}
#image {float: left;width: 364px;height: 148px;background: url('../images/header-generac-home.jpg') no-repeat right top;margin: 0;padding:0;}
.box {float: left;padding: 0 0 0 80px;width: 475px;color: #EEC8C8;height: 164px;}
.box {float: left;width: 450px;height: 148px;padding: 30px 0 0 30px;margin:0 45px 0 0;color: #EEC8C8;}
.box_frame {padding:20px;}

#bar {height: 45px;margin: 7px 0px 10px 0px;padding: 0px;}
.step {color: #FAFDDD;padding: 4px 0px 0px 60px;margin: 0px;font-size: 1.4em;float: left;text-align: left;background: url('../bullets/001_09.png') no-repeat 33px .15em;	height: 30px;	width: 120px;	font-weight: bold;}
	.step a {color: #fff;text-decoration: none;}
	.step a:hover {color: #FFCC56;text-decoration: none;}

#navstepbox {margin: 0px;padding: 0px;}
#navstepbox ul{margin: 0px;padding: 0px;list-style-type: none;text-align: left;}
#navstepbox ul li { float: left; }
#navstepbox ul li a{text-decoration: none;background: url('') no-repeat top left;font-size: 1.4em;float: left;margin: 0px;height: 30px;width: 120px;}
#navstepbox li a:hover{background: url('') no-repeat left top;color: #000;}

.col {
	background-position: 0px -10px;
	padding: 40px 0px 0px 40px;
	float: left;
	width: 240px;
	margin: 0 25px 16px 0;
	background-image: url('../images/page-corner.png');
	background-repeat: no-repeat;
}
	.col h4 {font-size: 1.1em;}
	.col h4 a:hover {color:#E1F0FF	}
	.col p {font-size: .9em;}

.last {float: right;margin: 0;}
	.last h4 {color: #FFF;}

	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

#footer_wrap {
	background-image: url('../images/bg-footer-000.png');
	background-color: #000000;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 100%;
	height: 190px;
	clear: both;
}
#footer {
	background-position: center top;
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 15px 50px 0px 50px;
	background-image: url('../images/bg-footer.jpg');
	background-repeat: no-repeat;
	height: 175px;
	color: #999;
	font-size:.74em;
}
	#footer .right { float: right; margin: 0; }
	#footer a { color: #999; font-weight: bold;text-decoration:none }

#header h1 {font-size: xx-small;}
.blue {
	color: #416283;
}
.imgBorderFloatRight {
	float: right;
	padding: 3px;
	margin: 0px 0px 10px 10px;
	border: 1px solid #E5E5E5;
}
.quicklinks1 {
	background-image: url('../images/bg-parts.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 213px;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	height: 51px;
}
.quicklinks2 {
	background-image: url('../images/bg-equipment-rental.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 213px;
	padding: 10px;
	margin: 0px;
	height: 51px;
}
.imgBorderFloatLeft {
	float: left;
	padding: 3px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #E5E5E5;
}







