/* CSS Document */

body {
background: #fff url(../images/background-image.gif) repeat-x; margin-bottom: 15px;
	margin:0px;
	padding:0px;
	}

a img { border: none; }  
  
  /*Hide Overflow from Mac\*/
#frame a { overflow:hidden; }
#indexframe a { overflow:hidden; }
/* End Hack */



/*Hide Margin Bug Fix from Mac\*/
#frame a { display: inline; }
#indexframe a { display: inline; }
/* End Hack */


/* Start Div Styles */

	#indexframe {
		width:807px;
		height:558px;
		margin-right:auto;
		margin-left:auto;
		margin-top:20px;
		margin-bottom:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		background:#fff;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-top: 1px solid #aaa;
		background-image: url(../index-images/hh_logo.gif);
		background-repeat: no-repeat;
		background-position: 595px 323px;
		overflow: visible;
		}
		
		#indexframebottom {
		width:805px;
		margin-right:auto;
		margin-left:auto;
		margin-top: 0px; 
		margin-bottom:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		background:#ccc;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		overflow: visible;
		}
		
		#indexcontentfooter {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#996633;
		height:25px;
		}
		
	#indexcontent {
		width:406px;
		float:left;
		overflow: auto;
		}
		
		
	#openhouse {
	margin:5px;
		float:right;
		}
		
	#promo {
		position:relative;
		top: 0px; 
		left: -400px;
		float:left;
		}

	#indextext {
		position:relative;
		margin: -96px 0px 0px 50px;
		float:left;
		font-size: 11px;
		line-height: 1.8;
		}
		
	#index-headline h3 {
		font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
		font-weight:normal;
		font-size:32px;
		padding:0;
		margin:0px 0px -10px 0px;
		color:#7089b1;
		left: -23px;
		position:relative;
		}
		
	#indexbutton {
		position:relative;
		top: 30px; 
		left: 140px;
		float:left;
		}
		
	#indexleft {
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width:399px;
		float:left;
	/*ie pc hack*/
		display:inline;
		}
		
	#frame {
		width:805px;
		margin-right:auto;
		margin-left:auto;
		margin-top:20px;
		margin-bottom: 0px;
		padding:0px 0px 30px 0px;
		text-align:left;
		background:#fff;
		background-image: url(../images/right-column-bckgrnd.gif);
		background-repeat: repeat-y;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-top: 1px solid #aaa;
		}
		
	#framebottom {
		width:805px;
		margin-right:auto;
		margin-left:auto;
		margin-top: 0px; 
		margin-bottom: 15px;
		padding:0px 0px 0px 0px;
		text-align:left;
		background:#ccc;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;	
		}
		
	#contentmenu {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:535px;
		float:left;
		background:#fff;
		}
		
	#contentleft {
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width:270px;
		float:left;
	/*ie pc hack*/
		display:inline;
		}
	
	#center-content {
width:614px;
height:794px;
margin-top:25px;
margin-left:auto;
margin-right:auto;
}

	#contentcenter {
		margin:10px 0px 0px 35px;
		padding:0px 0px 0px 0px;
		width:330px;
		float:left;
		background:#fff;
		}

	#contentright {
		margin:60px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:120px;
		float:left;
		background:#fff;
		}
		
	#contentfooter {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#996633;
		height:20px;
		}
		
	#testimonial {
		margin-right:auto;
		margin-left:auto;
		padding:20px 50px;
		width:350px;
		background:#fff;
		}
		
	#directions {
		margin-right:auto;
		margin-left:auto;
		padding:10px 20px;
		width:410px;
		background:#fff;
		}
		
	#glossary {
		margin-right:auto;
		margin-left:auto;
		padding:20px 50px;
		width:355px;
		background:#fff;
		}
		
	#application {
		padding:20px 50px;
		width:345px;
		height:1280px;
		background:#fff;
		}
		
	#supplier_application {
		padding:20px 50px;
		width:345px;
		height:1100px;
		background:#fff;
		}
		
	#slideshow {
		margin-right:auto;
		margin-left:auto;
		padding:0px 0px;
		width:500px;
		background:#fff;
		}
		
	#exterior {
		margin-right:auto;
		margin-left:auto;
		padding:0px 0px;
		width:380px;
		background:#fff;
		}

	#slideshow_text {
		margin-right:auto;
		margin-left:20px;
		padding:0px 0px;
		width:300px;
		background:#fff;
		left: 0px;
		}
	
	#line {
		margin:50px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:37px;
		float:left;
		background:#fff;
		}
		
	#headline h1 {
		font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
		font-weight:normal;
		font-size:26px;
		margin:20px 0px 0 0px;
		padding:0;
		color:#7089b1;
		}
		
		
	.sub-head {
		font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;
		font-weight:normal;
		font-size:12px;
		color:#996633;
		}
		
	#quote h2 {
		font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
		font-weight:normal;
		line-height:14px;
		font-size:11px;
		color: #996633;
}

/* End Div Styles */
		



.clr {
	clear: both;
	height: 0;
	line-height: 0;
}
		
.thumbnail
{
float: left;
width: 71px;
height: 71px;
border: 1px solid #999;
margin: 0px 0px 47px 9px;
display: inline;
overflow:hidden;
}

.thumbnail_box
{
width: 270px;
float: left;
}


p {
	font-size: 11px;
	line-height: 16px;
	color: #888;
	font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; }

.index {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	line-height: 1.8;
}


.indexbrown{
	color: #996633;
	font-size: 12px;
}

.bold{
	color: #996633;
	font-size: 11px;
}

.brownbold{
	color: #996633;
	font-size: 11px;
	font-weight: bold;
}

.yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #E8A900;
}

.slideshow_buttons{
	color: #ccc;
	font-size: 11px;
}


.right-column-text {
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-weight:normal;
	line-height:14px;
	font-size:11px;
	color: #996633;
}

.sold_out {
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-size: 19px;
	color: #E8A900;
}

.slideshow_text {color: #E8A900;}

.names {
	font-size: 13px;
}


/*--------Start Link Styles--------*/

.menu {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
}

.menu a:link, .menu a:visited, .menu a:active {
	color: #6b890d;
	text-decoration: none;
	}

.menu a:hover {
	color: #fff;
	background-color:#6b890d;
	text-decoration: none;
	}

 
 

.links{ text-decoration: none;border: none;}
a.links:link,
a.links:active,
a.links:visited {color: #6b890d;}
a.links:hover {color: #fff;
background-color:#6b890d;text-decoration: none;}

a:link,
a:active,
a:visited img {
  border: none;
}




.sldshw a:link {
	color: #996633;
	text-decoration: none;
}
.sldshw a:visited {
	text-decoration: none;
	color: #C2C2C2
}
.sldshw a:hover {
	text-decoration: underline;
	color: #999966;
}
.sldshw a:active {
	text-decoration: none;
	color: #996633;
}



.sldshw_text a:link {
	color: #996633;
	text-decoration: none;
	letter-spacing:2px;
}
.sldshw_text a:visited {
	text-decoration: none;
	color: #C2C2C2
}
.sldshw_text a:hover {
	text-decoration: underline;
	color: #999966;
}
.sldshw_text a:active {
	text-decoration: none;
	color: #996633;
}




.sldshwarw a:link {
	color: #996633;
	text-decoration: none;
}
.sldshwarw a:visited {
	text-decoration: none;
	color: #996633
}
.sldshwarw a:hover {
	text-decoration: underline;
	color: #999966;
}
.sldshwarw a:active {
	text-decoration: none;
	color: #996633;
}


.blacklink a:link {
	color: #E8A900;
	text-decoration: none;
	font-weight: bold;
}
.blacklink a:visited {
	text-decoration: none;
	color: #E8A900;
	font-weight: bold;
}
.blacklink a:hover {
	text-decoration: underline;
	color: #E8A900;
	font-weight: bold;
}
.blacklink a:active {
	text-decoration: none;
	color: #E8A900;
	font-weight: bold;
}



/*--------Start Table Styles--------*/
table.sortable {
	text-align: center;
	border-spacing: 0;
	border: 1px solid #fff;
	border-collapse: collapse;
	width:100%;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
table.sortable th, table.sortable td {
	text-align: center;
	padding: 4px 4px 4px 4px;
	width: 100px;
	border-style: solid;
	border-color: #ccc;
}
table.sortable th {
	border-width: 1px 1px 1px 1px;
	background-color: #f5edd6;
	border-color: #ccc;

}
table.sortable td {
	border-width: 1px 1px 1px 1px;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #ddd;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}