/* CSS Document */

body {
	background:url(../img/generic/g_back.jpg) no-repeat top left #efd296;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
}

a {	text-decoration:none;
	color:#9B2527;}
	
a:hover, a.active { color:#000000;}	
	


img {border:0;}

p {line-height: 17px;}

h1 {
	font-size:16px;
	color:#9B2527;
	font-weight:lighter;
	margin:10px 0 0 0;
}

h2 {
	text-transform:uppercase;
	font-size:13px;
	color:#FFFFFF;
	font-weight:lighter;}
	
h3 {
	font-size:13px;
	color:#9B2527;
	font-weight:lighter;
	line-height: 18px;
}	

h4 {
	text-transform:uppercase;
	font-size:12px;
	color:#9B2527;
	font-weight:lighter;
	margin:0 0 10px 0;}

h5 {
	text-transform:uppercase;
	font-size:12px;
	color:#9B2527;
	font-weight:lighter;
	padding:0;}
	
#comlogo {
	margin: -40px 0 20px 0;

}
/* MAIN CSS STYLES */


/* IE ignores css styles with [attributes], so it will skip the following. */

.shadow {
	margin: 50px auto;
	width:878px;
	background-repeat:repeat-y;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/generic/g_shadow.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.shadow[class] {
  background:url(../img/generic/g_shadow.png) repeat-y;
}



#container {
	width: 850px;
	margin:0 14px;
	background:#000000;
	}
	
#nav {
	width: 850px;
	height:62px;
	text-align:right;
	float:right;
	}
	
#banner {
	width: 850px;
	height:232px;
	clear:both;
	}
	
#leftcol {
	width: 235px;
	float:left;
	}
	
#rightcol {
	width: 615px;
	float:right;
	}
	
#footer {
	width: 850px;
	height:30px;
	clear:both;
	text-align:right;
	padding:10px 0;
}

#newsletter {
	width:615px;
	height:51px;
	background:url(../img/generic/g_newsletter_back.jpg) top left no-repeat #efd296;
	padding-top:15px;
	clear:both; }	

#newsletter table {
	margin-left:250px;
	width:315px;
	}

#newsinput {
	width: 220px;
	height:18px;
	border: 1px #493718 solid;
	background:none;}
	
#content {
	width:615px;
	background:url(../img/generic/g_content_back.gif) repeat-y #efd296;
	padding-bottom:20px;
	overflow:auto;
	}

#contentlevel {
	width:615px;
	background:url(../img/generic/g_content_back.gif) repeat-y #efd296;
	overflow:auto;
	}	
	
#content p, #content h1, #content h2, #content h4, #contentlevel p, #contentlevel h1, #contentlevel h2, #contentlevel h4  {
	padding: 0 30px;}
	
#content li,#contentlevel li { margin-left:30px; }	
	
	
#close {
	width:615px;
	height:24px;
	background:url(../img/generic/g_bottom_main.jpg) top left no-repeat #efd296;
	clear:both; }	
	
.filler {
	float:right;
	margin:10px 18px 10px 10px;}	

.contentform {margin: 5px 30px;}
.contentform td {padding: 3px;}	
.contentform input { }

/* NAV STYLES START HERE */

#nav ul {
	margin:0;
	padding:25px 15px 0 0;
	}

#nav li {
	margin: 0;
	list-style:none;
	display:inline;
	}
	
#nav a {
	color:#FFFFFF;
	padding:0 15px;
	font-size:14px;
	font-weight:lighter;}

#nav a:hover , #nav a.active {
	color:#efd296;
	}

/* NAV STYLES START HERE */

#subnav ul {
	margin:0 0 0 17px;
	padding:17px 0 0 0;
	}

#subnav li {
	margin: 0;
	padding:5px 0;
	list-style:none;
	width:186px;
	background:url(../img/our_homes/g_button.jpg) no-repeat 0.5em 100%;
	
	}
	
#subnav a {
	color:#FFFFFF;
	padding:0 30px;
	font-size:14px;
	line-height:30px;
	font-weight:lighter;
	text-transform:uppercase;
	text-align: left;
	display:block;
	}

#subnav a:hover , #subnav a.active {
	color:#efd296;
	}



/* PROMO STYLES START HERE */

#leftPromo {
	width:302px;
	height:162px;
	float:left;
	background: url(../img/home/g_leftPromo_back.jpg) no-repeat top;
	}

#rightPromo {
	width:302px;
	height:149px;
	float:right;
	background: url(../img/home/g_rightPromo_back.jpg) no-repeat top;}
	
#rightPromo p{
	padding: 70px 20px 0 18px;}	
	
#leftPromo p{
	padding: 60px 130px 0 18px;}	
	
#rightPromo p, #leftPromo p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	}
	
#leftPromo a{
	color:#000000;
	}	
	
#rightPromo a{
	color:#FFFFFF;
	} 
	
#rightPromo a:hover, #leftPromo a:hover {
	text-decoration:underline;
	} 

/* Our location NAV STYLES START HERE */	

#location {
	width:182px;
	height:322px;
	float:right;
	background:url(../img/home/g_location_back.jpg) no-repeat top;
	padding:0 10px;
	}
	
#subnav {
	width:202px;
	height:304px;
	background:url(../img/generic/g_subnav_back.jpg) no-repeat;
	float:right;
	}
	
#info {
	margin-top:340px;
	margin-left:25px;
}

#info h1 {
	color:white;
}
	
/* FOOTER NAV STYLES START HERE */

#footer ul {
	margin:10px 0;
	padding-right:15px;
	}
	

#footer li {
	margin: 0;
	list-style:none;
	display:inline;
	}
	
#footer a {
	color:#FFFFFF;
	padding:0 10px;
	font-weight:lighter;}

#footer a:hover , #footer a.active {
	color:#efd296;
	}
	
#eco {
	width:192px;
	background:url(../img/eco/g_eco_back_repeat.jpg) repeat-y #efd296;
	margin-left:35px;}
	
#eco p {
	color:#FFFFFF;
	margin: 5px 30px 5px 12px;}	
	
/* RESIDENCE PAGES 2 COLUMNS TEXT */	

#contentleft {
	float:left;
	width:350px;
}

#contentright {
	float:right;
	width:230px;
	margin-right: 30px;
}

#contentright p{
	margin:0;
	padding:8px 0;
}
#contentright h4 { 
	margin:5px 0;
	padding:0; }
	
.promotext { 
	border-bottom:#996633 solid 1px;
	margin-bottom: 30px;}	

#residencejump {
	background:#3A2911;
	border:#3A2911 solid 1px;
	color:#FFFFFF;}

#contentright ul { 
	margin:10px 0;
	padding:0; }
	
#contentright li { 
	line-height:17px; 
	list-style:none;
	margin:0;
	padding:0 0 0 30px; }

/* RESIDENCE PAGES ELEVATIONS AREA */

#residenceArea {
	width: 614px;
	background: url(../img/our_homes/g_residence_back.jpg) top no-repeat #463417;
	height:308px;
	clear:both;
	border-left:1px #000000 solid;
}
 #residenceNav {
 	width: 574px;
	height:44px;
	padding: 0 20px;
	}

#residenceNav ul {
	margin:0;
	padding:15px 0 0 0;
}	

#residenceNav li {
	margin: 0;
	list-style:none;
	display:inline;
}

#residenceNav a {
	text-transform:uppercase;
	color: #FFFFFF;
	font-size:12px;
	border-left: 1px #FFFFFF solid;
	padding: 0 10px;
}

#residenceNav a:hover { color:#efd296;}

.housetype { float:left;}
.floor {float:right; width:200px; text-align:left;}


#residenceElevation {
	width:367px;
	float:left;
}
#residenceFloorplan {
	width:247px;
	float:right;
}

#residenceElevation img, #residenceFloorplan img {
	margin-left:8px;
}




/* TABS FOR RESIDNCE STYLES START */
#tabs {
	text-align:left;
	margin-left:28px;
	padding:0;
	width:550px;
	height:32px;
	margin-top: 30px;
	border-collapse:collapse;
	}
	
#tabs tabsul{
	border-collapse:collapse;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	border:none;
	}	

#tabs td{
	background:url(../img/non.jpg);
	border-collapse:collapse;
	height:34px;
	width:105px;
	margin:0;
	padding:0;
	}

#tabs td a{ color:#FFFFFF;}

#tabs .active { background:url(../img/active.jpg); }
	

#maintext {
	width:550px;
	background:#3A2911;
	color:#FFFFFF;
	float:left;
	margin-left:30px;
	padding: 10px 0;
}

#maintext li {line-height: 17px;}

#maintext a, #maintext h3 {color:#FFFFFF;}
#maintext a:hover {color:#efd296;}

#maintext table{
	width:inherit;
	border-collapse:collapse;
	padding:0;
	margin:0;
}

#maintext table td{
	border-bottom: 1px solid #4D3A20;
	padding:10px;
	margin:0;
	border-collapse:collapse;
}

#maintext table td p, #maintext table td h2{
	padding:0;
	margin:0;
}

.h1header {margin-top:-30px;}
.h2header {margin-top:-50px;}

#privacy { width: 400px; }

/* CONTACT PAGE 2 COLUMNS TEXT */	

#contactleft {
	float:left;
	width:360px;
}

#contactright {
	float:right;
	width:220px;
	margin-right: 30px;
}

.lightbrown { background: #4D3A20; }
#lc_contact{
	padding-left: 24px;
}
#lc_contact p {
	margin:0;
	padding: 10px 0px 6px 0px;
	}