@charset "utf-8";
body {
	margin: 0px;
}

#container {
	position: relative;
	width: 990px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#top_nav {
	width: 990px;
	height: 32px;
	color: #7D060A;
	background-image: url(images/top_nav.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#top_nav ul {
	width: 600px;/*375px;*/
	height: 32px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: right;
}

#top_nav  li {
	float: left;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
#top_nav a {
	color: #A89E95;
	text-decoration: none;
}
#top_nav a:hover {
	color: #B6E37B;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#top_nav img{
  position: relative;
  top: -4px;
}

#banner {
	background-image: url(images/banner.jpg);
	height: 241px;
	width: 990px;
}

#bottom_nav {
	height: 36px;
	width: 990px;
	background-image: url(images/main_nav.gif);
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #96151F;
	background-repeat: no-repeat;
}
#bottom_nav ul {
	height: 36px;
	width: 990px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#bottom_nav li {
	float: left;
	padding-top: 10px;
	padding-left: 50px;
}
#bottom_nav a {
	color: #7C9C53;
	text-decoration: none;
}
#bottom_nav a:hover {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #302E56;
}

#feature {
	background-image: url(images/feature_bar.jpg);
	height: 192px;
	width: 990px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#feature2 {
	list-style-type: none;
	background-image: url(images/feature_bar.jpg);
	height: 100px;
	margin: 0px;
	padding: 0px;
}
#feature2   h1 {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #59703A;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	font-size: 2.5em;
}

#feature ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#feature li {
	float: left;
	padding-left: 58px;
	margin: 0px;
}

#content {
	width: 990px;
	position: relative;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	color: #4A4A4A;
}
#content ul {
	list-style-type: none;
	font-size: .8em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	/*padding-left: 50px;*/
  /* commented out so that ul.floorPlanList displays properly. */
}
#content a {
	text-decoration: none;
	color: #7D9D54;
}
#content a:hover {
	color: #2B2E4D;
}

#content p {
	font-size: 0.8em;
	line-height: 1.8em;
	padding-right: 60px;
	padding-left: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-color: #CCCCCC;
	width: 650px;
	margin: 0px;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

h2 {
	color: #303150;
}

legend {
  font-weight: bold;  
}

.right {
	margin: 0px;
	padding: 0px;
}

#footer {
	background-color: #B7E47C;
	height: 90px;
	width: 990px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #4B6132;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	position: relative;
	text-align: center;
}
#footer p {
	width: 800px;
	padding-top: 20px;
	padding-left: 80px;
	background-position: center;
	margin: 0px;
}
.fltright {
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 15px;
}
.fltleft {
	float: left;
	margin-top: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}

.bold_green {
	color: #688447;
	font-size: 1.1em;
	padding-bottom: 5px;
	padding-top: 5px;
}
.centertable {
	background-position: center;
	margin-left: 80px;
}
.contenttable {
	margin-left: 40px;
	font-size: 0.8em;
	line-height: 1.6em;
}

#content h1 {
	font-size: .9em;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #89AB5E;
}

#contentLeft{
   padding:10px;
   float: left;
   width: 45%;
   border-width: 1px;
  border-style: solid;
  border-color: #89AB5E;
  margin-bottom: 20px;
  height: 245px;
}


#contentRight{
  padding:10px;
  float: right;
  width: 50%;
  height: 245px;
  border-width: 1px;
  border-style: solid;
  border-color: #89AB5E;
  margin-bottom: 20px;
}

#contentLeftMainPage{
  padding:10px;
  float: left;
  width: 400px;
  border-width: 0px;
  border-style: solid;
  border-color: #89AB5E;
  margin-bottom: 20px;
  margin-left: 10px;
}


#contentRightMainPage{
  padding:10px;
  float: right;
  width: 500px;
  border-width: 1px;
  border-style: solid;
  border-color: #89AB5E;
  margin-bottom: 20px;
  margin-right: 10px;
}

#contentRightMainPage p {
  font-size: 0.8em;
	line-height: 1.8em;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-color: #CCCCCC;
  width: 450px;
	margin: 0px;
}

#contentRightMainPage ul {
	list-style-type: circle;
	font-size: .8em;
	margin: 0px;
	padding-top: 0px;
  padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	/*padding-left: 50px;*/
  /* commented out so that ul.floorPlanList displays properly. */
}

.tablefloat {
	float: right;
}
.tablefloatleft {
	float: left;
	margin-right: 40px;
	margin-left: 40px;
}
h3 {
	margin: 0px;
	padding: 0px;
	color: #333333;
}
h4 {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #81A158;
	margin: 0px;
	padding: 0px;
}

#lot-block-left {
  float: left;
  width: 450px;
}

#lot-block-right {
  float: right;
  width: 450px;
}

#lot-title {
  background-color: rgb(119,33,35);
  color: white;
  font-size: 1.5em;
  padding-left:10px;
}

#lot-title-sagecreek{
  background-color: rgb(83,104,43);
  color: white;
  font-size: 1.5em;
  padding-left:10px;
}

#lot-details {
  
  background-color: rgb(155,197,231);
  color: black;
  font-size: .75em;
  padding: 5px;
  position: relative;
  float: right;
  top:-312px;
  right:8px;
  width: 125px;
  height: 180px;
}

#lot-details-sagecreek{
  
  background-color: rgb(100,160,200);
  color: black;
  font-size: .75em;
  padding: 5px;
  position: relative;
  float: right;
  top:-312px;
  right:8px;
  width: 125px;
  height: 180px;
}

#contact-table h4
{
	font-size: 14px;
	font-weight: strong;
	padding: 10px 8px;
	border-bottom: 2px solid #59703A;
}

#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: #fff;
	margin: 45px;
	width: 90%;
	border-collapse: collapse;
  font-size: 0.8em;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: strong;
	padding: 10px 8px;
	border-bottom: 2px solid #59703A;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #59703A;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	background: #ddd;
}
#hor-minimalist-b .sold
{
  color: #C00;
}

.gallery
{
  text-align: center;
}

/***************************************************************************/
/* The following CSS code section is for display of the Plans page content */
/***************************************************************************/

/* This is the highest level div class wherein each set of plans are displayed by house */
div.planSection
{
  position:relative;
  padding:0px;
  /* border:1px solid red; */
  border-bottom:1px solid black;
  margin:0px;
}

/* The header for a given set of plans. For ex. "The Emerald" */
.planSection h2
{
  font-size: 25px;
  margin: 1px;  
}

/* A small menu located at the top right of each house plan section. It will display square
   footage as well as buttons to expand or hide the house's information. */
div.planOptions
{
  position: absolute;
  top:10px;
  right:0px;
  display: inline;
  width:220px;
  text-align:right;
}

/* This div contains the front elevation, the main floor plan, the links to other floor plans 
   for the house, and the information for the house. It's visibility will be toggled using
   javascript and setting the display:none CSS value on the div. */
div.planDetails
{
  postion: relative; 
  border-top:3px double black;
}

/* This div contains the main elevation JPG. The image should not exceed a size of
   396px width by 240px height. */
div.displayElevation
{
width:400px;
height:270px;
padding:2px;
/* border:1px solid blue; */
margin:1px;
}

/* This div displays the default floor plan for the house, and will display the other floor 
   plans, if available, when the user clicks on one of the floor plan links in the displayFloorPlanList
   div section. Images that will be displayed in this section should fit within 196px width by 240px height*/
div.displayFloorPlan
{
position:absolute;
top:36px;
left:405px;
padding:2px;
margin:1px;
/* border:1px solid blue; */
width:200px;
height:270px;
text-align:center;
}

/* This div displays the list of links (if applicable) of other floor plans for the house. */
div.displayFloorPlanList
{
position:absolute;
top:36px;
left:610px;
padding:2px;
margin:1px;
/* border:1px solid purple; */
width:150px;
text-align: center;
}

/* Styles for the unordered list in the displayFloorPlanList div section. */
ul.floorPlanList
{
  list-style-type: none;
  margin:0;
  padding:0;
  /* "#content ul" CSS style normally has padding-left: 50px. I commented this out so that the ul in
     the floorPlanList div will display as centered */
}

/* Styles for the hyperlinks in the displayFloorPlanList div section. */
.displayFloorPlanList a
{
display:block;
margin-left:auto;
margin-right:auto;
width:85px;
background-color:#B0DC77; /* 333366 */
padding:2px;
border:1px solid white;
color:white;
text-decoration: none;
}

/* This div contains text information about the house and its floor plans. */
div.planInfo
{
position:absolute;
top:36px;
left:765px;
padding:2px;
margin:1px;
/* border:1px solid orange; */
width:215px;
/* text-align: center; */
font-size: 0.8em;
line-height: 1.8em;
}

/*************************************************************************/
/* Here ends the CSS code section for display of the Plans page content. */
/*************************************************************************/