@charset "UTF-8";
body{ 
	background: url(../images/dirt-bg.jpg) top center; 
	padding: 0px; 
	margin: 0;
	font: 400 10pt/1.2em Helvetica, Arial, sans-serif;
}
a{}
a img{ border: 0 }
#grass{ background: url(../images/grass.gif) repeat-x; height: 118px }
#container{ margin: 0 auto; width: 740px; position: relative }
#branding{ color: #fff; }
	#branding h1{ width: 195px; height: 91px; }
	#branding ul{ 
		height: 30px;
		background: #402B17;
		position: absolute;
		top: 19px;
		left: 180px;
		padding: 0 0 0 10px;
		margin: 0;
		width: 550px;
	}
	#branding li{ list-style: none; float:left; text-indent: -99em }
	#branding li a{ display: block; overflow: hidden } 
	
	#branding li#features a{ background: url(../images/features.gif) no-repeat; width:89px ; height:30px }
			#branding li#features a:hover{ background-position: 0 -30px }
	#branding li#benefits a{ background: url(../images/benefits.gif) no-repeat; width:80px ; height:30px }
			#branding li#benefits a:hover{ background-position: 0 -30px }
	#branding li#installation a{ background: url(../images/installation.gif) no-repeat; width:105px ; height:30px }
		#branding li#installation a:hover{ background-position: 0 -30px }
	#branding li#wheretobuy a{  background: url(../images/where-to-buy.gif) no-repeat; width:110px ; height:30px }
		#branding li#wheretobuy a:hover{  background-position: 0 -30px }
	#branding li#contactus a{  background: url(../images/contact-us.gif) no-repeat; width:94px ; height:30px }
		#branding li#contactus a:hover{  background-position: 0 -30px }
	#branding li#home a{ background: url(../images/home.gif) no-repeat; width: 68px ; height: 30px }
		#branding li#home a:hover{ background-position: 0 -30px }
	
#body{ width: 740px; background: url(../images/body-bg.gif); }
	#leftcontent{ 
		width: 159px; 
		float: left; 
		background: #402B17;  
		color: #fff;
		position: relative;
		padding: 10px 10px 100px 10px;
		font-size:.8em;
	}
		#leftcontent a{ color: #fff }
		#leftcontent a:hover{ text-decoration: none; }
		
		#leftrnd, #bodyrnd{ position: absolute; top: -10px; left: 0 }
		*html #bodyrnd{ left: -3px; }
	#bodycontent{ 
		margin-left: 198px;
		background: #fff; 
		position: relative;
		padding: 0 20px 20px;
	}
	#site-info{ 
		font-size: .7em; 
		position: absolute; 
		bottom: 0; 
		text-align: center; 
		line-height:1em;
		padding: 5px; 
		width: 170px;
		color: #FFFFFF
	}
	
	
	h2{ padding-top: 1em }
	h3{ padding-top: 1em; font-size: 1.4em }
	.replaced{ text-indent: -99em; } 
	#leftcontent h4{ font: 900 1.2em/1.2em "Palatino Linotype", "Book Antiqua", "Palatino", serif; margin: 0 0 5px 0; }
	.notes{ font-size: .8em }
	p{ margin: 0 0 1em 0 }
	
	li li{ list-style-type: square }
	
	ul.pdflist{ padding: 0; margin: 0 }
	ul.pdflist li{ background: url(../images/pdf-icon.jpg) no-repeat; padding-left: 20px; list-style: none }
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}