/*********** colors 

khaki: #d2c68a;

brown: #340d0a;

burgandy: #52130f;

text: #774c00;


*********/


/***************************************************

				 site styles 
				 
**************************************************/

html,body{
	margin: 0;
	padding: 0;
	background: url(images/siteBckgrnd.jpg) top center no-repeat;
	background-color: black;
	font-family:  Arial, Helvetica,Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #774c00;

}

h1{
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 24px;
	font-weight:normal;
	color: #340d0a;
	margin: 6px 0;
	}

body a{
	color: #52130f;	
	outline: none;
}

body a:hover{color: white;}

#centerme{
	width: 944px;
	height:530px;
	margin: 0 auto;
	display: block;
	padding: 1px;
/* 	padding-top: 45px !ie_only; */
}

.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/*********************************************************** 
				
				header styles 
				
************************************************************/

/*	list Setup */
ul.mainnav {
	width: 964px;
	height: 132px;
	margin: 0 auto;
	list-style: none;
	display: block;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.mainnav li {
	float: left;	
	padding-top: 68px;
	}
	
ul.mainnav li.logo {
	float: left;	
	padding-top: 0;
	}

ul.mainnav li a {
	display: block;
	height: 20px;
	background: url('images/mainnav.jpg') no-repeat;
	}

/*	Up Links */

ul.mainnav li.home a {
	width: 67px;
	background-position: 0 0;
	
	}

ul.mainnav li.contact a {
	width: 116px;
	background-position: -70px 0;
	margin-right: 140px; 
	}
	
ul.mainnav li.logo a {
	width: 330px;
	height:95px;
	margin-right: 60px;
	background: none;
	}


ul.mainnav li.moreinfo a {
	width: 250px;
	background-position: -730px 0;
	}

/*	Hover Links */

ul.mainnav li.home a:hover {
	background-position: 0 -22px;
	}

ul.mainnav li.contact a:hover {
	background-position: -70px -22px;
	}

ul.mainnav li.moreinfo a:hover {
	background-position: -730px -22px;
	}



/********************************************************************** 

					home content styles 
					
***************************************************************************/

#homeColumns{
	width:940px;
	margin: 0 auto;
	display: block;
}

#col1{
	width: 290px;
	float: left;
	display: inline;
	background: url(images/cliffsideLogo.gif) center 12px no-repeat;
	margin: 0;
}

#col2{
	width: 340px;
	float: left;
	display: inline;
	background: url(images/redTailHome.gif) center 8px no-repeat;
}

#col3{
	width: 290px;
	float: left;
	display: inline;
	background: url(images/newCommunity.gif) center 10px no-repeat;
}

#col3 .homeText{margin: 84px auto 24px auto;}

.homeText{
	width: 250px;
	text-align: center;
	margin: 84px auto 6px auto;
}

a.rollover {
	display: block;
	width: 211px;
	height: 44px;
	text-decoration: none;
	background: url("images/learnMore.gif") no-repeat;
	margin: 0 auto;
	}

a.rollover:hover {
	background-position:  0 -44px;
	}

/***************************************************************************

						 large slide show styles 
						 
****************************************************************************/

#generalSlideshow, #cliffsideSlideshow, #redtailSlideshow{
	width: 942px;
	height: 243px;
	margin: 0 auto 10px auto;	
}

#generalSlideshow{background: url(images/generalSS.jpg) top center no-repeat;}

#cliffsideSlideshow{background: url(images/cliffsideSS.jpg) top center no-repeat;}

#redtailSlideshow{background: url(images/redtailSS.jpg) top center no-repeat;}



/********************************************************************* 

					secondary page content styles 
					
****************************************************************************/
#text{
	width: 670px;
	height:220px;
	overflow: auto;
	margin-left: 12px;
	padding-right: 10px;
	display: block;
	float: left;
}


.scroll-pane{
	width: 655px;
	height:220px;
	overflow: auto;
	margin-left: 12px;
	padding-right: 15px;
	display: block;
	float: left;
}

.areaPageScroll-pane {
	height:150px;
	width:655px;
	overflow: auto;
	margin-left: 6px;
	padding-right: 10px;
	display: block;
	float: left;
	}
	
/*
.newCommScroll-pane {
	height:220px;
	width:850px;
	overflow: auto;
	margin-left: 50px;
	padding-right: 50px;
	display: block;
	}

*/
 
#text p, .scroll-pane p, .areaPageScroll-pane p, .newCommScroll-pane p {margin-top: 10px;}

.boldItalic{
	font-style: italic;
	font-weight: bold;
	}
	
#tallColumn{
	float: left;
	width: 255px;
	}
	
#tallColumn img{
	margin: 18px 0 10px 14px;
/* 	padding: 4px; */
	border: solid 2px #52130f;

}

#masterplan{
	width: 665px;
	height: 460px;
	margin-top: 18px;
	float: left;
}

#map{
	width: 665px;
	height: 290px;
	float: left;
	margin: 18px auto 10px auto;
	border: 2px solid #52130f;
}

#leftCol{
	background: url(images/divider.gif) top center no-repeat;
	width:230px;
	height: 230px;
	float: left;
	margin:10px 0 0 20px;
}

.address{width: 210px;}

.address a{
	color:#52130f;
	text-decoration: underline;
	}
	
#form{
	width: 800px;
	height: 220px
	overflow: auto;
}

#newCommunity{
	background: url(images/newCommLogo.gif) top center no-repeat;
	width:232px;
	height: 230px;
	float: left;
	margin:4px 0 0 20px;
}

#newCommunity img{
	margin-top: 62px;
	border: 2px solid #52130f;
	}

/************************************************************************ 

								subnav styles 
								
************************************************************************/

#cliffside, #redtail{
	width:210px;
	float: left;
	margin-left: 10px;
	padding-left:20px;
}

#cliffside{background: url(images/cliffsideNav.gif) top center no-repeat;}

#redtail{background: url(images/redtailNav.gif) top center no-repeat;}

/* sub nav menu */
ul.subnav {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: block;
	}
	
ul.subnav li{margin: 0;}

ul.subnav li a {
	display: block;
	width: 167px;
	height: 35px;
	background: url('images/subnav.gif') no-repeat;
	}


/*	Up Links */
ul.subnav li.logo a {
	width: 215px;
	height:70px;
	background: none;
	margin-left: -20px;
	}
	
ul.subnav li.masterplan a {
	background-position: 0 0;
	}

ul.subnav li.area a {
	background-position:  0 -35px;
	}

ul.subnav li.available a {
	background-position: 0 -70px;
	}
	
ul.subnav li.brochure a {
	background-position: 0 -105px;
	}
	

/* Hover and Selected Links */
ul.subnav li.masterplan a:hover, ul.subnav li.masterplan a.selected {
	background-position:  -169px 0;
	}

ul.subnav li.area a:hover, ul.subnav li.area a.selected {
	background-position: -169px -35px;
	}

ul.subnav li.available a:hover, ul.subnav li.available a.selected {
	background-position: -169px -70px;
	}
	
ul.subnav li.brochure a:hover {
	background-position: -169px -105px;
	}
	
	
/********************************************************************* 

						custom scroller styles 
						
**********************************************************************/	
	
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/* background: #aaa; */
	background: url(images/scrollBar.jpg) no-repeat center;

}
.jScrollPaneDrag {
	position: absolute;
/* 	background: #666; */
	cursor: pointer;
	overflow: hidden;
	background: url(images/scrollButton.jpg) no-repeat center center;

}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
	
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}

a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}

a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


/********************************************************************* 

				available homes page with thick box 
			
***********************************************************************/	

#availableHomes{
	width: 665px;
	height: 460px;
	float: left;
	overflow: auto;
	margin: 30px auto 0 auto;
}

#availableHomes table {
	width: 600px;
	margin: 20px auto 0 auto;
	border-collapse: collapse;
}

#availableHomes th {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #52130f;  
	text-align: center;
	padding: 3px;
}

#availableHomes td {
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #774c00;
}

#availableHomes a img{border: none;}

.note{margin: 8px 0 0 24px;}

.hide{display: none;}
	

/******************************************************************************** 

							footer styles 
							
******************************************************************************/

.footer{
	width:370px;
	height: 80px;
	margin: 0 auto;
	list-style: none;
	/* text-align: center; */
	display: block;
	font-size: 11px;
	}

.footer li{
	display: inline;
	float:left;
	margin: 1px auto;
}

.footer li a{
	color: #d2c68a; 	
	letter-spacing: .05em;
	text-decoration: none;
	}
	
.footer li a:hover{color: white;}

.footer li.home{padding-left: 42px}

.divider {
	padding: 0 8px;
	color: #d2c68a;
	}