html
		{
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		}
		
body
		{
		margin: 0px;
		padding: 0px;
		background: #ed1d24 url('../images/body_top_bg.gif') top left repeat-x;
		color: #000;
		width: 100%;
		height: 100%;
		}
		
fieldset, form, img
		{
		border: 0px none;
		}
		
#wrapper
		{
		position: absolute;
		top: 0px;
		left: 0px;
		background: transparent url('../images/body_bottom_bg.gif') bottom left repeat-x;
		color: #000;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		}
		
#stripes
		{
		position: absolute;
		top: 0px;
		left: 0px;
		background: transparent url('../images/striped_bg.png') top left;
		color: #000;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		}
		
#container
		{
		position: relative;
		background: transparent url('../images/main_bg.jpg') top left no-repeat;
		color: #000;
		margin: 80px auto 0px auto;
		padding: 0px;
		width: 1005px;
		height: 503px;
		}
		
#nav
		{
		position: absolute;
		top: 245px;
		left: 27px;
		background: transparent;
		color: #000;
		margin: 0px;
		padding: 0px;
		width: 336px;
		height: 185px;
		}
		
.nav_button
		{
		margin: 5px 0px 0px 0px;
		padding: 0px;
		width: 336px;
		height: 16px;
		}	
		
.nav_button a:link, .nav_button a:visited
		{		
		color: #fff;
		display: block;
		margin: 0px;
		padding: 2px 0px 0px 20px;
		width: 316px;
		height: 16px;
		font-family: arial, verdana, helvetica;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		}
				
.nav_button a:hover, .nav_button a:active
		{
		color: #ec1e24;
		display: block;
		margin: 0px;
		padding: 2px 0px 0px 20px;
		width: 316px;
		height: 16px;
		font-family: arial, verdana, helvetica;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		}
		
		
		
.nav_button a:hover#home, .nav_button a:active#home
		{
		background: #fff url('../images/home_on.gif') 10px 1px no-repeat;
		}		
		
.nav_button a:hover#polished, .nav_button a:active#polished
		{
		background: #fff url('../images/polished_on.gif') 10px 1px no-repeat;
		}	
		
.nav_button a:hover#hcd, .nav_button a:active#hcd
		{
		background: #fff url('../images/hcd_on.gif') 10px 1px no-repeat;
		}	
		
.nav_button a:hover#community, .nav_button a:active#community
		{
		background: #fff url('../images/community_on.gif') 10px 1px no-repeat;
		}	
		
.nav_button a:hover#gallery, .nav_button a:active#gallery
		{
		background: #fff url('../images/gallery_on.gif') 10px 1px no-repeat;
		}
		
.nav_button a:hover#testimonials, .nav_button a:active#testimonials
		{
		background: #fff url('../images/testimonials_on.gif') 10px 1px no-repeat;
		}
		
.nav_button a:hover#contact, .nav_button a:active#contact
		{
		background: #fff url('../images/contact_on.gif') 10px 1px no-repeat;
		}
		
#homepage_image
		{
		position: absolute;
		top: 3px;
		right: 0px;
		background: transparent url('../images/homepage_image.jpg') top left no-repeat;
		color: #000;
		margin: 0px;
		padding: 0px;
		width: 638px;
		height: 358px;
		}
		
#contact_info
		{
		position: absolute;
		top: 412px;
		left: 40px;
		background: transparent url('../images/contact_info.gif') top left no-repeat;
		color: #000;
		margin: 0px;
		padding: 0px;
		width: 310px;
		height: 11px;
		}
		
#content
		{
		position: absolute;
		top: 69px;
		right: 0px;
		background: transparent;
		color: #fff;
		margin: 0px;
		padding: 0px;
		width: 640px;
		height: 364px;
		}
		
#content h1
		{
		color: #fff;
		margin: 0px;
		padding: 5px;
		font-family: arial, verdana, helvetica;
		font-size: 18px;
		line-height: 18px;
		font-weight: bold;
		text-transform: uppercase;
		}
		
#content h2
		{
		color: #fff;
		margin: 0px;
		padding: 5px;
		font-family: arial, verdana, helvetica;
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		text-transform: uppercase;
		}
		
#content p, #content a
		{
		color: #fff;
		margin: 0px;
		padding: 5px;
		font-family: arial, verdana, helvetica;
		font-size: 12px;
		line-height: 14px;
		font-weight: normal;
		}
		
#content a
		{
		text-decoration: underline;
		font-weight: bold;
		}
		
#left_column
		{
		background: transparent url(../images/hr.gif) 5px 350px no-repeat;
		width: 320px;
		height: 364px;
		margin: 0px 0px 0px 10px;
		padding: 0px;
		float: left;
		display: block;
		overflow: hidden;
		}
		
#scroller
		{
		width: 300px;
		height: 300px;
		margin: 0px;
		padding: 0px;
		display: block;
		overflow: auto;
		}
		
#right_column
		{
		width: 310px;
		height: 364px;
		margin: 0px;
		padding: 0px;
		float: left;
		display: block;
		overflow: hidden;
		}
		
#colorchart
		{
		width: 640px;
		height: 364px;
		}
		
#footer
		{
		margin: 0px auto;
		padding: 0px;
		width: 1005px;
		height: 30px;
		background: transparent;
		text-align: center;
		}
		
#footer p, #footer a
  		{
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		font-family: verdana, arial, helvetica, sans-serif;
		}
		
.clear
		{
 		clear: both;
 		height: 1px;
 		overflow: hidden;
 		line-height: 1%;
 		font-size: 0px;
 		margin-bottom: -1px;
		background: transparent;
		}

* html .clear
		{
		height: auto;
		margin-bottom: 0px;
		}