/*
----------------------------------------------------------------------------- 
body
-----------------------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.6em Verdana, sans-serif;
	color: #5c5c5e;	
	background: url(../images/mainbg.jpg) repeat center top #e0caa5;	
	}
body * {
	margin: 0;
	padding: 0;
	}
	
img {border: none;}

.clear-border{border:none !important;}
	
/*
----------------------------------------------------------------------------- 
containers
-----------------------------------------------------------------------------*/

div#stripe {
background: url(../images/stripebg.jpg) repeat-x left top;
}

div#header {
float: left;
margin: 0 auto 0 auto;
background: transparent url(../images/topbg.jpg) no-repeat left top;
height: 500px;
width: 1264px;
}

div#slideshow {
position: absolute;
top: 200px;
left: 210px;
width: 849px;
height: 287px;
}

div#interior {
position: absolute;
top: 172px;
left: 195px;
background: transparent url(../images/interiorshot.jpg) no-repeat left top;
width: 886px;
height: 329px;
z-index: 50;
}

div#interiorto {
position: absolute;
top: 172px;
left: 195px;
background: transparent url(../images/interiorshot2.jpg) no-repeat left top;
width: 886px;
height: 329px;
z-index: 50;
}

div#interiorth {
position: absolute;
top: 172px;
left: 195px;
background: transparent url(../images/interiorshot3.jpg) no-repeat left top;
width: 886px;
height: 329px;
z-index: 50;
}

div#flashnav {
position: absolute;
top: 10px;
left: 250px;
width: 770px;
height: 174px;
z-index: 100;
}

div#container {
float: left;
margin: 0 auto 0 174px;
background: #f4f2e5 url(../images/contentbg.jpg) repeat-y left top;
width: 920px;
}

div#bottom {
margin: 0 auto 0 174px;
background: transparent url(../images/bottom.jpg) no-repeat left top;
width: 920px;
height: 88px;
clear: both;
}

div#treeline {
margin: 0 auto 0 auto;
background: transparent url(../images/treeline2.jpg) no-repeat center bottom;
width: 100%;
height: 283px;
}

/*
----------------------------------------------------------------------------- 
sidebar
-----------------------------------------------------------------------------*/
div#leftside {
width: 25%;
background-color: #f4f2e5;
float: left;
margin-left: 30px !important; margin-left: 10px
}

div#leftside p {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #000;
}

div#leftside a{
font-size: 10px;
color: #a72c2d;
text-decoration: none;
}

div#leftside a:hover{
font-size: 10px;
color: #a72c2d;
text-decoration: underline;
}

/*
----------------------------------------------------------------------------- 
content
-----------------------------------------------------------------------------*/
div#content {
width: 65%;
background-color: #f4f2e5;
float: right;
margin-right: 20px;
margin-top: 20px;
}

div#content p {
font-size: 12px;
margin-bottom: 10px;
}

div#content table tr.even{
background-color: #eeeeee;
font-size: 12px;
}

div#content table {
border-collapse: collapse;
}

div#content table td {
padding: 5px;
}

div#content a{
color: #a11e20;
text-decoration: none;
}

div#content a:hover{
color: #a11e20;
text-decoration: underline;
}

div#content h3{
color: #a11e20;
font-size: 14px;
}

div#content h2{
background: transparent url(../images/header_welcome.gif) no-repeat left bottom;
display: block;
width: 529px;
height: 31px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#gallery{
background: transparent url(../images/gallery.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#map{
background: transparent url(../images/header_map.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#location{
background: transparent url(../images/header_location.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#community{
background: transparent url(../images/header_community.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#faq{
background: transparent url(../images/header_faq.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#about{
background: transparent url(../images/header_about.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#contact{
background: transparent url(../images/header_contact.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#forsale{
background: transparent url(../images/header_forsale.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h2#video{
background: transparent url(../images/header_video.gif) no-repeat left bottom;
display: block;
width: 530px;
height: 35px;
text-indent: -999em;
margin-bottom: 15px;
}

div#content h3 {
text-transform: uppercase;
}

div#videobg {
width: 504px;
height: 413px;
background: transparent url(../images/videobg.gif) no-repeat left bottom;
}

div#video{
padding-top: 10px;
margin-left: 12px;
}
/*
----------------------------------------------------------------------------- 
footer
-----------------------------------------------------------------------------*/
div#footer {
margin: 0 auto 0 174px;
width: 920px;
height: 40px;
}

div#footer p{
text-align: center;
margin-top: 5px;
color: #be560a;
}

div#footer a{
color: #a72c2d;
}

div#footer a:hover{
text-decoration: none;
}

div#footer ul{
text-align: center;
width: 90%;
margin: 0 auto;
}

div#footer ul li{
display: inline;
margin: 0 .4em 0 0;
padding-right: .9em;
border-right: 1px solid #000;
}

div#footer ul li a{
color: #000;
text-decoration: none;
text-transform: uppercase;
}

div#footer ul li a:hover{
color: #a72c2d;
text-decoration: underline;
}


/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

div#content form em{color: #F4853B;}

div#content form fieldset{
padding: 10px;
width: 95%;
display: block;
margin: 0 auto 1em auto;
border: 1px solid #999;
}

div#content form legend{
text-transform: uppercase;
font-size: 1.1em;
padding: 0px 8px;
}

div#content label{
float:left;
line-height: 1.6em;
width: 100px;
text-align: right;
margin-right: 15px;
}

div#content form input{
width: 60%;
background: #FFC;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

div#content form p.textarea textarea{
width: 60%;
height: 200px;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

div#content form p.submit input{
display: block;
width: auto;
margin: 0 auto 1em auto;
background: #DDD;
padding: 5px 8px;
border: 2px solid;
border-color: #FFF #999 #666 #F0F0F0;
}

form#search input.submit{
width: 30px;
border: 1px solid #999;
}