/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #88766C url(images/bg_body.jpg) repeat-y center top;
}
p {
	margin: 0;
	padding: 0 0 12px 0;
	line-height: 1.3em;
}
a { text-decoration: none; font-weight: bold; color: #818F74; }
a:hover { text-decoration: underline;}


/* ID's ********************************************************************/
#containerWrap {
	background: url(images/bg_body_wrap.jpg) repeat-x left top;
}
#header {
	width: 770px;
	height: 85px;
	margin: 0 auto;
	padding: 0;
}
#headerBar {
	background: url(images/bg_header_bar.jpg) repeat-x left top;
	width: 770px;
	height: 40px;
	overflow: hidden;
	margin: 0 auto;
}
#contentWrapTile {
	background: url(images/bg_content_tile.gif) repeat-y left top;
	width: 778px;
	margin: 0 auto;
}
#contentWrapBottom {
	width: 778px;
	padding: 0 0 22px 0;
	background: url(images/bg_content_wrap.jpg) no-repeat left bottom;
}
#content {
	width: 778px;
	background: url(images/bg_content.gif) no-repeat left top;
	padding: 0 0 1px 0;
}
#col1 {
	width: 199px;
	float: left;
	/*background-color: #FF0099;*/
}
#col2 {
	width: 340px;
	float: left;
	padding: 20px 0 10px 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 325px;
}body>#col2 {width:325px;}
#col2 p { line-height: 1.4em; }
#col3 {
	width: 239px;
	float: left;
	padding: 20px 19px 10px 25px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 194px;
	background: url(images/bg_col3_fade.jpg) no-repeat right top;
}body>#col3 {width:194px;}

#footer {
	width: 778px;
	margin: 0 auto;
	background: url(images/bg_footer.jpg) no-repeat left top;
	padding: 20px 0 20px 199px;
	color: #E6EAED;
	text-align: center;
	font-size: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 579px;
}body>#col2 {width:579px;}

#footerWrap {
	width: 778px;
	margin: 0 auto;
	padding: 0;
}
#footer a { color: #FFFFFF; text-decoration: none; font-weight: normal; }
#footer a:hover { text-decoration: underline; }
#footer p { line-height: 1.6em; }

/* SIDENOTE ********************************************************************/
#sidenote {
	width: 190px;
	padding: 15px 0 0 3px;
	color: #333333;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 187px;
}body>#sidenote {width:187px;}

#sidenoteTop {
	height: 37px;
	background: url(images/bg_sidenote_top.gif) no-repeat left top;
}
#sidenoteMiddle {
	background: url(images/bg_sidenote_middle.gif) repeat-y left top;
	padding: 8px 0 2px 0;
	font-size: 11px;
}
#sidenoteBottom {
	height: 15px;
	background: url(images/bg_sidenote_bottom.gif) no-repeat left top;
}

#sidenote h3 {
	padding: 16px 0 0 10px;
	margin: 0;
	color: #FFFFFF;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}

#sidenote ul { margin: 0; padding: 0 10px; list-style-type: none !important; }
#sidenote li { margin: 0; padding: 8px 0 8px 26px !important; }
.phone {
	background: url(images/bullet_phone.gif) no-repeat left !important;
	border-bottom: 1px solid #CCCCCC;
}
.address {
	background: url(images/bullet_binoculars.gif) no-repeat left !important;
	border-bottom: 1px solid #CCCCCC;
}
.email {
	background: url(images/bullet_mail.gif) no-repeat left !important;
}

#sidenote a { color: #818F74;}


/* NAVIGATION ******************************************************************/
#nav {
	height: 205px;
	padding: 5px 0 0 0;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li {
	margin: 0;
	background: url(images/bg_nav_divider.gif) no-repeat right bottom;
	height: 34px;
	overflow: hidden;
	padding: 4px 0 2px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 26px;
}body>#nav li {height:26px;}

#nav li a {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
	padding: 2px 0;
	display: block;
}
#nav li a:hover {
	text-decoration: underline;
}
.bottom {
	background: none !important;
	height: 34px;
	overflow: hidden;
	padding: 4px 0 0 10px;
}
#active {
	background: url(images/bg_nav_active_arrow.gif) no-repeat right top !important;	
	text-decoration: underline !important;
}

/* HEADERS *********************************************************************/
h1 {
	height: 40px;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
}
#welcome { background: url(images/g_h1_welcome.gif) no-repeat left top; }
#maps {	background: url(images/g_h1_maps.gif) no-repeat left top; }
#community { background: url(images/g_h1_community_info.gif) no-repeat left top; }
#contact { background: url(images/g_h1_contact_us.gif) no-repeat left top; }
#floorplans { background: url(images/g_h1_floorplans.gif) no-repeat left top; }
#amenities { background: url(images/g_h1_amenities.gif) no-repeat left top; }
h2 {
	height: 40px;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
}
#visitUs {
	background: url(images/g_h2_visit_us.gif) no-repeat left bottom;	
}
#show {
	background: url(images/g_h2_show_way.gif) no-repeat left bottom;	
}
#addlInfo { background: url(images/g_h2_additional_info.gif) no-repeat left bottom; }

h3 { font-size: 1.2em; font-weight: bold; margin: 0 0 15px 0; padding: 0; }

h4 {
	height: 22px;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
}
#apartmentInfo {
	background: url(images/g_h4_apartments.jpg) no-repeat left bottom;	
}
#townehomeInfo {
	background: url(images/g_h4_townehomes.jpg) no-repeat left bottom;	
}

/* FLOOR PLANS *****************************************************************/
#oneBdr {
	padding: 0 0 20px 0;
}
#twoBdr {
	padding: 0 0 20px 0;
}
#threeBdr {
	padding: 0 0 20px 0;
}
.floorplanInfo {

}
.floorplanInfo .col1 {
	float: left;
	width: 135px;
}
.floorplanInfo .col2 {
	float: left;
	width: 190px;
}
/* LISTS ***********************************************************************/
#col2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#col2 li {
	padding: 2px 0 5px 24px;
	background: url(images/bullet_arrow_02.gif) no-repeat 2px 4px;	
}

#col3 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#col3 li {
	padding: 2px 0 5px 24px;
	background: url(images/bullet_arrow_02.gif) no-repeat 2px 4px;	
}


/* Class's *********************************************************************/

.clear { clear: both; overflow: hidden; margin: 0; padding: 0; }
.divider { clear: both; overflow: hidden; margin: 5px 0 10px 0; padding: 0; height: 1px; border-bottom: 1px solid #CCCCCC; }
.more {
	background: url(images/bullet_magnify.gif) no-repeat left 1px;
	padding: 0 0px 0 22px;
	display: block;
	height: 15px;
}