img, a img { border:0; } 
.clear { display: inline-block; }   
.clear:after { content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

body 
{
	margin:0px;
}

div#screen
{
	text-align:center;
}

div#page
{
	margin:auto;
	margin-top:0px;
	text-align:left;
}

div#header
{
	float:left;
	width:100%;
	clear:both;
	background:#fff;
	height:120px;
}

div#menubar
{
	float:left;
	width:100%;
	clear:both;
	background: #fff;
	margin-bottom:7px;
}
div#menubar .inner
{
	background: #508420;
	height: 32px;
}

div#herobar
{
	float:left;
	width:100%;
	margin-bottom:0px;
	height:368px;
}

div#heroleft
{
	width: 287px;
	float:left;
	margin:0px 3px 0px 0px;
}

#herointro
{
	margin:0px;
	width: 287px;
	height: 286px;
	background: #BD2D15 url(/images/template/intro-bg.gif) no-repeat;
	vertical-align:bottom;
	
}

#herointro p
{
	margin:0px;
	color:#fff;
	padding:0px 20px 25px 35px;
}

div#heroright
{
	width:470px;
	float:left;
	overflow:hidden;
}

div#herocarbon
{
	margin:1px 0;
}

.inner
{
	margin:auto;
	margin-bottom:0px;
	margin-top:0px;
	width:760px;
}

div#titlebar 
{
	border-top:solid 5px #fff;
	clear:both;
}

div#titlebar .inner
{
	height:80px;
	border-bottom:solid 1px #bbb;
}

div#titlebar .left
{
	float: left;
	height:80px;
	width: 287px;
	border-right: solid 1px #bbb;
}

div#titlebar .right h2
{
	margin:0px;
	color: #999;
	font-size:1.4em;
	font-weight:normal;
}

div#titlebar .right h3
{
	margin:0px;
	font-size: .92em;
	font-weight:bold;
	text-transform: uppercase;
	margin-top:20px;
	font-weight:normal;
}

div#titlebar .left h2
{
	margin:0px;
	margin-left:20px;
	font-size:1.8em;
	font-weight:normal;
}

div#titlebar .left h3
{
	margin:0px;
	margin-left:20px;
	font-size: .92em;
	font-weight:bold;
	color: #999;
	text-transform: uppercase;
	margin-top:20px;
}

div#titlebar .right
{
	height:80px;
	float: left;
	padding-left:30px;
}

div#header .logo
{
	float:left;
}

div#pagetools
{
	float:right;
	width:360px;
	margin-top:75px;
	text-align:left;
}

div#content
{
	clear:both;
}

div#content .inner
{
	border-bottom: solid 1px #bbb;
	background: url(/images/template/content-inner-bg.gif) repeat-y;
}


div#content .left
{
	float: left;
	width: 287px;
}

div#content .right
{
	float:left;
	padding:20px 0px 10px 30px;
	width: 435px;
}

div#footer
{
	width:100%;
	clear:both;
	float:left;
	text-align:center;
}

div#footer div.inner
{
	margin:auto;
	padding-top:115px;
	background: #538522 url(/images/template/footer-bg.gif) no-repeat;
	color: #fff;
}