@charset "UTF-8";
/* CSS Document */


body {
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: justify;
	}
	
img {
	border:none;
	}
	
#home {
	background: url(images/bg_home.jpg) #E1F2FC;
	background-position: top center;
	background-repeat:no-repeat;
	}
	
#about {
	background: url(images/bg_about.jpg) #E1F2FC;
	background-position: top center;
	background-repeat:no-repeat;
	}
	
#features, #ourhomes {
	background: url(images/bg_features.jpg) #E1F2FC;
	background-position: top center;
	background-repeat:no-repeat;
	}
	
#siteplan {
	background: url(images/bg_siteplan.jpg) #E1F2FC;
	background-position: top center;
	background-repeat:no-repeat;
	}
	
#contactus {
	background: url(images/bg_contactus.jpg) #E1F2FC;
	background-position: top center;
	background-repeat:no-repeat;
	}
	
a:link {
	color: #043434;
	}
	
a:visited {
	color: #333333;
	}
	
a:hover {
	color: #3a79c8;
	}

.container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}
	
#header {
	margin: 10px 100px 0 100px !important;
	}

#header img {
	float:left;
	border: none;
	}
	

#navcontainer {
margin: 35px 0 0 0;
padding: 0 0 0 0;
float: left;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
}

#navcontainer A
{
	color: #888888;
	display: block;
	height: 64px;
	text-decoration: none;
	margin: 0 0 0 30px !important;
	margin: 0 0 0 20px;
	padding: 30px 0 0 0; 
	font-weight: bold;
	font-size: 16px;
	float: left;
}

#about #nav-about a,
#features #nav-homes a,
#ourhomes #nav-homes a,
#siteplan #nav-siteplan a,
#contactus #nav-contactus a
 {
	background: url(images/nav-decor-light.gif);
	background-position: top;
	background-repeat: no-repeat;
	color: #888888;
}

#navcontainer A:hover, #navcontainer A:active
 {
	background: url(images/nav-decor.gif);
	background-position: top;
	background-repeat: no-repeat;
	color: #044447;
}


#splash {
	color: #FFFFFF;
	clear: both;
	width:350px;
	height:170px;
	margin: 0 0 0 550px;
	line-height: 150%;
	}
	
#splash h1 {
	text-align: left;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	}

#content {
	background:url(images/bodybg.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	background-color: #E9E3D5;
	padding-top:25px;
	border-bottom: solid #888888 1px;
	border-top: solid #888888 1px;
	margin-top: 0px;
	}
	
#maincol {
	padding: 0 0 0 100px;
	}
	
#maincol h1 {
	font-size: 18px;
	color: #044447;
	}
	
#about #content img {
	float: right;
	margin-right: 25px;
	}
	
#about h2 {
	font-size: 12px;
	color: #3a79c8;
	margin-bottom: 5px; 
	}
	
#siteplan #maincol, #features .feature, #features .featurenav, #about .feature, #ourhomes .feature {
	width:800px;
	background: #FFFFFF;
	margin: 0 0 25px 75px;
	border: solid #663300 1px;
	padding: 5px 25px 5px 25px;
	margin: 0 0 25px 75px;
	}
	

	
#about .feature {
	padding: 5px 0 25px 25px;
	}
	
 #ourhomes .feature {
 	height: 100px;
	width: 550px;
	margin-left: 250px;
	}
	
#ourhomes .feature h1, #features .feature h1, #features .featurenav h1, #ourhomes .feature h1, #about .feature h1 {
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	color: #033939;
	}
	
 #ourhomes .feature img {
	float:right;
	padding: 10px;
	}
	
.featurenav a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 25px;
	}
	
#features .featurenav ul {
	margin: 0 150px 25px 0;
	}
	
#features .featurenav ul li {
	margin: 0;
	}	
	
#siteplan #content {	
	
	}
	

	
#home .feature img {
	border: solid #003535 1px;
	}
	
#home .feature {
	color: #003535;
	font-size: 18px;
	font-style: italic;
	float: left;
	margin: 0 10px 0 0;
}


	
#home #sidecol img {
	margin-bottom: 0 !important;
	margin-bottom: -5px;
	}
	
#contactus #maincol {
	margin: 0 0 0 150px;
	width: 450px;
	}

	
#footer {
	margin: 10px 100px 0 100px;
	}
	
	
#disclaimer {
	text-align: center;
	width: 350px;
	float: left;
	padding-top: 10px;
	color: #4b1e01;
	font-style: italic;
	color: #4a1e01;
	line-height: 140%;
	}
	

	
#affiliates {
	float: left;
	margin: 0 0 0 60px;
	}
	
#affiliates img {
	margin: 0 0 0 10px;
	}
	
	  


.cssform p {
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

.cssform label {
	color: #461D02;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.cssform textarea {
	width: 250px;
	height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}