/*
------------------------------------------------------
PAGE RESET - DO NOT EDIT
------------------------------------------------------
*/

/*
First 2 lines, Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#edeced;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}a:active, a:hover, a { outline: none; }


/*
------------------------------------------------------
ESSENTIALS
------------------------------------------------------
*/

body {
background:#231f20 url(../img/shared/siteBG.jpg) repeat-x;
}

p {
margin:0;
padding:0 0 10px 0;
font:14px/20px Arial, Helvetica, sans-serif;
color:#231f20;
}

p.small {
margin:0;
padding:0 0 10px 0;
font:10px/20px Arial, Helvetica, sans-serif;
color:#231f20;
}

p.quote {
margin:0;
padding:0 20px 2px 20px;
font-style:italic;
color:#594f51;
}

p.quoteName {
margin:0;
padding:0 0 15px 20px;
font:12px/16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#594f51;
}

p.newsItem {
margin:0;
padding:10px;
border-bottom:1px dotted #ffffff;
font:12px/16px Arial, Helvetica, sans-serif;
color:#594f51;
}

a {
color:#3333FF;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

ul.features {
margin:0 40px 20px 40px;
padding:0;
}

ul.features li {
margin:0;
padding:0;
font:14px/20px Arial, Helvetica, sans-serif;
color:#231f20;
list-style:disc;
}

ul.featuresSmall {
margin:0 40px 20px 10px;
padding:0 0 0 10px;
}

ul.featuresSmall li {
margin:0;
padding:0 0 4px 0;
font:12px/12px Arial, Helvetica, sans-serif;
color:#231f20;
list-style:disc;
}

ul.featuresSmall li a {
color:#3333FF;
}

ul.index {
margin:5px 0 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
}

ul.index li {
line-height:20px;
}

ul.indexSub {
margin:5px 0 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
}

ul.indexSub li {
line-height:20px;
list-style:disc;
list-style-position:inside;
}

.pink {
color:#a90056
}

h1 {
margin:0;
padding:0;
font:26px/26px Arial, Helvetica, sans-serif;
color:#000000
}

h2 {
margin:0;
padding:10px 0 20px 0;
font:20px/20px Arial, Helvetica, sans-serif;
color:#a90056
}

h3 {
margin:0;
padding:10px 0 5px 0;
font:16px/16px Arial, Helvetica, sans-serif;
color:#a90056
}

h3 a {
color:#a90056;
}

h3 a:hover {
color:#231f20;
}

.blue {
color:#69c8d2;
}

h4 {
margin:0;
padding:10px 0 5px 5px;
font:14px/14px Arial, Helvetica, sans-serif;
color:#a90056
}


/*
------------------------------------------------------
SITE LEVEL LAYOUT
------------------------------------------------------
*/

#siteWrap {
margin:0 auto;
margin-bottom:50px;
padding:0 5px 5px 5px;
background:#ffffff url(../img/shared/siteWrapBG.jpg) no-repeat;
width:790px;
}

#headerWrap {
margin:2px 0 2px 0;
padding:0;
height:225px;
}

#headerLeft {
margin:0;
padding:0;
width:590px;
height:225px;
float:left;
}

#headerRight {
margin:0;
padding:0;
background:#231f20;
width:200px;
height:225px;
float:left;
}

#utilityWrap {
margin:0;
padding:7px 0 0 0;
border-top:10px solid #231f20;
border-bottom:5px solid #231f20;
height:18px;
}

#contentWrap {
margin:0 0 2px 0;
padding:0;
background:url(../img/shared/contentWrapBG.gif) repeat-y;
}

#contentLeft {
margin:0;
padding:20px 20px 40px 20px;
width:550px;
float:left;
}

#contentRight {
margin:0;
padding:0;
background:#d9d9d9;
width:200px;
float:right;
}

#footerWrap {
margin:0;
padding:10px 0 0 0;
height:70px;
background:url(../img/shared/siteWrapBG.jpg) no-repeat;
}


#lCol {
width:205px;
float:left;
background-color:#e2e2e2;
height:800px;
}

#lCol .heading {
width:205px;
background-color:#6a94bc;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#FFFFFF;
text-transform:uppercase;
text-align:center;
line-height:30px;
}

#lCol p {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#6a7793;
padding:10px 0 0 10px;
}

#lCol ul {
padding:5px 0 15px 30px;
color:#395e72;
}

#lCol li {
list-style-position:outside;
list-style-type:disc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:20px;
}

#lCol .footer {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding:5px 0 0 0;
}

#rCol {
width:330Px;
float:left;
padding:0 0 0 10px;
}

#rCol .heading {
font-family:Arial, Helvetica, sans-serif;
padding:0 0 5px 0;
}

#rCol .rSmall{
color:#6a94bc;
font-size:20px;
text-transform:uppercase;
}

#rCol .rLarge {
color:#6a94bc;
font-size:22px;
font-weight:bold;
text-transform:uppercase;
}

#rCol .rMedium {
color:#666666;
font-size:17px;
}

#rCol p {
color:#000000;
padding:10px 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:25px;
}

#form {
width:100%;
padding:20px 0 0 0;
}

#form table {
width:99%;
padding:15px 0 0 0;
}

#form .labels {
width:255px;
padding:0 20px 10px 0;
text-align:right;
font:12px Arial, Helvetica, sans-serif; 
color:#000000;
font-weight:bold;
}

#form .fields {
width:100px;
padding:0 0 10px 0;
text-align:left;
font:12px Arial, Helvetica, sans-serif; 
color:#000000;
font-weight:bold;
}

#form .buttons {
text-align:right;
padding:10px 10px 0 0;
}

#form .fields input {
	padding:3px;
	margin:0;
	width:200px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
}

#form .fields textarea {
	padding:3px;
	margin:0;
	width:200px;
	color:#FFFFFF;
	font-weight:bold;
}

#form .fields select {
	padding:3px;
	margin:0;
	width:206px;
	color:#FFFFFF;
	font-weight:bold;
}

.padd {
padding:10px 30px 10px 30px;
}



/*Clubhouse */
#form1 {
width:100%;
padding:20px 0 0 0;
}

#form1 table {
width:99%;
padding:15px 0 0 0;
}

#form1 .labels {
width:255px;
padding:0 20px 10px 0;
text-align:right;
font:12px Arial, Helvetica, sans-serif; 
color:#000000;
font-weight:bold;
}

#form1 .fields {
width:100px;
padding:0 0 10px 0;
text-align:left;
font:12px Arial, Helvetica, sans-serif; 
color:#000000;
font-weight:bold;
}

#form1 .buttons {
text-align:right;
padding:10px 10px 0 0;
}

#form1 .fields input {
	padding:3px;
	margin:0;
	width:200px;
	color:#000000;
	font-weight:bold;
	vertical-align:middle;
}

#form1 .fields textarea {
	padding:3px;
	margin:0;
	width:200px;
	color:#000000;
	font-weight:bold;
}

#form1 .fields select {
	padding:3px;
	margin:0;
	width:206px;
	color:#000000;
	font-weight:bold;
}
/*-----------------------------*/
/*
------------------------------------------------------
SITE LEVEL STYLE
------------------------------------------------------
*/

/*
------------------------------------------------------
PAGE LEVEL LAYOUT
------------------------------------------------------
*/

#indexSlideshow {
margin:0;
padding:0;
width:590px;
height:225px;
position:relative;
z-index:1;
}


#indexSlideshow a {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}

#indexSlideshow a.active {
z-index:10;
opacity:1.0;
}

#indexSlideshow a.last-active {
z-index:9;
opacity:0.0;
}



/*
------------------------------------------------------
PAGE LEVEL STYLE
------------------------------------------------------
*/


#indexMap {
margin:0;
padding:0 0 10px 10px;
float:right;
}

.mapRoll {
margin:0;
padding:0 0 10px 0;
width:200px;
background:#a90056;
}

.mapRoll p.title {
margin:0;
padding:5px;
font:10px/14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
color:#ffffff;
background:#231f20;
}

.mapRoll p {
margin:0;
padding:10px;
font:10px/14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
}

.grey {
color:#d9d9d9;
}


/*** BEGIN UTILITIES LINK ***/

#utilityWrap a {
margin:0;
padding:0;
font:10px/10px Arial, Helvetica, sans-serif;
color:#a90056;
font-weight:bold;
}


/*** END UTILITIES LINK ***/


/*** BEGIN NEW HOMES LIST ***/

.newHomesWrap {
margin:0;
padding:0;
width:510px;
}

.newHomesLogo {
margin:0 20px 0 0;
padding:0;
width:80px;
float:left;
}

.newHomesText {
margin:0;
padding:0;
width:410px;
float:left;
}

/*** END NEW HOMES LIST ***/


/*** BEGIN RENDERINGS LAYOUT ***/

div.renderWrap {
margin:20px 0 30px 0;
padding:0;
}

div.renderingSmall {
margin:0 10px 10px 0;
padding:10px;
border:1px solid #dfe2e3;
width:150px;
font:13px/20px Arial, Helvetica, sans-serif;
color:#46525a;
text-align:center;
float:left;
}

div.renderingSmallList {
margin:0 10px 10px 0;
padding:10px;
border:1px solid #dfe2e3;
font:13px/20px Arial, Helvetica, sans-serif;
color:#46525a;
text-align:center;
float:left;
}

div.renderingSmall img, div.renderingSmallList img {
margin:0 0 5px 0;
padding:0;
}


div.renderingSmall a, div.renderingSmallList a {
color:#3333FF;
text-decoration:none;
}

div.renderingSmall a:hover, div.renderingSmallList a:hover  {
text-decoration:underline;
}

/*** END RENDERINGS LAYOUT ***/


/*** BEGIN PRICES TABLE LAYOUT ***/

.pricesTable {
margin:10px 0 10px 0;
padding:0;
width:510px;
background:gray;
}

.pricesTable tr.header {
margin:0;
padding:0;
background:#231f20;
font:10px/10px Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
}

.pricesTable tr.mainRow {
margin:0;
padding:0;
background:#f6e5ee;
font:10px/10px Arial, Helvetica, sans-serif;
color:#231f20;
font-weight:bold;
}

.pricesTable tr.altRow {
margin:0;
padding:0;
background:#eeccdd;
font:10px/10px Arial, Helvetica, sans-serif;
color:#231f20;
font-weight:bold;
}

.pricesTable td {
margin:0;
padding:10px;
}

.pricesTable .pricesTableCol {
margin:0;
}


/*** END PRICES TABLE LAYOUT ***/


/*
------------------------------------------------------
GLOBAL NAVIGATION ELEMENTS
------------------------------------------------------
*/

#globalNavWrap {
margin:0;
padding:0;
width:790px;
height:31px;
position:relative;
}

ul.globalNav {
margin:0;
padding:0 10px 0 0;
display:inline-block;
position:absolute;
right:0;
}

ul.globalNav li {
margin:0;
padding:12px 0 0 0;
font:10px/10px Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-transform:uppercase;
float:left;
}

ul.globalNav li a {
color:#636363;
text-decoration:none;
}

ul.globalNav li a:hover {
color:#a90056;
text-decoration:none;
}

.globalNav .s a, .globalNav .s a:hover {
color:#a90056;
text-decoration:none;
}

ul.globalNav li.globalSpacer {
margin:0 8px 0 8px;
padding:0;
background:url(../img/shared/globalSpacer.jpg) no-repeat;
width:1px;
height:31px;
}

/*
------------------------------------------------------
MAIN NAVIGATION ELEMENTS
------------------------------------------------------
*/


#mainNavWrap {
margin:0;
padding:0 0 0 65px;
border-bottom:1px solid #c8c7c7;
background:#231f20;
width:725px;
height:39px;
position:relative;
z-index:999;
}




/*
------------------------------------------------------
SUB NAVIGATION ELEMENTS
------------------------------------------------------
*/


#projectNavWrap {
margin:0;
padding:0;
background:#a90056 url(../img/projects/shared/projectNavBG.gif) repeat-x;
height:30px;
}

ul.projectNav {
margin:0;
padding:0;
}

ul.projectNav li {
margin:0;
padding:0;
font:10px/10px Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
float:left;
}

ul.projectNav li a {
padding:8px 10px 0 10px;
margin:0;
color:#ffffff;
text-decoration:none;
display:block;
height:22px;
float:left;
}

ul.projectNav li a:hover {
padding:8px 10px 0 10px;
margin:0;
background:#231f20;
color:#ffffff;
text-decoration:none;
display:block;
height:22px;
}

.projectNav .s a, .projectNav .s a:hover {
padding:8px 10px 0 10px;
margin:0;
color:#ffffff;
background:#231f20;
text-decoration:none; 
display:block;
height:22px;
}

/*
------------------------------------------------------
FOOTER NAVIGATION ELEMENTS
------------------------------------------------------
*/

img.footerLogos {
float:left;
}

ul.footerLinks {
margin:10px 10px 0 0;
padding:0;
}

ul.footerLinks li {
margin:0 0 5px 0;
padding:0;
font:10px/10px Arial, Helvetica, sans-serif;
color:#636363;
font-weight:bold;
text-align:right;
}

ul.footerLinks li a {
color:#636363;
text-decoration:none;
}

ul.footerLinks li a:hover {
color:#a90056;
text-decoration:none;
}


/*
------------------------------------------------------
REGISTRATION FORM
------------------------------------------------------
*/


.regTable {
margin:0;
padding:0;
border:0;
width:510px;
}

.regTable .labels {
margin:0;
padding:4px 30px 0 0;
width:300px;
text-align:right;
font:12px Arial, Helvetica, sans-serif; 
color:#231f20;
font-weight:bold;
}

.regTable .fields {
width:460px;
padding:0 0 10px 0;
text-align:left;
font:12px Arial, Helvetica, sans-serif; 
color:#ffffff;
font-weight:bold;
}

.regTable .fields input {
margin:0;
padding:3px;
border:1px solid #0e100f;
width:150px;
background:#272827 !important;
color:#ffffff;
font-weight:bold;
}

.regTable .fields textarea {
padding:4px;
margin:0;
border:1px solid #0e100f;
width:250px;
background:#272827 !important;
color:#ffffff;
font-weight:bold;
}

.regTable .fields select {
padding:3px;
margin:0;
border:1px solid #0e100f;
width:157px;
background:#272827 !important;
color:#ffffff;
font-weight:bold;
}

#regerror {
color:#ffdb77;
padding:35px 0 20px 0;
font:12px Arial, Helvetica, sans-serif; 
font-weight:bold;
}

#regerror p {
padding:10px 0 0 0;
}

/* Mortgage Calculator */
 
#calc {margin:0 0 0 35px;} 

#calc input {
width:60px;
}


#calc dt, #calc dd { float:left; height:40px; display:block; margin:0; padding:0; border-bottom:2px solid #ffffff; }
#calc dt { clear:left; width:302px; }
#calc dd { width:158px; border-left:2px solid #ffffff; }

#calc .lightGrey { background:#e5e5e5; }
#calc .darkGreyFull { background:#c4c4c3; width:462px; }
#calc .darkGrey { background:#c4c4c3; }
#calc .lightRed { background:#e2c2c3; }
#calc .darkRed { background:#a90056; }

#calc .darkRed input {
width:120px;
}

#calc .btnRow { background:#ffffff; margin:10px 0 20px 0; }
#calc .white { background:#ffffff; }
#calc .dtText { padding:12px 0 0 10px; display:block; }

#year { clear:both; float:left; padding:0; margin:0 0 50px 35px; }
#year li { width:91px; height:60px; padding-top:10px; border-left:2px solid #ffffff; text-align:center; background:#e5e5e5; float:left; list-style:none; }
#year li.first { width:90px; border-left:0; }

#year input {
width:60px;
}

/*
------------------------------------------------------
FLOORPLAN SIGNUP 
------------------------------------------------------
*/

#signup {
width:200px;
height:60px;
background-color:#000000;
color:#FFFFFF;
text-align:left;
margin:10px 0 0 0;
}

#signup p {
padding:5px 0 0 2px;
color:#FFFFFF;
}

/*
------------------------------------------------------
END FLOORPLAN SIGNUP 
------------------------------------------------------
*/

/*
------------------------------------------------------
SPAM
------------------------------------------------------
*/
#sbox {
visibility:hidden;
display:none;
}

#hideme {
visibility:hidden;
display:none;
}

/*
------------------------------------------------------
CLEARFIX
------------------------------------------------------
*/

.clearFix { 
display:inline-block; 
}

.clearFix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}

/* start commented backslash hack \*/

* html .clearFix { 
height: 1%; 
}

.clearFix { 
display: block; 
}

/* close commented backslash hack */