/*@charset "utf-8";
CSS Document */

/*default color values:
light green: #dedba6 (residence finder panel)
middle gree: #cbb677 (service team)
dark green: #968752 (homes/bixby house)
burgundy red: #562120 (jackson gore inn)
text red: #7a1315 (footer)
dark blue: #596f83 (our vision)
dark brown: #513b30 (lifestyle)
text brown: #493819
/***********************************************************************************************/

body{
	background-image:url(images/elements/bkg.jpg);
	margin:0px;
	z-index:1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#493819;
	padding: 0px;
}

* img {
	border:0px;
}

.mainContainer{
	position:relative;
	margin-top:25px;
}

form.input{
	width:60px;
}

.line1{
	height:1px;
	background-color:#CCCCCC;
	line-height:1px;
}

.line2{
	height:1px;
	background-color:#ac9e66;
	margin:2px 0px 2px 0px;
	line-height:1px;
}

.line3{
	height:2px;
	background-color:#ac9e66;
	line-height:1px;
}

.line4{
	height:1px;
	background-color:#ac9e66;
	margin:0px 0px 0px 0px;
	line-height:1px;
}

.line5{
	height:2px;
	background-color:#ac9e66;
	margin:2px 0px 0px 0px;
	line-height:1px;
}

#bug{
	position:absolute;
	width:46px;
	height:46px;
	z-index:100;
	right: 0px;
	top: -30px;
}

#bug2{
	position:absolute;
	width:46px;
	height:46px;
	z-index:10;
	right: 0px;
	top: -30px;
}
/*************************************NAV**********************************************************/

#sideNav, .sideNav{
	list-style: none;
	padding:0;
	margin:0;
	position:relative;
}

#sideNav a, .sideNav a 
{
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	padding:0px 3px 0 15px;
	color:#968752;
}
#sideNav a:hover, .sideNav a:hover
{
	padding:0px 3px 0 15px;
	color:#7a1315;
    background: url(images/elements/pointer_dg.gif) center left no-repeat;}

#sideNav, #sideNavNews ul{list-style:none;color:#968752;text-decoration:none;}
#sideNavNews a:hover{color:#7a1315;text-decoration:none;}

.navWrapper{
	position:relative;
	margin-left:0px;
}


.lineNav{
	height:1px;
	background-color:#CCCCCC;
	position:absolute;
	right:0px; 
	margin-top:16px; 
	width:720px;
	top: 0px;
}


.lineNavTop{
	height:1px;
	background-color:#CCCCCC;
	position:absolute;
	right:0px; 
	margin-top:16px; 
	width:545px;
	top: 0px;
}

#topnav, #topnav ul { /* all lists */
	padding: 0;
	margin: 0px 0px 0px 15px;
	list-style: none;
	line-height: 1;	
}

#topnav a {
	display: block;
	padding-left:25px;
}


#topnav ul li a { /*set padding on sub nav to 0 */
	padding:0px;
	vertical-align:top;
}

#topnav li li a:link {}
#topnav li li a:visited {}
#topnav li li a:active {}
#topnav li li a:hover {}

#topnav ul li {
	display: inline;
}

#topnav li { /* all list items */
	float: left;
}

#topnav li ul { /* second-level lists */
	position: absolute;
	padding-left:10px;
	vertical-align:bottom;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#topnav span{     /* bar spacers in between sub nav items */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#968752;
	padding:0px 10px;
	vertical-align:middle; 

}

#topnav li:hover ul.ourVision, #topnav li.sfhover ul.ourVision{ /* lists nested under hovered list items */
	left:10px;
}

#topnav li:hover ul.lifestyle, #topnav li.sfhover ul.lifestyle{ /* lists nested under hovered list items */
	left:10px;
}

#topnav li:hover ul.homes, #topnav li.sfhover ul.homes{ /* lists nested under hovered list items */
	left:10px;
}

#topnav li:hover ul.benefits, #topnav li.sfhover ul.benefits{ /* lists nested under hovered list items */
	left:240px;
}

#topnav li:hover ul.residence, #topnav li.sfhover ul.residence{ /* lists nested under hovered list items */
	left:290px;
}

#topnav li:hover ul.service, #topnav li.sfhover ul.service{ /* lists nested under hovered list items */
	left:250px;
}

/*'''''''''''''''''''''' residence finder and pages '''''''''''''''''''''''''''*/

/*for landing pages
-residence finder page
-benefits of ownership page
-our service team page
-our vision page
-the lifestyle page:*/

.landingPage
{ 
	background-color: #ffffff; 
    width:970px; 
	position:relative; 
	z-index: 1; 
	text-align:left; 
	line-height:18px;
	padding-top:10px;
  }
  
.wideSecLeft
{	
	width:346px;
	height:495px;
	float:left;
	color:#493819;
	margin:0px;
	vertical-align:top;
}
	
.wideSecRight
{
	width:582px;
	height:495px;
	float:right;
	margin:0px 10px 0px 10px;
	vertical-align:top;
}

.contentLeft
{	
	width:368px;
	float:left;
	color:#493819;
	margin:0px;
	vertical-align:top;
}

#left_nav {
	margin:13px 0px 13px 13px;
}

#left_copy {
	margin:13px 0px 0px 20px;
}

.leaf_l {float:left; width:465px; text-align:center; margin:15px 0px;}

.leaf_r {margin:10px 0 10px 0;}

.newsColumn a {color:#dedba6;}
.newsColumn a:hover {color:#ffffff;}
.newsSection a {color:#596f83;text-decoration:underline;}
.newsSection a:hover {color:#7a1315;text-decoration:underline;}
.trailLink {font-size:12px; padding-top:15px;}
.trailLink a {color:#596f83; text-decoration:underline;}
.trailLink a:hover {color:#7a1315;text-decoration:underline;}
	
/*'''''''''''''''''''''' residence finder detail page '''''''''''''''''''''''''''*/
		
.rf_main 
{
	background-color: #FFFFFF; 
	text-align:left; 
	vertical-align:top; 
	position:relative;
}

.rf_middle 
{
	padding:5px;
}

.rf_middle a
{
	color:#7a1315;
	font-weight:bold;
	text-decoration:none;
}
	
.rf_middle a:hover
{
	color:#968752;
	font-weight:bold;
	text-decoration:underline;
}

.rf_right
{
	width:220px;
	background-color:#dedba6;
	border-left:solid 1px #ac9e66; 
	padding-top:15px;
}

.rf_middle_row 
{
	border-bottom:solid 1px #493819;
}

/* residence content manager item style(s) */
.imgThumb_contMgr {margin:3px;}

/*'''''''''''''''''''''' home page '''''''''''''''''''''''''''*/

.unit_main 
{
	border-right:solid 1px #ac9e66;
}

.unit_title
{
	font-size: 14px; 
	font-weight:bold;
	color: #7a1315; 
	padding-bottom:15px;
	padding-top: 10px;
}

.unit_features
{
/*	border-bottom: solid 1px #ac9e66; */
	width:230px;
	font-size: 10px; 
	font-weight:bold;
	color: #968752; 
	padding-bottom: 4px;
}

.unit_property_title
{
	width: 80px; 
	float: left;
	text-align:left; 
}

.unit_property_label
{
	float: left;
}

.unit_property_separator 
{
	height:10px;
	clear:both;
}

.unit_property_big_separator 
{
	height:20px;
	clear:both;
}

.unit_floorplate_bg 
{
	position:absolute; 
	top:10px; 
	left:10px; 
	height:495px; 
	width:950px; 
	background-color: #000000;
	z-index:1;

	filter:alpha(opacity=80);   
	-moz-opacity: .80;   
	opacity: .80;
}

.unit_floorplate_image 
{
	position:absolute; 
	top:10px; 
	left:10px; 
	height:475px; 
	width:950px; 
	z-index:10;
    color: #FFFFFF;
}

/**'''''''''''''''''''''''' GALLERY '''''''''''''''''''''''''''''**/

.gallerywrapper
{
	width:950px;
	margin-top:20px;
}

.gallery_title
{
	width:910px; 
	float:right;
	text-align:right;
	font-size: 14px; 
	font-weight:bold;
	color: #7a1315; 
	margin-right:20px;
	margin-bottom:5px;
	border-bottom:solid 1px #7a1315;
}

.galleryimages {
	width:300px;
	margin-left:20px;
	margin-right:10px;
	float:left;
	z-index:1;
}

.thumbnail_image {
	z-index:10;
}

.imagedisplay 
{
	float:right;
	height:400px;
	width:600px;
	overflow:hidden;
	margin-right:20px;
	z-index:1;
	text-align:right;
}

.detail_image {height:400px; width:auto; }

.galleryimages img {
	margin:0px 5px 5px 0px;
	cursor:pointer;
	z-index:1;
}

.image_gallery_bg 
{
	position:absolute; 
	top:10px; 
	left:10px; 
	height:495px; 
	width:950px; 
	background-image:url(images/elements/bkg.jpg);
	border: groove 1px #7a1315;
	z-index:100;

	/*filter:alpha(opacity=80);   
	-moz-opacity: .80;   
	opacity: .80;*/
}

/* ---- content manager ------ */

#helpText a:link{color:#c0c0c0;text-decoration:none;}
#helpText a:visited{color:#c0c0c0;text-decoration:none;}
#helpText a:hover{color:#ffffff;text-decoration:none;}
#renText a:link{color:#c0c0c0;text-decoration:none;}
#renText a:visited{color:#c0c0c0;text-decoration:none;}
#renText a:hover{color:#ffffff;text-decoration:none;}
