body, html {
	width:100%;
	height:100%;
	margin:0px;
	
	background:#FFF;
}

div#main
{
	width:965px;
	margin:0 auto;
}

div#banner
{
	width:965px;
	height:74px;
	
	padding-top:30px;
	background:url(../images/banner.jpg) no-repeat;
}

div#content
{
	width:965px;
	height:300px;
	
	margin:2px auto 10px auto;
	
	position:relative;
	overflow:hidden;
}

	div#content ul
	{
		width:3000px;
		margin-left:-1px;
	}

	#hero-1, #hero-2, #hero-3
	{
		width:159px;
		height:295px;
		
		overflow:hidden;
		display:block;
		
		float:left;
		background-repeat:no-repeat;
		background-position:0 0;
		
		margin:0 1px;
		
	}
	
		div#content #hero-1
		{
			background:url(../images/panel-1.jpg);
		}
		
		div#content #hero-2
		{
			background:url(../images/panel-2.jpg);
		}
		
		div#content #hero-3
		{
			background:url(../images/panel-3.jpg);
		}
		
	.hero-content
	{
		width:561px;
		float:right;
		
		padding:130px 40px 20px 40px;
	}
	
	
div#johnson-boxes
{
	width:960px;
	margin:0 auto;
	
	padding-left:5px;
}

	.pipe
	{
		background:url(../images/pipe.jpg) no-repeat;
		width:10px;
		height:315px;
	}	

	.johnson-box
	{
		width:305px;	
	}
	
	.johnson-box-info
	{		
		height:160px;
		margin-left:10px;
	}
	
		.johnson-box-info li
		{
			margin:10px 0px 0px 18px;
			padding-right:10px;
			
			list-style:disc;
		}

	#johnson-boxes div
	{
		float:left;
		margin:0px 2px;
_margin:0px 1px;
	}
	
	.button
	{
		background:url(../images/btn-left.jpg) no-repeat;
		height:33px;
	}
	
		.button a
		{
			background:url(../images/btn-right.jpg) no-repeat right;
			height:33px;
			margin-left:10px;
			padding-right:10px;
			line-height:29px;
			display:block;
			
	_width:185px;
		}

#footer
{
	width:960px;
	margin:0 auto;
}