/*************************************************************************/
/*************************** global styles *******************************/

html, body{
	margin:0;
	padding:0;
	background:#111111;
}
#container{
	width:850px;
	margin:40px auto 0 auto;
	padding-bottom:20px;
	font:12px/16px Georgia, "Times New Roman", Times, serif;
	color:#222222;
}
#header{
	width:850px;
	height:147px;
	background:transparent url(../images/header.jpg) no-repeat;
}
a.logo{
	width:150px;
	height:147px;
	display:block;
	float:left;
}

/*************************************************************************/
/****************************** navigation *******************************/

#nav{
	float:right;
	background:transparent url(../images/nav-bg.jpg) no-repeat;
}
#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav li{ /* modern browsers */
	margin:0 0 28px 0;
	padding:0;
}
*html #nav li{ /* IE6 fix */
	margin:0 0 25px 0;	
}
*:first-child+html #nav li{ /* IE7 fix */
	margin:0 0 25px 0;
}
#nav #contact, #nav #contactOn{ /* zero out bottom padding for last nav item */
	margin:0;
}
#nav li a{
	width:173px;
	height:58px;
	display:block;
}
#nav li span{ /* hide text links */
	position:absolute;
	left:-9999px;
}
#builders, #buildersOn{
	display:block;
	background:transparent url(../images/nav-builders.jpg) no-repeat 0 0;
}
#homeowners, #homeownersOn{
	display:block;
	background:transparent url(../images/nav-homeowners.jpg) no-repeat 0 0;
}
#product, #productOn{
	display:block;
	background:transparent url(../images/nav-product.jpg) no-repeat 0 0;
}
#gallery, #galleryOn{
	display:block;
	background:transparent url(../images/nav-gallery.jpg) no-repeat 0 0;
}
#about, #aboutOn{
	display:block;
	background:transparent url(../images/nav-about.jpg) no-repeat 0 0;
}
#contact, #contactOn{
	display:block;
	background:transparent url(../images/nav-contact.jpg) no-repeat 0 0;
}
/* hover state */
#builders:hover, #homeowners:hover, #product:hover, #gallery:hover, #about:hover, #contact:hover{ 
	background-position:-173px 0;
}
*html #builders a:hover{ /* IE6 fix */
	visibility:visible
}
/* selected state */
#buildersOn, #homeownersOn, #productOn, #galleryOn, #aboutOn, #contactOn{ 
	background-position:-173px 0;
}

/*************************************************************************/
/************************** content bg images ****************************/

#bgHome{
	width:677px;
	height:483px;
	float:left;
	clear:both;
	background:transparent url(../images/bg-home.jpg) no-repeat;
}
#bgBuilders{
	width:677px;
	height:483px;
	float:left;
	clear:both;
	background:transparent url(../images/bg-builders.jpg) no-repeat;
}
#bgHomeowners{
	width:677px;
	height:483px;
	float:left;
	clear:both;
	background:transparent url(../images/bg-homeowners.jpg) no-repeat;
}
#bgProduct{
	width:677px;
	height:483px;
	float:left;
	clear:both;
	background:transparent url(../images/bg-product.jpg) no-repeat;
}
#bgGallery{
	width:677px;
	height:483px;
	float:left;
	clear:both;
	background:transparent url(../images/bg-gallery.jpg) no-repeat;
}
#bgAbout{
	width:677px;
	height:483px;
	float:left;
	clear:both;
	background:transparent url(../images/bg-about.jpg) no-repeat;
}
#bgContact{
	width:677px;
	height:483px;
	float:left;
	clear:both;
	background:transparent url(../images/bg-contact.jpg) no-repeat;
}
#copy{
	width:473px;
	height:352px;
	margin-left:183px;
	padding-top:25px;
	padding-right:20px;
	overflow:auto;
}

/*************************************************************************/
/******************************* gallery *********************************/

#thumb{
	width:112px;
	padding:5px 5px 5px 0;
	float:left;
	text-align:center;
}



/*************************************************************************/
/******************************** footer *********************************/

#footer{
	width:850px;
	clear:both;
	color:#997347;
	font-weight:bold;
	text-align:center;
}

/*************************************************************************/
/***************************** type styles *******************************/

h1, h2, h3{
	margin:0;
	padding:5px 0 5px 0;	
	font-size:18px;
	font-weight:bold;
}
p{
	margin:0;
	padding:7px 0 7px 0;
	text-align:justify;
}
ul, ol, li{
	margin-top:7px;
	margin-bottom:7px;
	padding-top:0;
	padding-bottom:0;
}
.floatLeft{
	float:left;
	margin:10px 15px 5px 0;
}
.floatRight{
	float:right;
	margin:10px 0 5px 15px;
}

/*************************************************************************/
/****************************** linkage **********************************/

/** default **/
a:link, a:visited, a:active{color:#5D2E00; text-decoration:underline;}
a:hover, a.selected{color:#A06933; text-decoration:underline;}