@charset "UTF-8";

/*
-----------------------------------------------
Screen Stylesheet

Author: Delwin Holeman delwin@idwebandprint.com
Version: 2008.11
----------------------------------------------- */

* {
	margin: 0; /* it's good practice to zero the margin and padding of all the elements to account for differing browser defaults */
	padding: 0;
	}
	
/* force right scrollbar */
html { 
    height: 100%;
    margin-bottom: 1px;
	}


body  {
	margin: 0 auto;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	color: #333;
	}
	
#sidebar #logo {
	float: left;
	}
	
#sidebar #logo a {
	float: left;
	text-indent:-9999px;
	display: block;
	width: 237px;
	height: 178px;
	background: #fff url(/images/logo.gif) no-repeat;	
	}
	
/* 
NAVIGATION --------------------- */

.skiplink {
	display: none;
	}

#navMain {
	float: left;
	width: 637px;
	height: 29px;
	font-weight: bold;
	font-size: 12px;
	margin: 30px 0 0 0;
	padding: 0 0 0 15px;
	background: url(/images/bg_nav.gif) no-repeat;
	}

#navMain ul {
	float: left;
	display: inline;
	margin: 0;
	list-style: none;
	}
	
#navMain ul li {
	display: inline;
	float: left;
	height: 15px;
	}
	
#home 	   			li#n-home a:link, 			#home li#n-home a:active, 						#home li#n-home a:visited,
#floorplans			li#n-floorplans a:link,		#floorplans li#n-floorplans a:active,			#floorplans li#n-floorplans a:visited,
#about				li#n-about a:link,			#about li#n-about a:active,						#about li#n-about a:visited,
#contact			li#n-contact a:link,			#contact li#n-contact a:active,					#contact li#n-contact a:visited {
	color: #fff;
	font-weight: bold;
	}
	
#navMain a:link, #navMain a:active, #navMain a:visited {
	display: block;
	float: left;
	height: 23px;
	padding: 6px 30px 0 30px;
	color: #fff;
	text-decoration: none;
	}
	
#navMain a:hover {
	color: #fff;
	}

#flashHome {
	float: left;
	height: 265px;
	width: 637px;
	margin: 25px 0 0 0;
	}
	
#banner {   
	float: left;
	width: 637px;
	height: 265px;
	margin: 25px 0 0 0;
	}
	
#banner img {
	float: left;
	}

/*
CONTENT AND COLUMNS --------------------- */

#content { 
	width: 903px; 
	margin: 21px auto 0 auto;
	} 
	
body.ms #mainContent, 
body.sm #mainContent {
	width: 637px;
	}
	
body.ms #sidebar,
body.sm #sidebar {
	display: block;
	width: 266px;
	}
	
body.ms #mainContent,
body.sm #sidebar {
	float: left;
	}
	
body.sm #mainContent,
body.ms #sidebar {
	float: right;
	}
	
#mainContent {
	text-align: left;
	color: #555;
	margin: 0;
	}
	
div#sidebar {
	display: none;
	}
	
p {	
	margin: 0 30px 15px 30px;
	font-size: .75em;
	line-height: 1.6em;
	color: #333;
	}
	
sup.asterisk {
	font-size: 70%;
	}
	
p.required {
	font-size: 10px;
	margin-bottom: 10px;
	}
	
p.largetext {	
	font-size: .90em;
	}
	
#contentWrapper {
	float: left;
	margin: 30px 0 0 0;
	width: 637px;
	background: transparent url(/images/bg_mainContentSec.jpg) no-repeat;
	}
	
#home #contentWrapper {
	background: transparent url(/images/bg_mainContent.jpg) no-repeat;
	height: 440px;
	}
	
#sidebar p {	
	text-align: left;
	margin: 10px 0 15px 0;
	padding: 20px 0 0 0;
	font-size: .75em;
	line-height: 1.4em;
	color: #555;
	}
	
#sidebar p.quote {	
	float: right;
	margin: 25px 0 15px 0;
	padding: 20px 40px 0 20px;
	font-style: italic;
	color: #9a9a9a;
	text-align: right;
	background: transparent url(/images/bg_quote.gif) no-repeat;
	}
	
#sidebar p.signature {	
	float: right;
	margin: 5px 0 15px 0;
	padding: 0 40px 0 20px;
	font-size: .75em;
	font-style: italic;
	color: #9a9a9a;
	text-align: right;
	}
	
#neighborhoods {
	float: left;
	margin: 15px 0 20px 0;
	width: 227px;
	height: 405px;
	background: transparent url(/images/bg_neighborhoods.jpg) no-repeat;
	}
	
#neighborhoods p {
	margin: 0;
	padding: 0 0 15px 18px;
	}
	
#neighborhoods p.link {
	font-size: 10px;
	margin: 15px 0 0 0;
	}
	
#neighborhoods .fltrt {
	margin: 0 10px 0 0;
	}
	
#col1 {
	float: left;
	width: 194px;
	padding: 25px 17px 0 19px;
	font-style: italic;
	}
	
#col2 {
	float: left;
	width: 194px;
	padding: 25px 12px 0 0;
	font-style: italic;
	}
	
#col3 {
	float: left;
	width: 180px;
	}
	
#col1 p, #col2 p, #col3 p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 10px 0 60px;
	}
	
#col3 {
	margin: 95px 0 0 0;
	}

#col3 p {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	line-height: 17px;
	}
	
#col1 .fltlt, #col2 .fltlt { 
	float: left;
	margin: 3px 12px 45px 7px;
	}
	
#contentWrapper img.border {
	border: 1px solid #777;
	}
	
#contentWrapper img.noborder {
	border: none;
	}
	
#map {
	padding: 0 0 0 10px;
	}
	

/*
HEADINGS --------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: georgia, 'Times New Roman', times, serif;
	font-style: normal;
	}

h1 {
	margin: 0;
	padding: 25px 0 0 19px;
	height: 22px;
	font-size: .85em;
	font-weight: normal;
	color: #fff;
	}
	
#home h1 {
	margin: 0;
	padding: 7px 0 0 12px;
	width: 194px;
	height: 29px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: transparent url(/images/bg_heading_home.gif) no-repeat;
	}
	
h2 {
	margin: 32px 0 19px 30px;
	padding: 0 0 5px 0;
	color: #555;
	width: 578px;
	font-size: 22px;
	font-weight: normal;
	}
	
.small {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#home h2 {
	clear: both;
	margin: 0;
	padding: 7px 0 0 12px;
	width: 194px;
	height: 29px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: transparent url(/images/bg_heading_home.gif) no-repeat;
	border: none;
	}
	
#floorplans h2 {
	clear: both;
	margin: 40px 0 0 30px;
	padding: 15px 0 0 0;
	width: 180px;
	border-top: 5px solid #73655a;
	}
	
#floorplansDetail h2 {
	clear: both;
	line-height: 12px;
	margin: 30px 0 20px 30px;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #73655a;
	}
	
h3 {
	font-size: 1.2em;
	font-weight: normal;
	}
	
#sidebar #neighborhoods h3 {
	text-indent: -9999px;
	height: 74px;
	width: 235px;
	}
	
h4 {
	margin: 0 0 3px 0;
	font-size: 12px;
	font-weight: bold;
	color: #4a8dbb;
	}
	
.contactForm h4 {
	margin: 0 0 3px 28px;
	font-size: 19px;
	font-weight: normal;
	color: #ce3128;
	}
	
h5 {
	margin: 20px 0 15px 0;
	font-size: 1.3em;
	font-weight: normal;
	border-bottom: 1px dotted #333;
	}
	
h6 {
	margin: 25px 0 10px 30px;
	font-weight: normal;
	font-size: 20px;
	}

ul.floorPlanList {
	margin: 12px 0 0 0;
	list-style: none;
	font-size: .75em;
	}
	
ul.floorPlanList li {
	margin: 0 0 5px 0;
	padding: 0 0 0 14px;
	background: url(/images/graphic_arrow.gif) no-repeat 0 4px;
	}
	
#floorPlanChoices {
	float: left;
	width: 637px;
	height: 29px;
	font-weight: bold;
	font-size: 11px;
	margin: 37px 0 40px 0;
	padding: 0 0 0 20px;
	}

#floorPlanChoices ul {
	float: left;
	display: inline;
	margin: 0;
	list-style: none;
	}
	
#floorPlanChoices ul li {
	display: inline;
	float: left;
	width: 180px;
	height: 15px;
	height: 33px;
	background: url(/images/bg_floorplan_nav.gif) no-repeat 10px 0;
	}
	
#floorPlanChoices a:link, #floorPlanChoices a:active, #floorPlanChoices a:visited {
	display: block;
	float: left;
	height: 23px;
	color: #73655a;
	padding: 6px 32px 0 32px;
	text-decoration: none;
	}
	
#floorPlanChoices a:hover {
	color: #95765d;
	}
	
ul.noBullet {
	margin: 0 30px 15px 50px;
	list-style: none;
	font-size: .9em;
	line-height: 1.6em;
	}
	
ol {
	margin: 0 30px 15px 40px;
	font-size: .9em;
	line-height: 1.6em;
	font-family: georgia, times, serif;
	color: #000;
	}
	
#col1 ul { 
	float: left;
	padding: 0 0 0 47px;
	font-size: 11px;
	width: 140px;
	}
	
#col1 ul li { 
	padding: 0 0 0 12px;
	margin: 0 0 4px 0;
	list-style: none;
	background: url(/images/bullet.gif) no-repeat 0 7px;
	}
	
hr {
	width: 550px;
	border: 0;
	color: #999;
	background-color: #999;
	height: 1px;
	margin: 30px 0 3px 20px;
	}
	
.col1 {
	float: left;
	width: 275px;
	padding: 0 0 0 34px;
	}
	
.col2 {
	float: right;
	width: 250px;
	padding: 0 34px 0 0;
	}
	
.view {
	margin: 6px 8px 0 0;
	text-align: right;
	}
	
.viewPlan {
	margin: 0 0 0 34px;
	text-align: left;
	}
	
.col2 hr {
	width: 244px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 5px 0 15px 0;
	}
	
.planImage {
	margin: 0 0 0 34px;
	}

	
/*
LINKS --------------------- */


a img {
	border: none;
	}
	
a:link, a:visited, a:active { 
	text-decoration: none; 
	}
					
a:hover { 
	text-decoration: underline; 
	}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 30px 7px 35px;
	text-align: right;
	}

.fltlt { /* this class can be used to float an element left in your page */
	float: left;
	margin: 10px 25px 7px 30px;
	}
	
.financing .fltlt { 
	margin: 10px 25px 27px 30px;
	}
	
	
.caption {
	font-size: 10px;
	text-align: left;
	}	
	
.link {
	cursor: pointer;
	}
	
.link:hover {
	text-decoration: underline;
	}


/*
TABLES--------------------- */


/* sortable table alternating row colors. styles below are for td's that have another class applied which makes the automatic class application not work. See the body onload for the automatic colors */
	
table.details {
	font-size: 11px;
	margin: 0 0 10px 0;
	}
	
table.details td {
	padding: 0 10px 2px 0;
	}
	
table.details td.sf {
	text-align: right;
	}
	
table.planlist {
	font-size: 11px;
	margin: 20px 0 10px 30px;
	}
	
table.planlist td {
	padding: 25px 15px 25px 0;
	}
	
table.planlist td.name {
	width: 155px;
	padding: 0 10px 0 15px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	}
	
table.planlist td.name a {
	margin: 5px 0 0 0;
	font: normal 10px verdana, arial, sans-serif;
	}
	
table.planlist td.line {
	padding: 0;
	border-bottom: 1px solid #aaa;
	}
	
table.nested td {
	padding: 0 12px 0 0;
	}
	
.label {
	font-size: 12px;
	color: #4a8dbb;
	font-weight: bold;
	}
	
.even {
 	background-color: #f5f5ed;
	}
	
.odd {
	background-color: #fff;
	} 
	
table.financing {
	margin: 0 0 0 25px;
	}
	
table.financing {
	margin: 0 0 0 25px;
	}
	
table.financing td {
	padding: 0 30px 0 0;
	vertical-align: top;
	}
	
table.financing p {
	padding: 0;
	margin: 5px 0 0 0;
	}

/*
FOOTER --------------------- */

	
#footer { 
	width: 903px;
	height: 30px;
	margin: 50px auto 20px auto;
	padding: 10px 0 0 0;
	text-align: left;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	} 
	
#footer:hover { 
	color: #fff;
	} 
	
#footer a { 
	color: #a6a6a6;
	text-decoration: underline;
	} 
	
#footer a:hover { 
	color: #a6a6a6;
	text-decoration: none;
	}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #a6a6a6;
	}
	
#footer p.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0;
	text-align: right;
	}

#footer p.fltlt { /* this class can be used to float an element left in your page */
	float: left;
	margin: 0;
	}
	
p.belowFooter {
	margin: 0 auto;
	width: 900px;
	font-size: 10px;
	text-align: left;
	color: #aaa;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}