@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
font:12px Geneva, Arial, Helvetica, sans-serif;
background:#f6f5ed url(../images/bg.gif) repeat-x;
}

#wrapper {
padding:0;
margin:0 auto;
width:960px;
min-height:780px;
	_height:780px;
	overflow:hidden;

}

/* ----- HEADER ----- */



#header {
width:960px;
height:110px;

}

#logo {
float:left;
padding:0;
margin:0;
position:absolute;
top:15px;
margin-left:30px;
}

#menu {
float:left;
position:absolute;
margin-left:410px;
margin-top:70px;
z-index:1000;
}

#home {


color:#66981a;
margin-left:-50px;
margin-top:0px;
position:absolute;
font-size:14px;
font-weight:bold;

}

a {
color:#66981a;
text-decoration:none;
}

a:hover {
color: #fdd501;
text-decoration:none;
}

#active  {
color: #fdd501;
}
/* ----- MAIN CONTENT ----- */



#content { 
width:960px;
margin-top:15px;
min-height:400px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:400px; /* for IE5.x and IE6 */

}

#banner {
float:left;
width:960px;
height:300px;
background:#FFFFFF;
z-index:1;
border-bottom: solid 2px #66981a;

}

#t-banner {
float:left;
width:960px;
height:440px;
background:#FFFFFF;
z-index:1;
border-bottom: solid 2px #66981a;

}
#t-content { 
width:960px;
margin-top:0px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */

}

#slideshow {  
overflow:hidden; width:960px; height:420px; background-repeat: no-repeat; 
background-attachment: initial; 
-webkit-background-clip: initial; -webkit-background-origin: initial; 
background-color: transparent; 
background-position: initial initial;}
#slideshow img {border:none;}

#pricetab {
float:right;
position:absolute;
z-index:100;
padding:0;
margin:200px 0 0 780px;
}

.pricetab {
float:right;
position:absolute;
z-index:1;
padding:0;
margin:260px 0 0 780px;
}
.welcome {
color:#a19c81;
margin:30px 0 0 0 ;
text-align:justify;
width:300px;

}

.features {
color:#a19c81;
margin:30px 0 0 0 ;
text-align:justify;
width:300px;
}

.inquiry {
color:#a19c81;
margin:30px 0 0 0 ;
text-align:justify;
width:300px;
}

.greentxt {
color:#66981a;

}

.greengray {
color:#808f6a;
}
/* --- panels --- */
#box-wrap {
width:960px;
height:auto;
float:left;

}

.box1{
float:left;
position:relative;
width:310px;
height:250px;
padding:0px;
margin:0px;
}
.box2, .box3 {
float:left;
position:relative;
width:310px;
height:250px;
padding:0px;
margin:0 0 0 15px;
}

/* ----- FOOTER ----- */



#footer { 
width: 100%;
height: auto;
min-height:40px;
background:#fdd501 url(../images/footerbg.gif) repeat-x;
margin-top:0px;
position:relative;
color:#66981a;
z-index:1;
clear:both;
}

#footer-wrap {
width:100%;
padding:0;
margin:0 auto;
float:left;
position:relative;
}

.footer-img {
margin-top:5px;
}

#copyright {
float:left;
margin:10px auto;
width:100%;
text-transform:normal;
font-weight:bold;
position:absolute;
font-size:11px;
}
.copyright {
float:left;
margin-left:30px;
}

.design {
text-transform:none;
float:right;
margin-right:30px;
}
.design a {
color: #659619;
text-decoration:none;
font-size:10px;
}
.design a:hover{
color: #FF6600;
text-decoration:none;
font-size:10px;
}



/* MENU */
	#navcontainer  { margin-top:-0px; z-index:9999;}
	#navlist, #navlist ul { list-style: none; text-decoration: none; }
	#navlist, #navlist * { padding: 0; margin: 0; }
	
	/* Head links */
	#navlist li.headlink { width:auto; float: left; margin-left: -1px;  background-color: transparent; text-align: left; }
	#navlist li.headlink a {  width:auto; display: block; padding: 0px 0 0 20px; text-transform:uppercase; font-weight: bold; font-size:12px; }

	/* Child lists and links */
	#navlist li.headlink ul { display: none;  text-align: left; text-decoration: none; }
	#navlist li.headlink:hover ul { display: inline;  color: #fdd501; z-index:1; position:absolute;}
	/*#navlist li.headlink ul li a { padding:5px 0 5px 0px; height: 12px; border-bottom:1px solid #b0ad92;}
	#navlist li.headlink ul li a:hover { padding:5px 0 5px 0px;color: #fdd501; border-bottom:1px solid #fdd501;}*/		
	#navlist li.headlink ul li a { padding:3px 0 3px 0px; height: 11px; }
	#navlist li.headlink ul li a:hover { padding:3px 0 3px 0px;color: #0c6223; }

	#navlist a { color: #b0ad92; text-decoration:none;} #navlist ul li a:hover { text-decoration: none; color: #fdd501; }
	#navlist li.headlink { background-color:none;}
	#navlist li.headlink ul {  padding-bottom: 10px; }
	#navlist a:hover { color: #fdd501; }
	#active a{color: #fdd501;}
;
/*--icon men--*/

#icon-menu{ width: 300px;list-style-type: none;  padding:0;margin:0}

#icon-menu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;

}

#icon-menu a
{
display: block;
padding: 3px;
width: 280px;
background-color: transparent;
border-bottom: 1px solid #eee;
font-weight:bold;
}

#icon-menu a:link, #icon-menu a:visited
{
color: #aaa68a;
text-decoration: none;
}

#icon-menu a:hover
{
background-color:  transparent;
color: #ffdf00;
}


/*proximity*/

#proximity { 
width:960px;
margin-top:0px;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */

}

#proximity-banner {
float:left;
width:960px;
height:520px;
background:#FFFFFF;
z-index:1;
border-bottom: solid 2px #66981a;
}

#text-proximity-info {
width:380px;
float:right;
position:absolute;
margin-left:540px;
text-align:justify;
margin-top:20px;
}

#community-text {
float:left;
width:500px;
padding:10px 0 0 40px;
text-align:justify;
}

#text-amenities-info {
width:300px;
float:right;
position:absolute;
text-align:justify;
margin:60px  0 0  600px;
}

#community-banner {
float:left;
width:960px;
height:500px;
background:#FFFFFF;
z-index:1;
border-bottom: solid 2px #66981a;
}

#amenities {
font-size:14px;
padding:0;
margin:0;
list-style-type:none;
line-height:22px;
font-weight:bold;
}

#slideshow-amenities {
float:left;
position: absolute;
margin:80px 40px 0;
background:#ccc;
border-bottom:5px solid #FFCC00;
}

#security-banner {
float:left;
width:960px;
height:450px;
background:#FFFFFF;
z-index:1;
border-bottom: solid 2px #66981a;
}

#text-security-info {
width:300px;
float:right;
position:absolute;
text-align:justify;
margin:60px  0 0  600px;
}
#security-info {
	float:left;
	width:500px;
	height: auto;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#contact-info {
float:left;
width:500px;
height:300px;
margin:10px 0 0 430px;
position:absolute;
z-index:1;
}

#contact-banner {
float:left;
width:960px;
height:560px;
background:#FFFFFF;
z-index:1;
border-bottom: solid 2px #66981a;
}

input, textarea, select{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#contactform input, #contactform textarea {
	background-color: #66981A;
}

#text-contact-info {
width:300px;
float:right;
position:absolute;
text-align:justify;
margin:10px  0 0  680px;
z-index:1;
}

#contact-imready {
float:left;
position:absolute;
z-index:0;
}


/*popup*/

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;

z-index:100;
}
#popupContact, #popupContact-Slide{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height: auto;
width: auto;
background:#FFFFFF;
z-index:9999;
padding:20px;
font-size:13px;
margin:0px auto;
}

#popupContactClose{
font-size:12px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#ccc;
font-weight:700;
display:block;
cursor:pointer;
}
#button{
text-align:left;
float:left;
margin:0 0 0 30px;
}


/*form style*/
.form {
padding:0;
margin:0;
}

.form li {
list-style-type:none;
line-height:22px;
padding:3px;
}

.form input, .form textarea, select {
border:1px solid #487c22;
color:#FFF;
padding:3px;
}

#form-btn {
padding:3px;
margin:0;
border: none;
height: 30px;
width: 80px;
}

/*direction*/
#direction {
width:380px;
height:auto;
float:left;
color:#99a388;
padding:10px;
line-height:16px;
margin-left:10px;
}


.direction  {
line-height:16px;

}

/*popup form*/
#form-popup {
color:#3b6819;
font-size:12px;
}

.form-popup  {
color:#3b6819;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.form-popup input, .form-popup select {
color:#FFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

padding:3px;
border:1px solid #487c22;
}

#cform {
float:left;
width:800px;
height:auto;
}

.required {
color:#90786b;
font-size:11px;
}


  div#floatingbar
    {
    overflow: hidden;
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
  /*  color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	background: #ccc;
	font-size:12px;*/
	
    }

 /* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

@media screen
  {
  body>div#floatingbar
    {
    position: fixed;
    }
  }
  

/*switch image*/
#largeImg {
	
	width: 500px;
	height: 345px;
	padding: 0px;
}
#largeImgs {
	
	width: 492px;
	height: 400px;
	padding: 0px;
}
.thumbs, .pthumbs {
float:right;
padding:0;
margin:0 ;
}
.thumbs img {

	width: auto;
	height: 50px;
	padding: 0px;
	border:none;
}

.pthumbs img {

	width: auto;
	height: 50px;
	padding: 0px;
	border:none;
	
}
.thumbs img:hover {
	border-color: #FFF;
}
#communitytab {
background:#f6d80f  url(../images/communitytab.jpg) no-repeat;
height:50px;
width:960px;
}
#proximitytab {
background:#f6d80f  url(../images/proximitytab.jpg) no-repeat;
height:50px;
width:960px;
}
#vmap {
float:left; margin-top:20px; margin-left:30px;
}

/* FOR POP UP FORM */

	#stylized h3 {
			font-size:14px;
			font-weight:bold;
			margin-bottom:8px;
			padding-top:10px;
			padding-left:5px;
			color: #66981A;
	}
	#stylized label {
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		color:#66981a;
	}
	#stylized .small{
		color:#99A388;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input, #stylized textarea {
		float:left;
		font-size:14px;
		padding:4px 2px;
		border:solid 1px #99A388;
		width:200px;
		margin:2px 0 20px 10px;
		color:#66981A;
	}
	input#dateappt {
		width: 180px;
	}
	
	#stylized select {
		float:left;
		font-size:14px;
		padding:4px 2px;
		border:solid 1px #99A388;
		width:205px;
		margin:2px 0 20px 10px;
		color:#66981A;
	}
	
	#stylized button{ 
		float:left;
		width:100px;
		height:31px;
		background:#66981a url(../img/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		padding: 0;
		cursor:pointer;
	}
	
	.btn-pad {margin:0 5px 0 150px;}
	
	#stylized p{
		margin-bottom:20px;
		border-bottom:solid 1px #99A388;
		padding-bottom:10px;
	}


