/*---------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----------*/

body{
	background-color:#f6f2ea;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	behavior: url(../styles/iepngfix.htc);
	}
body img{behavior: url(../styles/iepngfix.htc);}	
a {	
	color: #54bfb3;
	text-decoration:underline;
	}
	
#container{
	margin:auto;
	width: 674px;
	border:1px solid #b0904a;
	background:#FFF;
	padding: 0 35px;
	}
	
#header{
	width:100%;
	text-align:center;
	margin-top:30px;
	}
	
#main_col{
	}
	
#copy{
	margin-right:20px;
		}
	
p{text-indent:1.5em;
	margin:0px 0px auto 0px}
			
#l_nav{
	float:left;
	margin-top:27px;
	width: 110px;
	background: url(../media/images/side_bg.gif) no-repeat bottom right;
	text-align:center;
	border-right:1px solid #b0904a;
	margin-right:40px;
	behavior: url(../styles/iepngfix.htc);
	}
#l_nav2{
	float:left;
	margin-top:27px;
	width: 110px;
	background-image:url(../media/images/side_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	text-align:center;
	border-right:1px solid #b0904a;
	margin-right:40px;
	}

#sub_footer{
		color:#a1a1a1;
	font-size:11px;
	text-align:center;
	margin-top:10px;
	}	
	
#sub_footer a{
	color:#a1a1a1;
	text-decoration:underline;
	}

	
#footer{
	border-top: 1px solid #b0904a;
	border-bottom: 1px solid #b0904a;
	width:100%;
	text-align: center;
	padding:10px 0px 10px 0px;
	color:#a1a1a1;
	font-size:11px;
	height:100px;
	}
	
.tinput{
	border: 1px solid #b0904a;
	width: 200px;
	}
		
/* ================================== main nav ======================================== */
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:30px;display:inline; }


   
#nav a{
  	display:block;
	height:30px;
	}	
	

	
#nav a span{display:none;}
  
#nav li ul li a span{display:block; visibility:hidden}  
   
#nav {
    height:30px; 
	width:674px;
    background: url(../media/images/nav.gif);
	margin:auto;
    padding: 0;
    position: relative;
	float:right;
	margin-top:10px;
	z-index:10;
	}	
	
#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_welcome{ top:0; left:0px; width:84px; height:30px; }
#nav_residences{ top:0; left:84px; width:101px; height:30px; }
#nav_amenities{ top:0; left:185px; width:92px; height:30px; }
#nav_location{ top:0; left:277px; width:78px; height:30px; }
#nav_developer{ top:0; left:355px; width:89px; height:30px; }
#nav_news{ top:0; left:444px; width:101px; height:30px; }
#nav_registration{ top:0; left:545px; width:129px; height:30px; }
 
/*---Top Nav Over States----*/ 
 
 #welcome #nav_welcome a, #nav_welcome a:hover{
 background:transparent url(../media/images/nav.gif) -0px -30px no-repeat;
 }

#residences #nav_residences a, #nav_residences a:hover{
 background:transparent url(../media/images/nav.gif) -84px -30px  no-repeat;
 }
#amenities #nav_amenities a, #nav_amenities a:hover{
 background:transparent url(../media/images/nav.gif) -185px -30px  no-repeat;
 }
#location #nav_location a, #nav_location a:hover{
 background:transparent url(../media/images/nav.gif) -277px -30px  no-repeat;
 }
#developer #nav_developer a, #nav_developer a:hover{
 background:transparent url(../media/images/nav.gif) -355px -30px  no-repeat;
 }
#news #nav_news a, #nav_news a:hover{
 background:transparent url(../media/images/nav.gif) -444px -30px  no-repeat;
 }
 #registration #nav_registration a, #nav_registration a:hover{
 background:transparent url(../media/images/nav.gif) -545px -30px  no-repeat;
 }
 
 
 /* ================================== side home nav ======================================== */
#hnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;;display:inline; }


   
#hnav a{
  	display:block;
	min-height:30px;
	}	
	

	
#hnav a span{display:none;}
  
#hnav li ul li a span{display:block; visibility:hidden}  
   
#hnav {
    height:175px; 
	width:100px;
    background: url(../media/images/home_side.gif);
	margin:auto;
    padding: 0;
    position: relative;
	float:right;
	margin-right:8px;
	margin-top:0px;
	}	
	
#hnav li:hover ul, li.over ul {
	display: block;
}

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

		

#hnav_views{ top:0; left:0px; width:100px; height:30px; }
#hnav_construction{ top:35px; left:0px; width:100px; height:40px; }
#hnav_gallery{ top:83px; left:0px; width:100px; height:40px; }
#hnav_registration{ top:134px; left:0px; width:100px; height:40px; }


#hnav_views a{ top:0; left:0px; width:100px; height:30px; }
#hnav_construction a{ top:35px; left:0px; width:100px; height:40px; }
#hnav_gallery a{ top:83px; left:0px; width:100px; height:40px; }
#hnav_registration a{ top:134px; left:0px; width:100px; height:40px; }

/*---side Nav Over States----*/ 
 
 #hnav_views #hnav_views a, #hnav_views a:hover{
 background:transparent url(../media/images/home_side.gif) -100px -0px no-repeat;
 }

#hnav_construction #hnav_construction a, #hnav_construction a:hover{
 background:transparent url(../media/images/home_side.gif) -100px -35px  no-repeat;
 }
#hgallery #hnav_gallery a, #hnav_gallery a:hover{
 background:transparent url(../media/images/home_side.gif) -100px -83px  no-repeat;
 }
#hregistration #hnav_registration a, #hnav_registration a:hover{
 background:transparent url(../media/images/home_side.gif) -100px -134px  no-repeat;
 }

 
 
 
 
 
  /* ================================== side developer nav ======================================== */
#dnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:inline; }


   
#dnav a{
  	display:block;
	min-height:30px;
	}	
	

	
#dnav a span{display:none;}
  
#dnav li ul li a span{display:block; visibility:hidden}  
   
#dnav {
    height:298px; 
	width:100px;
    background: url(../media/images/d_nav.gif);
	margin:auto;
    padding: 0;
    position: relative;
	float:right;
	margin-right:8px;
	margin-top:0px;
	z-index:10;
	}	
	
#dnav li:hover ul, li.over ul {
	display: block;
}

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

		

#dnav_maplewood{ top:0; left:0px; width:100px; height:40px; }

#dnav_maplewood a{ top:0; left:0px; width:100px; height:40px; }

/*---side Nav Over States----*/ 
 
 #dnav_maplewood #dnav_maplewood a, #dnav_maplewood a:hover{
 background:transparent url(../media/images/d_nav.gif) -100px -0px no-repeat;
 }
 
 
  
  /* ================================== side amenities nav ======================================== */
#anav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;;display:inline; }


   
#anav a{
  	display:block;
	min-height:30px;
	}	
	

	
#anav a span{display:none;}
  
#anav li ul li a span{display:block; visibility:hidden}  
   
#anav {
    height:162px; 
	width:100px;
    background: url(../media/images/a_nav.gif);
	margin:auto;
    padding: 0;
    position: relative;
	float:right;
	margin-right:8px;
	margin-top:0px;
	z-index:10;
	}	
	
#anav li:hover ul, li.over ul {
	display: block;
}

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

		

#anav_clubhouse{ top:0; left:0px; width:100px; height:40px; }

#anav_clubhouse a{ top:0; left:0px; width:100px; height:40px; }

/*---side Nav Over States----*/ 
 
 #anav_maplewood #anav_maplewood a, #anav_maplewood a:hover{
 background:transparent url(../media/images/a_nav.gif) -100px -0px no-repeat;
 }
 
  /* ================================== side location nav ======================================== */
#lnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:inline;}


   
#lnav a{
  	display:block;
	min-height:30px;
	}	
	

	
#lnav a span{display:none;}
  
#lnav li ul li a span{display:block; visibility:hidden}  
   
#lnav {
    height:205px; 
	width:100px;
    background: url(../media/images/l_nav.gif) no-repeat;
	margin:auto;
    padding: 0;
    position: relative;
	float:right;
	margin-right:8px;
	margin-top:0px;
	z-index:10;
	}	
	
#lnav li:hover ul, li.over ul {
	display: block;
}

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

		

#lnav_commuting{ top:0; left:0px; width:100px; height:23px; }
#lnav_location{ top:33px; left:0px; width:100px; height:41px; }
#lnav_directions{ top:81px; left:0px; width:100px; height:26px; }
#lnav_gallery{ top:114px; left:0px; width:100px; height:42px; }
#lnav_history{ top:164px; left:0px; width:100px; height:41px; }

#lnav_commuting a{ top:0; left:0px; width:100px; height:23px; }
#lnav_location a{ top:33px; left:0px; width:100px; height:41px; }
#lnav_directions a{ top:81px; left:0px; width:100px; height:26px; }
#lnav_gallery a{ top:114px; left:0px; width:100px; height:42px; }
#lnav_history a{ top:164px; left:0px; width:100px; height:41px; }

/*---side Nav Over States----*/ 
 
 #lnav_commuting #lnav_commuting a, #lnav_commuting a:hover{
 background:transparent url(../media/images/l_nav.gif) -100px -0px no-repeat;
 }

#lnav_location #lnav_location a, #lnav_location a:hover{
 background:transparent url(../media/images/l_nav.gif) -100px -33px  no-repeat;
 }
#hdirections #lnav_directions a, #lnav_directions a:hover{
 background:transparent url(../media/images/l_nav.gif) -100px -81px  no-repeat;
 }
#hgallery #lnav_gallery a, #lnav_gallery a:hover{
 background:transparent url(../media/images/l_nav.gif) -100px -114px  no-repeat;
 }
#hhistory #lnav_history a, #lnav_history a:hover{
 background:transparent url(../media/images/l_nav.gif) -100px -164px  no-repeat;
 }
 
  /* ================================== side amenities nav ======================================== */
#anav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:display:inline; }


   
#anav a{
  	display:block;
	min-height:30px;
	}	
	

	
#anav a span{display:none;}
  
#anav li ul li a span{display:block; visibility:hidden}  
   
#anav {
    height:133px; 
	width:100px;
    background: url(../media/images/a_nav.gif);
	margin:auto;
    padding: 0;
    position: relative;
	float:right;
	margin-right:8px;
	margin-top:0px;
	z-index:10;
	}	
	
#anav li:hover ul, li.over ul {
	display: block;
}

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

		

#anav_clubhouse{ top:0; left:0px; width:100px; height:40px; }

#anav_clubhouse a{ top:0; left:0px; width:100px; height:40px; }

/*---side Nav Over States----*/ 
 
 #anav_maplewood #anav_maplewood a, #anav_maplewood a:hover{
 background:transparent url(../media/images/a_nav.gif) -100px -0px no-repeat;
 }
 
  /* ================================== side residences nav ======================================== */
#rnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:inline; }


   
#rnav a{
  	display:block;
	min-height:20px;
	}	
	

	
#rnav a span{display:none;}
  
#rnav li ul li a span{display:block; visibility:hidden}  
   
#rnav {
    height:241px;
	width:109px;
    background: url(../media/images/r_nav.gif) no-repeat;
	
	margin:auto;
    padding: 0;
    position: relative;
	float:right;
	margin-right:8px;
	margin-top:0px;
	z-index:10;
	}

/* this is used to make a very tall left nav bar for pages with a lot of copy in the main column */
#rnav.tallNavBar {
	height: 1500px;
}	
#lnav.tallNavBar2 {
	height:605px;
}

	
#rnav li:hover ul, li.over ul {
	display: block;
}

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

		

#rnav_floorplans{ top:0; left:0px; width:109px; height:24px; }
#rnav_plan1{ top:38px; left:0px; width:109px; height:5px; }
#rnav_plan2{ top:56px; left:0px; width:109px; height:17px; }
#rnav_plan3{ top:78px; left:0px; width:109px; height:17px; }
#rnav_plan4{ top:99px; left:0px; width:109px; height:17px; }
#rnav_plan5{ top:122px; left:0px; width:109px; height:17px; }
#rnav_features{ top:165px; left:0px; width:109px; height:26px; }
#rnav_furnished{ top:191px; left:0px; width:109px; height:43px; }


#rnav_floorplans a{ top:0; left:0px; width:109px; height:24px; }
#rnav_plan1 a{ top:38px; left:0px; width:109px; height:5px; }
#rnav_plan2 a{ top:56px; left:0px; width:109px; height:17px; }
#rnav_plan3 a{ top:78px; left:0px; width:109px; height:17px; }
#rnav_plan4 a{ top:99px; left:0px; width:109px; height:17px; }
#rnav_plan5 a{ top:122px; left:0px; width:109px; height:17px; }
#rnav_features a{ top:165px; left:0px; width:109px; height:26px; }
#rnav_furnished a{ top:191px; left:0px; width:109px; height:43px; }

.rnav_plan1 #rnav_plan1 a, #rnav_plan1 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -38px  no-repeat;
 }
.hplan2 #rnav_plan2 a, #rnav_plan2 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -56px  no-repeat;
 }
.hplan3 #rnav_plan3 a, #rnav_plan3 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -78px  no-repeat;
 }
.hplan4 #rnav_plan4 a, #rnav_plan4 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -99px  no-repeat;
 }
.hplan5 #rnav_plan5 a, #rnav_plan5 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -122px  no-repeat;
 }

/*---side Nav Over States----*/ 
 
 #rnav_floorplans #rnav_floorplans a, #rnav_floorplans a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -0px no-repeat;
 }

#rnav_plan1 #rnav_plan1 a, #rnav_plan1 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -38px  no-repeat;
 }
#hplan2 #rnav_plan2 a, #rnav_plan2 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -56px  no-repeat;
 }
#hplan3 #rnav_plan3 a, #rnav_plan3 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -78px  no-repeat;
 }
#hplan4 #rnav_plan4 a, #rnav_plan4 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -99px  no-repeat;
 }
 #hplan5 #rnav_plan5 a, #rnav_plan5 a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -122px  no-repeat;
 }
#hfeatures #rnav_features a, #rnav_features a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -165px  no-repeat;
 }
 #hfurnished #rnav_furnished a, #rnav_furnished a:hover{
 background:transparent url(../media/images/r_nav.gif) -109px -191px  no-repeat;
 }


   /* ================================== side news nav ======================================== */
#nnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:inline; }


   
#nnav a{
  	display:block;
	min-height:20px;
	}	
	

	
#nnav a span{display:none;}
  
#nnav li ul li a span{display:block; visibility:hidden}  
   
#nnav {
    height:193px;
	width:150px;
	margin:auto;
    padding: 0;
    position: relative;
	float:right;
	margin-right:8px;
	margin-top:0px;
	z-index:10;
	}

/* this is used to make a very tall left nav bar for pages with a lot of copy in the main column */
#n-nav {
	text-align: right; 
	margin-right: 8px;
}

.tallNavBar {
}
/* News Article 2*/	
.tallNavBarN2 {
}
/* News Article 3*/	
.tallNavBarN3 {
}	
/* News Article 4*/	
.tallNavBarN4 {
	height:765px;
}
#nnav li:hover ul, li.over ul {
	display: block;
}

		
#nnav li.on:hover ul, #rnav li.over ul { /*for ie*/
		font-weight:bold;
	}