/* 	
-------------------------------------------------------------------------------------------------
Universal Selector
-------------------------------------------------------------------------------------------------
*/
* { 
	padding: 0; 
	margin: 0;
}

/* 	
-------------------------------------------------------------------------------------------------
Body
-------------------------------------------------------------------------------------------------
*/
body {
	background: url(../images/bg.png) top repeat;
	font-family: verdana;
	font-size: 11px;
	}
#wrapper {
	background-image: url(../images/bg-container.png);
	margin: 0 auto;
 	width: 853px;
	height: 698px;
	}
h1{
	color: #9c8c09;
	font-size: 16px;
	font-weight: normal;
	}

h2{
	color: #024b1e;
	font-size: 14px;
	font-weight: normal;
	}
h3{
	color: #a24a03;
	font-size: 15px;
	padding-bottom: 10px;
	font-weight: normal;
	}
h4{
	color: #a24a03;
	font-size: 15px;
	font-weight: bold;
	}
a {
	color: #003b1d;
}
a:hover {
	color: #a09200;
}

.button-mustard {
	background-color: #a19100;
	color: #ffffff;
	border: 1px;
	padding: 0px 7px 0px 7px;
	margin-top: 10px;
	cursor: pointer;
}
.font-brown {
	color: #a24a03;
}


/* 	
-------------------------------------------------------------------------------------------------
Header
-------------------------------------------------------------------------------------------------
*/
#logo{
	background-image: url(../images/logo-willow-creek.jpg);
	position: absolute;
	width: 143px;
	height: 110px;
	margin-left: 44px;
	margin-top: 95px;
	z-index: 11;
	}
#header{
	position: absolute;
	width: 853px;
	height: 234px;
	margin-left: -1px;
	margin-top: 50px;
	z-index: 10;
	}
#gallery-header{
	position: absolute;
	width:611px;
	height:233px;
	margin-left:231px;
	margin-top:-247px;
	}
/* 	
-------------------------------------------------------------------------------------------------
Left Navigation
-------------------------------------------------------------------------------------------------
*/
#nav-left {
	position: absolute;
	margin-top: 300px;
	margin-left: 30px;
	border-bottom-color: #000000;
	width: 150px;
	z-index: 10;
	}
#nav-left a {
	color: #8a8338;	
	text-decoration: none;
	vertical-align: middle;
	display: block;
	line-height: 25px;
	width: 100%;
	border-bottom: 1px solid #ddd99c;
	padding: 0px 10px 0px 10px;
	}
#nav-left a:hover {
	background-color: #e2e2b9;
	color: #003519;
	text-decoration: none;
	}
#nav-left a:active.browsetitle{
	border-bottom: 2px solid #034020;
	color: #003519;
	}
#nav-left .browseselected{
	border-bottom: 2px solid #034020;
	color: #003519;
	}
#nav-left .browsesub{
	text-align: right;
	line-height: 22px;
	background-color: #e8e8c0;
	}

body#home #nav-left a#menu-home,
body#overview-facilities #nav-left a#menu-overview-facilities,
body#overview-architecturaldesign #nav-left a#menu-overview-architecturaldesign,
body#overview-landscapingdesign #nav-left a#menu-overview-landscapingdesign,
body#overview-naturalenvironment #nav-left a#menu-overview-naturalenvironment,
body#overview-factsheet #nav-left a#menu-overview-factsheet,
body#overview-sitelayout #nav-left a#menu-overview-sitelayout,
body#location #nav-left a#menu-location,
body#gallery-image #nav-left a#menu-gallery-image,
body#gallery-video #nav-left a#menu-gallery-video,
body#purchase-plotplan #nav-left a#menu-purchase-plotplan,
body#purchase-plot #nav-left a#menu-purchase-plotplan,
body#purchase-documents #nav-left a#menu-purchase-documents,
body#faq #nav-left a#menu-faq,
body#developer #nav-left a#menu-developer,
body#contact #nav-left a#menu-contact {
	background-color: #e2e2b9;
	color: #003519;
}

.col-left {
	position: absolute;
	margin-top: 540px;
	margin-left: 40px;
	border-bottom-color: #000000;
	float: left;
	z-index: 10;
	}

	
/* 	
-------------------------------------------------------------------------------------------------
Middle Column
-------------------------------------------------------------------------------------------------
*/
#col-middle{
	background: url(../images/bg-expand.png) repeat;
	position: absolute;
	width: 853px;
	margin-top: 300px;
	z-index: 2;
	}	
.col-middle-content{
	width: 565px;
	margin-top: 15px;
	margin-left: 235px;
	}
.col-middle-content ol li{
	margin-left: 30px;
	}
.col-middle-content ul li{
	margin-left: 30px;
	}

.col-middle-content #image-gallery img {
	margin: 4px;
	}
.col-middle-content .contact-table {
	padding: 10px 0px 20px 10px;
	}
.col-middle-content .contact-table td {
	padding-top: 10px;
	}

.col-middle-content #plot-display p{
	padding: 0px 10px 10px 0px;
	width: 50px;
	float: left;
	}
.col-middle-content .plot-plan-listing {
	float: left;
	width: 128px;
}
.col-middle-content #plot-table-img td {
	background: #ffffff;
	padding: 2px;
	border: #CCCCCC 1px solid;
	}
.col-middle-content #plot-table-link td a {
	background: #003b1d;
	padding: 5px 5px 5px 15px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	}
.col-middle-content #plot-table-link td a:hover {
	background: #a09200;
	}

.col-middle-content .plan-column-price {
	float: left;
	width: 350px;
}
.col-middle-content .plan-column-price td {
	padding-bottom: 10px; 
}
.col-middle-content .plan-column-contact {
	padding-top: 10px;
	float: left;
	width: 200px;
}
.col-middle-content .plan-column-contact p {
	padding-bottom: 10px; 
}
.col-middle-content .plot-plan-img img{
	float: left;
	width: 128px;
	border: #CCCCCC 1px solid;
	margin: 0px 5px 5px 0px;
	padding: 2px;
	background-color: #FFFFFF;
	z-index: 1;
}
.col-middle-content #documents {
	margin-bottom: 200px; 
}
.col-middle-content #documents ul li {
	margin-bottom: 10px; 
}

.col-middle a:visited{
	color: #665c04;	
	}
.col-middle a:hover{
	color: #000000;	
	}
#col-middle-icons-features{
	text-align: right;
	position: absolute;
	margin-left: 300px;
	margin-top: -25px;
	vertical-align: middle;
	}
#col-middle-banner-features{
	background-image: url(../images/banner-features.jpg);
	width: 565px;
	height: 212px;
	position: relative;
	}
#col-middle-banner-features-text{
	margin-left: 350px;
	line-height: 20px;
	padding-top: 12px;
	display: block;
	}
#col-middle-banner-features-text h2{
	padding-bottom: 10px;
	}
.col-middle-feature-image{
	float: left;
	width: 160px;
	}	
.divider{
	clear: both;
	border-bottom: thin;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #C1C1C1;
	margin: 20px 0px 20px 0px;
	}
	
.middle-table-dark{
	background-color: #e2e2a5;
	height: 25px;
	}
.middle-table-dark td {
	padding: 5px 10px 5px 10px;
	}
.middle-table-light{
	background-color: #e8e8b5;
	height: 25px;
	}
.middle-table-light td {
	padding: 5px 10px 5px 10px;
	}
	
.col-middle-plot-image{
	float: left;
	margin: 0px 20px 20px 0px;
	border: #ffffff 1px solid;
	}
#banner-open-day{
	background: url(../images/open-day.jpg);
	width: 566px;
	height: 172px;
	}
#banner-open-day-text{
	margin-left: 340px;
	padding-top: 30px;
	color: #862611;
	}
/* 	
-------------------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------------------
*/
#footer {
	background-image: url(../images/footer.png);
	color: #ededc7;
 	width: 829px;
	height: 93px;
	text-align: center;
	z-index: 99;
	margin-left:12px;
	margin-top: 20px;
	}
.footer-menu{
	padding:40px 0px 0px 0px;
	height: 50px;
	text-align: center;
	line-height: 22px;
	}
.footer-menu a{
	color: #ededc7;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	}
.footer-menu a:hover{
	color: #ededc7;
	text-decoration: underline;
	}
.footer-menu ul {
	padding-right:3px;
	}
.footer-menu ul li{
	display: inline;
	}
.clear {
	clear: both;
	}	



/*
-----------------------------------------------------
Validation
----------------------------------------------------- 
*/
.LV_valid {
    color:#3ad252;
    background: url(../images/symbol-valid.gif) no-repeat;
	}
	
.LV_invalid {
	color:#ed3a3a;
	background: url(../images/symbol-invalid.gif) no-repeat; 
	}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 10px;
    padding-left: 20px;
	}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #3ad252;
    padding: 1px;
	}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #ed3a3a;
    padding: 1px;
	}




/* 	
-------------------------------------------------------------------------------------------------
IFrame
-------------------------------------------------------------------------------------------------
*/
#iframe-container{
	width: 600px;
	height: 500px;
	margin: 0 auto;
	text-align: center;	
	}
.clear {
	clear: both;
	}	



/* 	
-------------------------------------------------------------------------------------------------
Page Buble - Used for home page
-------------------------------------------------------------------------------------------------
*/
#col-middle-banner-features #bubbleWrap {
	visibility: hidden;		
	}

#col-middle-banner-features .page {
	margin-right: 19px;
	cursor: pointer;
	height: 20px;
	border-bottom: 1px solid #f5f6e4;
	}
#col-middle-banner-features .page a{
	color: #000000;
	padding-left: 10px;
	text-decoration: none;
	display: block;
	}
#col-middle-banner-features .page a:hover {
	color: #9c8c09;
	background-color: #e2e4c7;
	text-decoration: none;
	display: block;
	}
#col-middle-banner-features .bubble {
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
	
	
	
/* 	
-------------------------------------------------------------------------------------------------
Popup
-------------------------------------------------------------------------------------------------
*/
#popup {
	margin: 0 auto;
 	width: 600px;
	height: 400px;
	background: none;
}
#popup-form {
	background-color: #FFFFFF;
}

#popup-form h2 {
	padding: 10px 0px 0px 0px;
}
#popup-form p {
	padding: 5px 0px 5px 0px;
}
#popup-form td {
	padding: 5px;
}

/*
-----------------------------------------------------
IFrame
----------------------------------------------------- 
*/

#iframe{
	background-color: #CCCCCC;
	padding: 0px;
	margin: 0px;
}

#iframe-container{
	width: 600px;
	height: 400px;
	margin: 0 auto;
	text-align: center;	
}


/*
-----------------------------------------------------
Image slider
----------------------------------------------------- 
*/

.theme-default #slider {
	margin-left:231px;
	margin-top:3px;
    /* margin:100px auto 0 auto; */
    width:611px; /* Make sure your images are the same size */
    height:233px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}