/* CSS Document */

* {margin:0; padding:0;}
html {overflow-y: scroll}
a:hover, a:active, a:visited, a:link {outline: none;}

body {
	background-color: #003066;
	font-family:verdana; 
	font-size:12px;
	color:#FFF;
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #FFFFFF;
	}
	
h1 {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #986640;
	}
	
h1 a  {text-decoration: none;}
h1 a:link {color: #986640;}
h1 a:active {color: #986640;}
h1 a:visited  {color: #986640;}
h1 a:hover {color: #FFFFFF;}
	
h2 {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #B58C6B;
	}
	
/* The header and footer */
.headfoot {display:block; height:70px; background:#003066; color:#fff; text-align:center; padding:5px;font-size:30px;}

#header {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: block;
	height: 25px; 
	background: #003066; 
	margin-top: 20px; 
	margin-bottom: 10px;
	width: 958px; 
	background-image: url(../images/top-nav-bg.jpg); 
	}
	
#topnav {
	width: 658px;
	height: 25px;
	/*left: 150px;*/
	top: 0px;
	position: relative;
	/*display: inline;*/
	/*margin: 0px;*/
	margin-left: auto;
	margin-right: auto;
	/*float:left;*/
	padding: 0px;
	}
	
.topnav-btn1 a {
outline: none;/* get rid of dotted borders in FireFox */
text-indent: -5000px ;/* this move the text outside of the screen area */
display:block;
width:206px;
height:25px;
background: #986640 url(../images/btn-personal-attention.gif) no-repeat;
float: left;
}
.topnav-btn1 a:hover {
background-position: 0px -25px;
}
.topnav-btn1 a:active {
background-position: 0px 0;
}
.topnav-btn1 a:press {
background-position: 0px 0;
}

.topnav-btn2 a {
outline: none;/* get rid of dotted borders in FireFox */
text-indent: -5000px ;/* this move the text outside of the screen area */
display:block;
width:160px;
height:25px;
background: #986640 url(../images/btn-trends-styles.gif) no-repeat;
float: left;
}
.topnav-btn2 a:hover {
background-position: 0px -25px;
}
.topnav-btn2 a:active {
background-position: 0px 0;
}
.topnav-btn2 a:press {
background-position: 0px 0;
}

.topnav-btn3 a {
outline: none;/* get rid of dotted borders in FireFox */
text-indent: -5000px ;/* this move the text outside of the screen area */
display:block;
width:165px;
height:25px;
background: #986640 url(../images/btn-energy-savings.gif) no-repeat;
float: left;
}
.topnav-btn3 a:hover {
background-position: 0px -25px;
}
.topnav-btn3 a:active {
background-position: 0px 0;
}
.topnav-btn3 a:press {
background-position: 0px 0;
}

.topnav-btn4 a {
outline: none;/* get rid of dotted borders in FireFox */
text-indent: -5000px ;/* this move the text outside of the screen area */
display:block;
width:97px;
height:25px;
background: #986640 url(../images/btn-warranty.gif) no-repeat;
float:left;
}
.topnav-btn4 a:hover {
background-position: 0px -25px;
}
.topnav-btn4 a:active {
background-position: 0px 0;
}
.topnav-btn4 a:press {
background-position: 0px 0;
}

/* This bit does all the work */
#container {
	margin-left: auto;
	margin-right: auto;
	position:relative;
	display:block;
	background:#000000 url(../images/center-column-bg.jpg) repeat-y;
	border-left:207px solid #986640;
	border-right: none;
	overflow:visible;
	width: 751px;
}

#container2 {
	margin-left: auto;
	margin-right: auto;
	position:relative;
	display:block;
	background:#000000 url(../images/center-column-bg2.jpg) repeat-y;
	border-left:207px solid #986640;
	border-right: none;
	overflow:visible;
	width: 751px;
}

#left {float:left; position:relative; width:207px; margin-left:-207px; display:inline;}

#leftnav ul {
}

#leftnav ul li {
	text-align: right;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 28px;
	font-weight: bold;
	color: #003066;
	margin-right: 15px;
}

#leftnav ul li a:link, #leftnav ul li a:active, #leftnav ul li a:visited {
	text-align: right;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 28px;
	font-weight: bold;
	color: #003066;
	text-decoration: none;
}

#leftnav ul li a:hover {
	text-align: right;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 28px;
	font-weight: bold;
	color: #FFFFFF;
	}

#right {
	position:absolute;
	top: 0px;
	left: 568px;
	width: 183px;
	display:inline;
	}

#container-body {
	width: 568px;
	background-image: url(../images/container-body-bg.jpg);
	background-repeat: repeat-y;	
	}
	
#home-body {
	width: 528px;
	position: relative;
	left: 20px;
	top: 0px;
	}
	
#home-body p {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.75em;
	color: #FFFFFF;	
	}
	
/**************************************************
***************************************************
**                                               **
**        GALLERY AND FLOORPLANS SECTION         **
**                                               **
***************************************************
**************************************************/
	
#floorplan-container {
	width: 683px;
	position: relative;
	top: 0px;
	left: 34px;
	}
	
#gallery {
	width: 683px;
	}
	
#gallery h1 {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #986640;
	}
	
#gallery h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #C9B0A0;
	}
	
#gallery h2 a:link, #gallery h2 a:active, #gallery h2 a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #C9B0A0;
	}
	
#gallery h2 a:hover {
	color: #C9B0A0;
	text-decoration: underline;
	}
	
#gallery p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;	
	}
	
#gallery ul {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top: 10px;
	}
	
#gallery ul li {
	display: inline;
	text-decoration: none;
	}
	
#gallery ul li img {
	margin-right: 6px;
	margin-top: 10px;
	}
	
#gallerybreak {
	width: 683px;
	margin-top: 10px;
	margin-bottom:10px;
	border-bottom: 1px solid #FFFFFF;
	}
	
#gallery .additional {
	width: 340px;
	float: left;
	margin-top: 6px;
	margin-bottom: 20px;
	}
	
#gallery .modeldescription {
	width: 320px;
	margin-left: 10px;
	}
	
#models-container {
	width: 683px;
	height: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top: 10px;
	}
	
.models {
	width: 225px;
	height: auto;
	float: left;
	outline: none;/* get rid of dotted borders in FireFox */
	}
	
.models img {
	margin: 10px 10px 10px 0px;
	outline: none;/* get rid of dotted borders in FireFox */
	}
	
/**************************************************
***************************************************
**                                               **
**            HOMES FOR SALE SECTION             **
**                                               **
***************************************************
**************************************************/
	
#inventory {
	width: 683px;
	border-left: 1px solid #FFFFFF;
	}

#inventory p {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	}
	
#inventory a{
	color:#fff;
	}
	
#inventory a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#inventory .address {
	background-image: url(../images/table-address.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	}
	
#inventory .address2 {
	background-image: url(../images/table-head-bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	height: 25px;
	background-color: #986640;
	}
	
#inventory .address2 h1 {
	color: #003066;
	/*color: #000000;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	}
	
#inventory .floorplan {
	background-image: url(../images/table-floorplan.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	}
	
#inventory .community {
	background-image: url(../images/table-community.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	}
	
#inventory .price {
	background-image: url(../images/table-price.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	}
	
#inventory .status {
	background-image: url(../images/table-status.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	}
	
#inventory tr.even td { 
	background-color: #000000;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #FFFFFF;
	height: 25px;
	}
	
#inventory tr.odd td {
	background-color: #333333;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 25px;
	}

/**************************************************
***************************************************
**                                               **
**                FINANCE SECTION                **
**                                               **
***************************************************
**************************************************/
	
#finance {
	width: 683px;
	height: 277px;
	}
	
#finance p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;	
	}
	
#finance-left {
	width: 220px;
	height: 267px;
	float: left;
	}
	
#finance-left img {
	margin-right: 20px;
	}
	
/**************************************************
***************************************************
**                                               **
**               REFERRAL SECTION                **
**                                               **
***************************************************
**************************************************/
	
#referral {
	width: 683px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 20px;
	margin-top: 20px;
	background-image: url(../images/CSH-Watermark.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#referral .referralbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;	
	}
	
#sigbox {
	margin-left: 100px;
	width: 400px;
	margin-bottom: 20px;
	}
	
#referral h1 {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #986640;
	padding-right:20px;
	}
	
#referral h2 {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #B58C6B;
	padding-right:20px;
	}
	
/**************************************************
***************************************************
**                                               **
**                 RENTAL SECTION                **
**                                               **
***************************************************
**************************************************/	
	
.petpolicy {	
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #986640;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	}
	
#rental {
	width: 583px;
	height: auto;
	min-height: 200px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	}
	
#rental p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;	
	}

#rental-top {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	}
	
#rental-bottom {
	width: 583px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #FFFFFF;
	}

#rental-bottom img {
	margin-right: 20px;
	}
	
	
#rental-bottom tr.even td { 
	background-color: #000000;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #FFFFFF;
	height: 25px;
	}
	
#rental-bottom tr.odd td {
	background-color: #333333;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 25px;
	}
	
#rental-bottom tr.even td.A, #rental-bottom tr.odd td.A {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #B58C6B;
	text-align: right;
	}
	
#rental-bottom tr.even td.B, #rental-bottom tr.odd td.B {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
#rental-left {
	width: 55%;
	float: left;
	}
	
#rental-left img {
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
#rental-right {
	width: 45%;
	float: left;
	}
	
/**************************************************
***************************************************
**                                               **
**             COMMUNITIES SECTION               **
**                                               **
***************************************************
**************************************************/

#communities {
	width: 533px;
	height: auto;
	min-height: 200px;
	margin-bottom: 20px;
	/*margin-left: auto;
	margin-right: auto;*/
	float: left;
	/*border-left: 1px solid #FFFFFF;*/
	}
	
#communities a{
	color:#fff;
	}

#communities a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#communities tr td.even { 
	background-color: #000000;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #FFFFFF;
	height: 25px;
	}
	
#communities tr td.odd {
	background-color: #333333;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 25px;
	}
	
#communities tr td.bullet {
	color: #986640;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
#communities tr td.bullet a:link, #communities tr td.bullet a:visited, #communities tr td.bullet a:active {
	color: #986640;
	text-decoration: none;
	background-image: url(../images/bullet-house.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 6px;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
#communities tr td.bullet a:hover {
	color: #FFFFFF;
	background-position: 0px -25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
#communities tr td.devname {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #986640;
	}
	
#communities tr td.pricerange {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #B58C6B;
	}
	
#communities tr td.devdescription {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	}
	
#communities tr td.salesinfo {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #B58C6B;
	}
	
#communities tr td.contactinfo {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	padding-left: 25px;
	}
	
#communities tr td img {
	margin: 0px 15px 15px 0px;
	}
	
#developments ul {
	width: 135px;
	float: left;
	margin-right: 10px;
	margin-left: 5px;
	list-style-image: url(../images/bullet-house2.gif);
	height: 30px;
	}
	
#developments ul li {
	color: #986640;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
#developments ul li a:link, #developments ul li a:active, #developments ul li a:visited {
	color: #986640;
	text-decoration: none;
	/*background-image: url(../images/bullet-house.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 6px;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;*/
	}
	
#developments ul li a:hover {
	color: #FFFFFF;
	/*background-position: 0px -25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;*/
	}
	
/**************************************************
***************************************************
**                                               **
**                STORAGE SECTION                **
**                                               **
***************************************************
**************************************************/
	
#storage-container {
	width: 683px;
	position: relative;
	top: 0px;
	left: 34px;
	}
	
#storage-container img {
	margin: 10px 0px 20px 0px;
	}
	
#storage-container p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;	
	}
	
/**************************************************
***************************************************
**                                               **
**                CONTACT SECTION                **
**                                               **
***************************************************
**************************************************/

#contact-container {
	width: 683px;
	position: relative;
	top: 0px;
	left: 34px;
	}
	
#footer {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: block;
	height: 55px; 
	background: #003066; 
	margin-top: 10px; 
	margin-bottom: 20px;
	width: 958px;
	}

.clear {clear:both;height:1px;overflow:hidden;}

a:visited {color:#000;}

/* Just to extend each column */
#container a:visited, a {color:#000; text-decoration:none;}
#container a span {display:none;}
#container a:active, #container a:focus {color:#000000; text-decoration:none; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:inline; left:0;}
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}
.floatleft {float: left;}
.floatright {float:right;}