body, td, input, select {
font: 11px  'Trebuchet MS', Tahoma, sans-serif;
color: #666666;
}

body {
margin: 0 1%;
width: 913px; 
}

dt {
font-style: italic;
margin-bottom: 10px; 
}

dd {
margin-bottom: 20px; 
}

img { 
padding: 0; 
margin: 0; 
border: 0 solid silver; 
}

h1 {
font-weight: bold;
margin-top: 0;
}

p.nav {
padding: 0 10px 0 10px;
margin-top: 0;
}

.silver { color: silver; }

h3 {
padding-bottom: 0;
margin-bottom: 0;
}

a:link {
color: #4a5606;
text-decoration: none;
}
a:visited {
color: #4a5606;
text-decoration: none;
}
a:hover, a.selected {
color: #4a5606;
text-decoration: underline;
}

BODY { 
margin: 0 auto;
}

#content {
clear: both;
}

.contentUpper {
border-left: 1px solid white;
}
.contentLower {
border-left: 1px solid silver;
}

#headerLinks {
float: right;
text-align: right; 
vertical-align: middle; 
margin-top: 23px;   
}

#spacerNav {
clear: both;
background-color: #777777;
padding-left: 0px;
height: 9px;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
width: 911px;
}

#mainNav {
height: 29px;
padding-left: 1px;
background-color: silver;
clear: both;
}
#subNav {
width: 911px;
height: 19px; 
background-color: #777777;
clear: both;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver; 
text-align: center;
margin: 0;
padding: 0;
}
#mainNav ul, #subNav ul, #headerLinks ul {
list-style-type: none;
display: block;
text-align: center;
margin: 0;
padding: 0;
}
#subNav ul {
border-left: 1px solid silver;
text-align: center;
}
#mainNav li, #subNav li, #subNav a, #headerLinks li {
float: left;
margin: 0;
padding: 0;
}
#mainNav a {
color: white;
height: 27px;
width: 151px;
border-top: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
display: block;
background-color: #cccccc;
text-align: center;
vertical-align: middle;
}
#mainNav a.selected {
border-bottom: 1px solid silver;
}
#mainNav a.selectedWSub {
border-bottom: 1px solid #777777;
}
#subNav a, #subNav li.spacer {
color: white;
height: 18px;
border-top: 0px solid silver;
border-right: 0px solid #777777;
border-bottom: 0px solid silver;
display: block;
background-color: #777777;
text-align: center;
vertical-align: middle;
}
#mainNav a:hover, #mainNav a.selected {
background-color: #7c8d12;
text-decoration: none;
}
#subNav a:hover, #subNav a.selected {
background-color: #777777;
text-decoration: none;
}
#mainNav li.spacer {
width: 1px;
}
#mainNav a, #mainNav a.spacer span {
display: block;
}

#pageHeader a, #pageHeader p {
color: gray;
}

#pageFooter {
clear: both;
padding-top: 0;
margin-top: 0;
}

#pageFooter, #headerLinks {
color: #777777; 
}
#pageFooter {
font-size: 90%;
padding-top: 10px; 
padding-bottom: 10px; 
}
#pageFooter a, #headerLinks a {
color: #777777;
text-transform: uppercase;
}
#pageFooter a:hover, #headerLinks a:hover {
color: #7c8d12;
}

#pageFooter div#equalHousing {
float: right;
margin: 0 0 0 20px;
white-space: nowrap;
text-align: right;
vertical-align: bottom;
width: 303px;
}

.cols1 { width: 75px; }
.cols2 { width: 151px; }
.cols3 { width: 227px; }
.cols4 { width: 303px; }
.cols5 { width: 379px; }
.cols6 { width: 455px; }
.cols7 { width: 531px; }
.cols8 { width: 607px; }
.cols9 { width: 683px; }
.cols10 { width: 759px; }
.cols11 { width: 835px; }
.cols12 { width: 911px; }

.upper { height: auto; border-bottom: 1px solid silver; }
.lower { height: auto; border-bottom: 1px solid silver; }

.upperHomes { height: auto; border-bottom: 1px solid silver;  }
.lowerHomes { height: auto; border-bottom: 1px solid silver;  }

.upperGreen { height: auto; border-bottom: 1px solid silver; }
.lowerGreen { height: auto; border-bottom: 1px solid silver;  }

.upper, .lower, .upperHomes, .lowerHomes, .upperGreen, .lowerGreen {
background-color: white; 
display: block;
float: left;
border-right: 1px solid silver; 
border-left: 1px solid silver;
margin-left: -1px;
}

.centered { text-align: center; }

.borderTop { border-top: 1px solid silver; }
.borderBottom { border-bottom: 1px solid silver; }
.borderLeft { border-left: 1px solid silver; }
.borderRight { border-right: 1px solid silver; }

.floatR { float: right; margin-left: 1em; }
.floatL { float: left; margin-right: 1em; }

.greenQuote { font-weight: bold; color: #7c8d12; font-size: 120%; }
.chevron { margin-left: 0; }

.hPad { padding-left: 10px; padding-right: 10px; }
.vPad { padding-top: 10px; padding-bottom: 10px; }
 
#neighborhoodNav {
list-style-type: none;
padding: 0;
margin: 0;
height: inherit;
}
#neighborhoodNav li {
padding: 0;
height: 25%;
border-bottom: 1px solid silver; 
}
.neighborhoodName {
font-size: 125%;
text-transform: uppercase;
}
#neighborhoodNav a:hover, #neighborhoodNav a.selected {
text-decoration: none;
background-color: #eeeeee;
}
#neighborhoodNav a {
display: block;
padding: 10px;
}

.communityInfo ul {
list-style-type: none;
margin: 0 0 10px;
padding: 0;
}
.communityInfo h3, .directions h3, .homesIntro h1 {
margin: 0 0 0px 0;
padding: 0;
}
.directions p {
margin: 0 0 10px 0;
}

.homesIntro p {
margin: 0 0 0 0;
}

.scrollable {
overflow: auto;
}

.resultsBar {
width: 215px;
}

.homesBar {
width: 120px;
}

.homesBar, .resultsBar {
background-color: #777777;
color: white;
display: block;
margin: 0 0 2px 0;
padding: 0px;
border: none;
}
.homesBarBrowser {
width: 140px;
height: 90px; 
color: white;
display: block;
margin: 0;
padding: 0px;
border: none;
display: block;
}
.selPic, a.homesBarBrowser:hover {
background-color: #cdd1aa;
border-bottom: 10px solid #7c8d12;
}

.homesPreviewTitle {
display: block;
margin: 0 0 0 0;
padding: 1px;
}

img.homesPreviewImage {
margin: 0;
padding: 0;
}

.homesPreviewTitle a {
color: white;
}

.white { color: white; }

.homesDescription {
margin: 4px 0;
padding: 0;
line-height: 15px;
}

.homesListDetails td {
vertical-align: baseline;
padding: 1px 0;
}

td.homesLabel {
padding-right: 5px;
}

table.homesListDetails {
margin: 0;
border: none;
}

td.result {
padding-bottom: 10px;
}

td.resultBrowser p.selected {
background-color: #9aa355;
color: black; 
}

#galleryPlanBrowser {
background-color: #cdd1aa;
height: 130px; 
text-align: center; 
}

td.resultBrowser p.selected a {
color: white; 
}

td.resultBrowser a {
color: #9aa355; 
}

td.result a {
display: block;
text-decoration: none;
}

.homesFloatL, .floatLTight { float: left; margin: 0; }

#aboutUs {
  height: 173px;
  overflow: auto;
}

#investorNav {
  height: 173px;
  overflow: auto;
}

/*
#press {
margin-bottom: 30px; 
}
#press td {
padding-right: 20px;
}
#press h2 {
margin: 20px 0 5px 0;
}
*/


.block { display: block; }


.greenBlock {
float: left; 
margin: 0px 10px 10px 0; 
width: 105px;
border: 1px solid silver;
background-color: #eeeeee;
padding: 0; 
}

#greenCopyBlock {
float: left; 
margin: 0; 
padding: 0; 
}
#greenCopyBlock a {
display: block;
padding: 5px;
background-color: #dddddd;
border-bottom: 1px solid white;
}

.greenBlock p {
margin: 0;
padding: 0;
}
.greenBlock p.greenBlockCopy {
color: black;  
}

p.greenBlockHead {
font-weight: bold;
font-size: larger;
margin: 0 5px 0 0;
padding: 0;
}

.greenBlock:hover p.greenBlockHead {
color: white; 
}

p.greenBlockCopy {
margin-right: 5px; 
}

a.greenBlock:hover, #greenCopyBlock a:hover {
text-decoration: none;
background-color: #cccccc; 
}

table.news {
width: 60%;
}

table.news td {
text-align: left;
vertical-align: top;
padding: 5px 5px 0 0;
}

form td.label {
text-align: right;
padding-right: 4px;
}

form td {
padding: 2px 5px 2px 0;
}

#mainLogo {
padding: 5px 0 15px 0; 
float: left; 
}

.navBlock {
/*
float: left; 
margin: 40px;
*/
background-color: transparent;
border-top: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
width: 221px;
text-align: center;
margin-left: 40px;
margin-bottom: 20px;
}

.navBlock a:hover {
text-decoration: none;
}

/*
.contactBlock {
float: left; 
margin: 10px 0 20px 0; 
width: 303px;
}
*/

.bigBlockFrame {
border-left: 1px solid silver;
border-bottom: 1px solid silver;
border-right: 1px solid silver;
margin-bottom: 20px;
display: block;
}

.contentBlock {
margin: 0 20px 40px 379px; 
padding-top: 10px; 
width: 531px; 
}
.contentBlockWide {
margin: 0 20px 40px 303px; 
padding-top: 35px;
padding-right: 20px; 
width: 587px; 
}
.contentBlockWide p {
line-height: 18px;
}

.contentBlockWide .listing p {
line-height: 14px;
}

.contactHead{
width: 55px;
padding-left: 40px;
margin-bottom: 10px;  
}
.contactInfo {
margin: 0 0 10px 40px;
border-left: 1px solid silver;
padding-left: 20px; 
width: 151px;
}
#map {
position: absolute; 
top: 0; 
left: 300px; 
border-left: 1px solid silver; 
border-right: 1px solid silver; 
}

#searchHomesForm {
background-color: silver;
width: 891px;
padding: 10px;
}

#searchHomesForm th {
text-align: left;
padding-right: 20px; 
vertical-align: bottom; 
}

#searchHomesForm td {
text-align: left;
padding-right: 20px;
vertical-align: top; 
}

#searchHomesForm strong {
color: white;
text-transform: uppercase;
}

#searchHomesForm select {
margin-top: 4px; 
}

.amenitiesForm {
margin: 0;
}

.amenitiesForm td {
white-space: nowrap;
}

#floorList {
float: left;
width: 283px;
padding: 0 10px;
background-color: #eeeeee;
}

#roomList {
float: left;
width: 283px;
padding: 0 10px;
}

.list {
margin: 10px 0;
}

.col1, .col2 {
width: 45%;
float: left;
margin: 0 20px 20px 0;
}

.contactNav {
padding-bottom: 10px; 
display: block; 
}

.inventoryImage {
margin-bottom: 20px;
}

ul#floorplansTabs {
list-style-type: none;
display: block;
border-left: 1px solid silver;
margin: 0 0 0 60px;
padding: 0;
}

ul#floorplansTabs li {
float: left;
margin: 0;
padding: 0;
display: inline;
}

ul#floorplansTabs li a {
display: block;
padding: 0;
border-top: 1px solid silver;
border-right: 1px solid silver;
}

ul#floorplansTabs li a:hover, ul#floorplansTabs li a.selected {
background-color: #777777;
color: white;
text-decoration: none;
}

#homeDetails ul {
margin: 10px 0;
padding: 0;
list-style-position:inside; 
}

.large {
font-size: larger;
}

.calloutBox {
float: right; 
margin: 0 20px 10px; 
padding: 0 10px 10px; 
width: 25%; 
background-color: #eeeeee; 
border: 1px solid silver; 
}

#tabContent {
width: 811px;
height: auto;
margin: 0 40px 40px 40px;
border: 1px solid silver;
float: left;
padding: 0; 
}

#tabContent a {
float: left;
padding: 10px; 
width: 150px;
}

#tabContent a:hover, #tabContent a.selected {
background-color: #eeeeee;
text-decoration: none;
}

p.quote {
margin: 0 20px;
font-style: italic;
font-size: larger;
}

p.quoteAttribution {
margin: 0 20px;
font-style: italic;
font-size: larger;
}

.disclaimer {
margin: 0 10px 10px 10px;
font-size: 90%;
clear: both;
}

#tradeUpInfo {
background-color: #dce0c3;
text-align: left;
padding: 10px; 
width: 201px;
}

#tradeUpInfo ul {
list-style-position: outside;
margin: 5px 0 5px 1em;
padding: 0;
}



.layoutA_sidebar {
width: 262px;
margin-bottom: 40px;
float: left;
}

.layoutA_content {
margin-left: 303px;
margin-bottom: 40px;
}

.layoutB_sidebar {
width: 272px;
height: 512px;
}

.layoutB_content {
margin-left: 303px;
float: right;
}

#flashLogoContent {
margin-bottom: 20px; 
}

.padTop {
padding-top: 20px;
}

.marTop {
margin-top: 20px;
}


#commImage {
position: relative;
left: 0;
top: 0;

}

.relative {
position: relative;
}

#community {
background-position: 1px 0; 
background-repeat:no-repeat; 
margin-top: 0px;
}