/* CSS Document */

/* CSS Stylesheet for Ravine Lifestyle Website */
/* Copyright (C) Ravine Solutions Ltd 2007 */

/* First setup browser so behaviour is predictable */
* {
	font-size:100%;
}
html {
	height:100%
}
body {
	background-color:#10050a;
	color:#fff;
	font:70%/120% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	letter-spacing:normal;
}
p,li {
	font-size:1.1em;
	color:#fff;
	line-height:120%;
	margin:0 0 15px 0;
}

a { 
	color:#fff;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
.hr {
	width:100%;
	height:2px;
	background-color:#fff;
	margin: 0 auto 10px auto;
	}
.clear {
	height:1px;
	width:99%;
	clear:both;
	}
/* Overall page holder */
#wrappper {
	width:950px;
	height:600px;
	margin:10px auto 0 auto;
	background:url(../images/page_bg.jpg) bottom no-repeat;
	padding:0;
	border:1px #807066 solid;
	clear:both;
}
/* Page top header */	
#pageHeader {
	width:950px;
	height:110px;
	background:url(../images/page_header_bg.jpg) center no-repeat;
}

/* holder for flash thumbnails above content */
#flashHolder {
	width:680px;
	height:85px;
	float:right;
	margin:0;
	}

/* Left side navigation bar */	
#leftNav {
	background-color:#1d0f18;
	height:600px;
	width:232px;
	float:left;
	margin:-110px 0 0 35px;
	border-left:1px #807066 solid;
	border-right:1px #807066 solid;
}

#leftNav #ravineLogo {
	height:64px;
	width:180px;
	margin:7px auto 0 auto;
	}

#leftNav #links {
	margin-top:7px;
	border-top:1px #2e1626 solid;
}
#leftNav a {
	display:block;
	width:200px;
	height:28px;
	line-height:28px;
	padding:0 0 0 32px;
	border-bottom:1px #2e1626 solid;
	color:#eee;
	text-decoration:none;
}
#leftNav a:hover {
	background-color:#bb8f8f;
}
#leftNav #navImg {
	width:232px;
	height:147px;
	background:url(../images/nav_img.jpg) no-repeat center;
	cursor:pointer;
}
#leftNav #navImgTitle {
	width:232px;
	height:30px;
	line-height:30px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

#leftNav #subNav {
	height:163px;
	width:190px;
	margin:5px 21px 0 21px;
}

#leftNav #subNavHeader {
	background:url(../images/subnav_header_bg.jpg) no-repeat;
	height:25px;
	width:179px;
	line-height:25px;
	padding-left:11px;
	margin-top:5px;
	}
	
#leftNav #subNavLinks {
	width:190px;
	height:auto;
	float:left;
	background:url(../images/subnav_main_bg.gif) repeat-x;
	background-color:#1d0f18;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
	}

#leftNav #subNavLinks a {
	display:block;
	width:179px;
	padding-left:11px;
	height:22px;
	line-height:22px;
	border-bottom:none;
	}	
#current {
	background-color:#bb8f8f;
	}
#subNavIndent {
	width:232px;
	display:block;
	font-size:0.9em;
	line-height:28px;
	border-bottom:1px #2e1626 solid;
	color:#eee;
	text-decoration:none;
	clear:both;
}
#subNavIndent a {
	width:180px;
	padding:0 0 0 52px;
	border-bottom:none;
	color:#eee;
	text-decoration:none;
	}
/* left nav ad spot */
#adArea {
	width:192px;
	margin:30px auto 0 auto;
	border:1px #807066 solid;
	height:210px;
	background:url(../images/left_nav_spot.jpg) center no-repeat;
	padding:0;
}	
#adArea h2 {
	margin:0 0 10px 0;
	line-height:30px;
	text-align:center;
	display:block;
	height:30px;
	background-color:#1D0F18;
	}
#adArea p {
	text-align:center;
	}
#adArea a {
	display:inline;
	width:auto;
	border-bottom:none;
	padding:0 5px 0 5px;
	margin:0;
	line-height:normal;
	}
/* End of Navigation styles */

/* main content box */
#contentHolder {
	width:559px;
	height:441px;
	border:1px #807066 solid;
	float:right;
	background-color:#25141f;
	padding:10px 10px 10px 10px;
	margin:28px 35px 0 0;
	overflow:auto;
}

#contentHolderIndex {
	width:539px;
	height:297px;
	border:1px #807066 solid;
	float:right;
	background-color:#25141f;
	padding:35px 35px 10px 35px;
	margin:28px 35px 0 0;
	overflow:auto;
}


#contentHolder h1 {
	font-size:1.2em;
	margin:0 0 10px 0;
	font-weight:bold;
}

#contentHolder #backLink {
	float:right;
	}
#contentHolder p {
	line-height:16px;
	}	
#indexFeaturedPropertyHolder {
	width:560px;
	clear:both;
	margin:-10px auto 0 auto;
	}

.indexFeaturedProperty {
	float: left;
	width: 100px;
	margin: 0px 0px 0px 30px;
	text-align: center;
}
#falconTitle {
	margin:0 auto 0 auto;
	clear:both;
	width:560px;
	}	
	
#falconTitle h1 {
	margin:0 0 5px 0;
	}	

#falconHolder {
	clear:both;
	width:560px;
	margin:0 auto 0 auto;
	}

#falconImages {
	width:513px;
	margin:10px auto 10px auto;
	}
	
#falconImages img {
	border: 2px #fff solid;
	}
	
#cappellaImages {
	width:508px;
	margin:10px auto 10px auto;
	}
	
#cappellaImages img {
	border: 2px #fff solid;
	}
	
#commercialImages {
	width:360px;
	margin:10px auto 10px auto;
	border:2px #fff solid;
	}
	
#contactFields th {
	text-align:right;
	padding-right:5px;
	}
#contactFields .field {
	width:150px;
	border:1px #807066 solid;
	color:#000;
	background-color:#fff;
	font-family:"Trebuchet MS",Verdana;
	}
	
#locationMap {
	float:right;
	width:275px;
	}	

#ravineAddress {
	text-align:center;
	font-size:13px;
	margin-top:5px;
	}
#developments {
	margin-top:15px;
	}	
#indexMore {
	margin-top:-160px;
	visibility:hidden;
	}		
	
/* content end */

/* page footer */
#footer {
	width:950px;
	height:20px;
	line-height:20px;
	font-size:0.8em;
	margin:0 auto 0 auto;
	}
	
#footer a {
	text-decoration:none;
	color:#fff;
	}	
	
#footer #copy {
	float:left;
	}
	
#footer #ravine {
	float:right;
	}