/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	
textarea{
	resize:none;
	}
	
/*-----------END CLEARFIX----------*/

#portfolio {list-style:none;margin:0; padding:0;}

/*home content slider*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 460px; /*width of featured content slider*/
height:360px;
float:left;
margin-left:20px;
}

.gallery_thumb{
	margin-bottom:5px;	
}


.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0px;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 460px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
float:left;
}

.comm_special {
	margin:10px 0px;	
}

.pagination{
width: 49px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 0px;
float:left;
}

#paginate-slider4 {
	float:left;
	width:67px;
	margin-left:5px;
	height:240px;
	overflow-y:auto;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


.image_title  {
font-size:16px;
font-weight:bold;
}



/*-------------CONTAINER-----------*/
body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	background: url(../media/img/layout/bg.jpg);
	background-repeat:repeat-x;
	font-size:13px; 
	line-height:16px; 
	text-align:center; 
	color:#333;
	padding:0;
	margin:0;
	background-color:#204782;
}

h1.logo {
	width:259px;
	height:67px;
	background:url(../media/img/layout/logo.png);
	text-indent:-9999px;
	float:left;
	margin-top:0px;
}

#container{
	position:relative;
	width:867px;
	margin: 18px auto 0px auto;
	height:686px;
	}
	
#header {
	position:relative;
	width:867px;
	margin: 0px auto 0px auto;
	height:68px;
}




#footer {margin: 0px auto;
	width:867px;
	
	
	color:#9d8940;
	text-align:center;
	font-size:13px;
	height:25px;
}

#footer a {
	color:#FFF;
	text-decoration:none;
	padding:0px 8px;
}

#footer a:hover {
	color:#FFF;
	text-decoration:underline;
	padding:0px 8px;
}

#content{
	width:877px;
	margin:38px auto;
	position:relative;
}

#left_col{
	background-color:#fff;
	padding:10px; 
	border:2px solid #9d8940;
	width:330px;
	position:relative;
	float:left;
	text-align:justify;
}

#full_col{
	background-color:#fff;
	padding:10px; 
	border:2px solid #9d8940;
	width:837px;
	position:relative;
	float:left;
	text-align:justify;
	min-height:510px; !important
}


.submit_button {
	margin:0px auto 25px auto;
}

#right_col_div{
	background-color:#fff;
	padding:10px; 
	border:2px solid #9d8940;
	width:486px;
	position:relative;
	float:left;
	text-align:justify;
	margin-left:10px;
	margin-bottom:10px;
}



#community_right_col{
	background-color:#fff;
	padding:10px 0px 10px 5px; 
	border:2px solid #9d8940;
	width:238px;
	position:relative;
	float:left;
	text-align:justify;
	margin-left:10px;
	margin-bottom:10px;
	font-size:12px;
	line-height:16px;
	height:515px;
	overflow:hidden;
}


#news_right_col{
	background-color:#fff;
	padding:10px 0px 10px 10px; 
	border:2px solid #9d8940;
	width:238px;
	position:relative;
	float:left;
	text-align:justify;
	margin-right:10px;
	margin-bottom:10px;
	line-height:16px;
	height:515px;
	overflow:hidden;
}

a {
	color:#9d8940;
	text-decoration:underline;
}

#right_content{
	width:232px;
	margin:0px ;
	height:505px;
}
#news_story{
	height:515px;
}

#copy {
	height:515px;
}

#community_left_col{
	background-color:#fff;
	padding:10px; 
	border:2px solid #9d8940;
	width:562px;
	position:relative;
	float:left;
	text-align:justify;
	margin-bottom:10px;
	font-size:14px;
	line-height:18px;
}

#community_left_col ul{
	margin-left:20px;	
}

#news_left_col{
	background-color:#fff;
	padding:10px; 
	border:2px solid #9d8940;
	width:572px;
	position:relative;
	float:left;
	text-align:justify;
	margin-bottom:10px;
	line-height:18px;
}

#community_main_left{
	width:592px;
	float:left;
	height:543px;
}

#news_main_left{
	width:592px;
	float:left;
	height:543px;
}

.community_name {
	font-weight:bold;
	font-size:18px;
}

#right_col_div_top{
	background-color:#fff;
	padding:5px 0px 5px 5px; 
	border:2px solid #9d8940;
	width:501px;
	position:relative;
	float:left;
	text-align:justify;
	margin-left:10px;
	margin-bottom:10px;
}








#home_announcement{
	text-align:center;
}

#home_announcement a{
	color:#c32828;
	text-decoration:none;
}

.bold{
	font-weight:bold;
}

a.bold{
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

.list {
	margin-top:-10px;
}

.listings{
	height:325px;
	overflow:auto;
	margin-top:20px;
}

.home_listing{
	line-height:14px;
	font-size:12px;
	border-bottom:1px solid #c3c128;
	width:300px;
	padding-bottom:6px;
}

.news_listing{
	line-height:14px;
	font-size:12px;
	border-bottom:1px solid #c3c128;
	padding-bottom:6px;
}

.community_listing{
	line-height:14px;
	font-size:12px;
	border-bottom:1px solid #c3c128;
	width:395px;
	height:60px;
	padding:6px 0px;
	float:left;
	margin:20px 10px 0px 10px;
}


#communities .community_listing_wide{
	line-height:14px;
	font-size:12px;
	border-bottom:1px solid #c3c128;
	width:600px;
	height:80px;
	padding:3px 0px;
	margin:5px auto 0px 110px;
}

#communities .community_listing{
	line-height:14px;
	font-size:12px;
	border-bottom:1px solid #c3c128;
	width:380px;
	height:80px;
	padding:3px 0px;
	margin:5px 10px 0px 10px;
}

#communities #copy {
	height:465px;
}

.community_listing:hover{
	background-color:#f3f3f3;
}


.community_listing_wide:hover{
	background-color:#f3f3f3;
}


.community_listing p{
	margin-top:3px;
}

.community_listing_wide p{
	margin-top:3px;
}

a.inline{
	color:#333;
	text-decoration:none;
}

.sub_nav{
	line-height:15px;
	font-size:15px;
	border-bottom:1px solid #c3c128;
	width:830px;
	padding-bottom:6px;
	margin-bottom:15px;
}
.sub_nav a{
	color:#333;
	text-decoration:none;
	padding:0px 10px;
}

.sub_nav .selected{
	font-weight:bold;
	padding:0px 10px;
}

.home_listing p{
	margin:4px 0px;
}

.home_listing .thumb{
	float:left;
	margin-right:20px;
}


.community_listing .thumb{
	float:left;
	margin-right:20px;
}

.community_listing_wide .thumb{
	float:left;
	margin-right:20px;
}

.image{
	border:1px solid c3c128;
}

.fleft{
	float:left;
	margin-right:10px;
}



#nav_space{
	position:relative;
	top:7px;
	margin:auto;
	text-align:center;
}



img, div { behavior: url(../ iepngfix.htc) }


/* ===== NAV ===================================================== */
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:41px;display:block;}


   
#nav a{
  	display:block;
	height:41px;
	width:100%;
	}	
	

	
#nav a span{display:none;}
  
#nav li ul li a span{display:block; visibility:hidden}  
   
#nav {
    height:41px; 
	width:550px;
    background:url(../media/img/layout/nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:35px 0px 0px 47px;
	float:left;
	
	}	
	
#nav li:hover ul, li.over ul {
	display: block;
}

		
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#nav_communities{left:0px;top:0px; height:41px;width:130px;}
	#nav_news{left:140px;top:0px;height:41px;width:130px;}
	#nav_developer{left:280px;top:0px;height:41px;width:130px;}
	#nav_contact{left:420px;top:0px;height:41px;width:130px;}
	
	

	#nav_communities a:hover, #communities #nav_communities{
    background: transparent url(../media/img/layout/nav.gif)
    -0px -41px no-repeat;}

	#nav_news a:hover, #news #nav_news{
    background: transparent url(../media/img/layout/nav.gif)
    -140px -41px  no-repeat;}

	#nav_developer a:hover, #developer #nav_developer{
    background: transparent url(../media/img/layout/nav.gif)
    -280px -41px no-repeat;}
	
	#nav_contact a:hover, #contact #nav_contact{
	background: transparent url(../media/img/layout/nav.gif)
    -420px -41px no-repeat;}
	

/* ===== NAV ===================================================== */
#comm_nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:36px;display:block;}


   
#comm_nav a{
  	display:block;
	height:36px;
	width:100%;
	}	
	

	
#comm_nav a span{display:none;}
  
#comm_nav li ul li a span{display:block; visibility:hidden}  
   
#comm_nav {
    height:36px; 
	width:547px;
    background:url(../media/img/layout/comm_nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:0px 0px 0px 8px;
	
	}	
	
#comm_nav li:hover ul, li.over ul {
	display: block;
}

		
#comm_nav li.on:hover ul, #comm_nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topcomm_nav li.off ul, #topcomm_nav li.on ul {
  display: none;
}

	#comm_nav_photo{left:0px;top:0px; height:36px;width:102px;}
	#comm_nav_floorplans{left:111px;top:0px;height:36px;width:102px;}
	#comm_nav_amenities{left:222px;top:0px;height:36px;width:102px;}
	#comm_nav_map{left:333px;top:0px;height:36px;width:102px;}
	#comm_nav_information{left:444px;top:0px;height:36px;width:102px;}
	
	

	#comm_nav_photo a:hover, .gallery #comm_nav_photo{
    background: transparent url(../media/img/layout/comm_nav.gif)
    -0px -36px no-repeat;}

	#comm_nav_floorplans a:hover, .floorplans #comm_nav_floorplans{
    background: transparent url(../media/img/layout/comm_nav.gif)
    -111px -36px  no-repeat;}

	#comm_nav_amenities a:hover, .amenities #comm_nav_amenities{
    background: transparent url(../media/img/layout/comm_nav.gif)
    -222px -36px no-repeat;}
	
	#comm_nav_map a:hover, .map #comm_nav_map{
	background: transparent url(../media/img/layout/comm_nav.gif)
    -333px -36px no-repeat;}
	
	#comm_nav_information a:hover, #contact #comm_nav_information{
	background: transparent url(../media/img/layout/comm_nav.gif)
    -444px -36px no-repeat;}
	
	

/* registration page */

.row {
	padding: 0 0 15px 0;	
}

label {
	float: left;
	width: 100px;
	margin-right: 15px;
	font-weight:bold;
	text-align: right;
	height: 20px;
	line-height: 20px;
}

label.short {
	float: left;
	width: 35px;
	margin-right: 15px;
	font-weight:bold;
	text-align: right;
	height: 20px;
	line-height: 20px;
}

label.medium {
	float: left;
	width: 70px;
	margin-right: 15px;
	font-weight:bold;
	text-align: right;
	height: 20px;
	line-height: 20px;
}

label.long {
	float: left;
	width: 275px;
	margin-right: 15px;
	font-weight:bold;
	text-align: right;
	height: 20px;
	line-height: 20px;
}

.input_container {
	float: left;
	margin-right: 8px;
}

.input_container p {
	font-size: 12px;
	font-weight: normal;
	clear: both;
	margin: 0px;
	padding: 2px 0 0 0;
	text-align: left;
	font-style:italic;
}

.input_container p.first {
	margin: 0px 0px 15px 0px;	
}

input.text {
	height: 14px;
	padding: 3px;
	font-size: 11px;
	float: left;
	border:1px solid #999;
}

input.short {
	width: 120px;
}

input.supershort {
	width: 65px;
}

input.long {
	width: 400px;
}

textarea {
	width:500px;
	height:100px;
	margin-left:25px;
}

.legal_form {
	font-size:10px;
	line-height:12px;
}