/* CSS Document */


* { margin:0px; padding:0px; }
body { background: url("../images/bodyBkgrnd-lrg.gif") top center no-repeat #ede2c7; }
img {border:none; }
#header { width: 100%; height: 135px; background: url("../images/hdrBkgrnd.gif") repeat-x; }
#masthead { width: 850px; height: 133px; margin: auto; }

#containerWrapper { }
#mainContainer { width: 850px; margin: 0 auto; background: url("../images/contentBkgrnd-sb.gif") repeat-y; }
#content { width: 100%; min-height: 400px; background:url("../images/containerBkgrnd-sb.gif") no-repeat; float: left; }

#nav { width: 830px; height: 44px; background:url("../images/navBkgrnd.gif") no-repeat; margin-left: 10px; }
#nav ul { list-style: none; }
#nav li {  float: left; border-right: 1px dotted #AEB98E;   }
#nav li.first { margin-left:64px; border-left: 1px dotted #AEB98E; }
#nav li a { display: block; padding: 0px 15px; font: 14px Arial, Helvetica, sans-serif; color: #DEE4CB; background:url("../images/navBtnBkgrnd.gif") repeat-x;line-height: 44px; height: 44px; text-decoration: none; }
#nav li a:hover { color: #5F4C1D; background-position:100% -44px;}
#nav li a.active { color: #5F4C1D; background-position:100% -44px;}

#navFooter { font: 11px Arial, Helvetica, sans-serif; padding: 10px 15px; }
#navFooter ul { list-style: none; }
#navFooter li { float: left; }
#navFooter a { padding: 0px 7px; text-decoration:none; color: #697449; border-right: 1px solid #444; }
#navFooter a:hover { text-decoration: underline; }

#liveArea { width: 500px; margin: 60px 0px 40px 70px; float: left; }
#sidebar { width: 210px; min-height: 350px; margin-left: 25px; padding: 60px 10px; float:left; overflow:visible; }
#sidebar ul { list-style:none; }
#sidebar li a { display: block; padding: 12px 0px 0px 45px; font: 14px Arial, Helvetica, sans-serif; text-decoration:none; color: #697449; }
#sidebar li a:hover { color: #5F4C1D; }
#footer { width: 850px; height: 64px; background:url("../images/footerBkgrnd.gif") no-repeat; clear:both; margin: 0px auto; }

h1 { font: 30px Georgia, "Times New Roman", Times, serif; color: #697449; margin-bottom:20px; }
h2 { font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #697449; margin-bottom:5px; }
h3 { font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #5F4C1D; margin-bottom:5px; }
p { font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 22px; color: #444; margin-bottom:15px; }
hr { clear: both; border: none; }
.imgRt { border: 2px solid #5F4C1D; float: right; margin-left: 30px;}
.imgLft { border: 2px solid #5F4C1D; float: left; margin-right: 30px; }

.availableHomes { width: 210px; height:50px; background:url("../images/btnAvailHomes.gif") no-repeat; }
.financing { width: 210px; height:50px; background:url("../images/btnfinance.gif") no-repeat;  }
.tour { width: 210px; height:50px; background:url("../images/btntour.gif") no-repeat;  }

#galleryBox { width: 450px; border: 2px solid #5F4C1D; }
.galleryBtn { height: 15px; display:block; text-align: right; padding: 5px 10px; background: #697449; }
.galleryBtn a { font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height: 15px;  }

.contactDetails { margin: 25px 20px 25px 0px; width: 220px; float: left; }
.contactDetails a { color: #697449; }

.legal { font: 10px Arial, Helvetica, sans-serif; color:#697449; margin: 10px 0px 0px 25px; }
.logoBox { width: 230px; float: right; margin: 4px 20px 0px 0px; }
.logos { margin-right: 15px; }

/* Homes Detail Styles */
#homesBox { width: 100%; height: 140px; padding: 10px 0px 10px 10px; margin: 10px 0px; clear: both; }
.previewPict { float: left; margin-right: 10px; border: 2px solid #5F4C1D; }

.col1 { width: 235px; float: left; margin-left: 10px; }
.col1 ul { list-style-type:none; margin: 0px; padding: 0px; }
.col1 li {margin-bottom: 10px; }

.col2 { width: 155px; float: left;}
.col2 ul { list-style-type:none; margin: 0px; padding: 0px;  }
.col2 li {margin-bottom: 10px; }

.col3 { width: 235px; float: left; margin-right: 10px; margin-top: 20px; }
.col3 ul { list-style-type:none; margin: 0px; padding: 0px; }
.col3 li {margin-bottom: 5px; }

.sideCol { width: 225px; float: left; margin-left: 10px; margin-top: 25px; }
.sideCol ul { list-style-type:none; margin: 0px; padding: 0px; }
.sideCol li {margin-bottom: 10px; }

.planDetails { font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #424242; }
.detailTitle { color: #697449; font-weight: bold; }
.register { font-size: 10px; padding-bottom: 8px; }