@import url("reset.css");
@import url("forms.css");
@import url("grid.css");

@font-face {
	font-family: 'BebasRegular';
	src: url('../fonts/BEBAS___-webfont.eot');
	src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/BEBAS___-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/BEBAS___-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/BEBAS___-webfont.svg#webfontOJIfwzl6') format('svg'); /* Legacy iOS */
}


body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	background-color: #008752;
}
#background {
	background: url('../images/background.jpg') top center repeat;
}
body#home #top {
	height: 356px;
}
#top {
	background: url('../images/top.png') top center repeat-x;
}
#middle {
	padding-bottom: 15px;
}
body#home #middle {
	padding-bottom: 0px;
}
#bottom {
	background: url('../images/footershadow.jpg') top center no-repeat;
	height: 200px;
	border-top: solid 1px #fff;
}
.container {
	position: relative;
	width: 874px;
	margin: 0 auto;
}
#watermark {
	position: absolute;
	top: 6px;
	left: 382px;
}
#phoneblock {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 157px;
	height: 51px;
	background: url('../images/phoneblock.png') no-repeat;
	font-family: 'BebasRegular';
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding-top: 13px;
}
#header {
	position: relative;
	height: 356px;
	width: 100%;
}
#logo {
	position: absolute;
	top: 22px;
	left: -19px;
}
#inside_logo {
	position: relative;
	padding: 60px 0px 0px 0px;
	margin: 0 auto;
	width: 675px;
}
#headertext {
	position: absolute;
	width: 456px;
	height:300px;
	top: 106px;
	left: 394px;
	line-height: 16px;
}
#content {
	position: relative;
	padding: 20px 0px 20px 0px;
}
#footer {
	position: relative;
	width: 100%;
	
}

/*NAVIGATION*/
#nav {
	color: #000;
	position: relative;
	display: block;
	width: 100%;
	padding: 30px 0px;
	text-align: center;
}
#nav li {
	display: inline;
	padding: 0px 6px;
}
#nav ol, #nav ul {
	list-style: none;
}
#nav span {
	display: none;
}
#nav a {
	color: #000;
	text-decoration: none;
}
#nav a:hover {
	color: #d11241;
}
body#home a.home,
body#about a.about,
body#products a.products,
body#productlines a.productlines,
body#assistance a.assistance,
body#directions a.directions,
body#contact a.contact { color: #d11241; }


/*FOR CSS ROLLOVERS*/
#nav2 a {
	text-decoration: none;
	padding-right: 20px;
	color: #0055a6;
}
#nav2 {
	padding-top: 20px;
}
#nav2 a:hover {
	text-decoration: none;
	padding-right: 20px;
	color: #000;
}
#homenav {
	color: #000;
	height: 202px;
	padding-top: 5px;	
}
#homenav li {
	float: left;
	height: 226px;
	width: 297px;
}
#homenav li.last {
	float: left;
	width: 280px;
}
#homenav ol, #homenav ul {
	list-style: none;
}
#homenav a {
	font-family: 'BebasRegular';
	color: #000;
	font-size: 20px;
	text-decoration: none;
}
#homenav a:hover {
	color: #d11241;
}
#homenav a span.img {
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	height: 202px;
}
#homenav a span.text {
	position: relative;
	left: 3px;
	top: -25px;
}
#homenav a:hover span {
	background-position: bottom center;
}
#resid span.img {
	background-image: url('../images/residential.png');
	width: 280px;
	height: 202px;
	display: block;
}
#commer span.img {
	background-image: url('../images/commercial.png');
	width: 281px;
	height: 202px;
}
#indust span.img {
	background-image: url('../images/industrial.png');
	width: 280px;
	height: 202px;
}
/*FOR CSS ROLLOVERS*/

#sidebar {
	display: block;
	width: 220px;
	float: left;
	padding: 0px 0px 0px 15px;
}
#sidebar a {
	display: block;
	color: #d11241;
	border-bottom: 1px solid #000;
	padding: 9px 0px 6px 0px;
	text-decoration: none;
}
#sidebar a.last {
	border-bottom: none;
}
#mainbar {
	display: block;
	width: 590px;
	float: right;
	padding: 0px 15px;
	line-height: 18px;
}

#footercontact {
	bottom: 20px;
	left: 0px;
	color:#fff;
	font-size: 13px;
	line-height: 19px;
}
#by2fish {
	
}
#copyright {
	color: #fff;
	font-size: 9px;
	
}

p {
	padding-top: 4px;
	padding-bottom: 8px;
}

h1, h2, h3, h4, h5, h6 {
	padding-top: 4px;
	padding-bottom: 4px;
}

h1 {
	font-size: 24px;

}
h2 {
	font-size: 18px;
	line-height: 20px;
	
}
h3 {
	font-size: 18px;
	line-height: 20px;
	
}
.etc_combustioncontrols h3 {
	font-size: 14px;
	font-weight: bold;
}
#footer h3 {
	color: #fff;
	padding-bottom: 15px;
	font-family: 'BebasRegular';
	font-size: 20px;
}
h4 {
	color: #008752;
	xfont-size: 12px;
	font-weight: bold;
	padding: 0px;	
}
h6 {
	font-weight: bold;
}
strong, b {
	font-weight: bold;
}
.bold {
	font-weight:bold;
}
.italics {
	font-style: italic;
}
.image_float_right {
	float:right;
	padding: 0px 0px 15px 30px;
}
.image_float_left {
	float:left;
	padding: 0px 30px 15px 0px;
}
a {
	color: #000;
	text-decoration: underline;
	
}
a:visited {
	color: #000;
}
a:hover {
	color: #008752;
	
}
a:active {
	color: #008752;
	position: relative;
	top: 1px;
	
}
hr {
	background: url('../images/hrback2.jpg') top center repeat-x;
	height: 6px;
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	display:block;
}
hr.thinhr {
	background: #000;;
	height: 1px;
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	display:block;
	margin: 5px 0px;
}
.horizontal_divider {
	height: 6px;
	background: #F6F6F6;
	margin: 20px 0;
}
body#home hr {
	background: url('../images/hrback.jpg') top center repeat-x;
}
body#assistance #sidebar p {
	color: #008752;
	padding: 12px 0px;
	border-bottom: 1px solid #000;
	font-size: 13px;
	line-height: 15px;
}
body#assistance #sidebar p span {
	font-weight: bold;
	font-style: italic;
	line-height: 20px;
}
body#about #mainbar span {
	color: #d11242;
	font-style: italic;
	font-weight: bold;
}
.salesperson {
	padding-left: 10px;
}
p.salesperson span {
	color: #008752 !important;
}
.thumb {
	float: left;
	margin: 5px 10px 5px 0px;
	border: 1px solid #000;
}
.frame-shadow {
	
}
.image_container {
	width: 100%;
}
.image_container img {
	width: 100%;
	height: auto;
}
.image_frame {
	border: 1px solid #FFF;
	display: block;
	max-width: inherit;
	padding: 4px;
	box-shadow: 2px 2px 5px #CCC;
    background-color: #F6F6F6;
    background: #F6F6F6;
	margin-bottom: 18px;
}
.etc_combustioncontrols li {
	margin-left: 20px;
	list-style-type: disc;
}
.box {
	padding: 20px;
	background: #F6F6F6;
}
.calltoaction {
	    font-family: 'BebasRegular';
	    color: #fff;
	    font-size: 20px;
		background: #d11241;
		border: 1px solid #620000;
		border-radius: 5px;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		cursor: pointer;
}

.calltoaction:visited {
	color: #fff;
}
.calltoaction:hover {
	color: #620000;
}
.calltoaction.mini {
	font-size: 9px;
	line-height: 9px;
	border-radius: 0px;
	font-family: Helvetica;
	padding: 4px;
	background: #F6F6F6;
	color: #000;
	border: 1px solid #ccc;
}