/* Forest Lakes */

@import"css/tabular.css";


body, p, ul, li, ol, dd, dt, h1, h2, h3, h4, h5, h6, blockquote, div, img {margin:0; padding:0;} /* Universal Resets */

a {color:#12A8B6; text-decoration:underline;}
a:hover {color:#7FA5AE;}

/*-------------------------------------------------------
Wrap 
---------------------------------------------------------*/

#wrap {
	width:770px; height:auto;
	margin:0 auto;	
}

/*-------------------------------------------------------
Top - logo, quote
---------------------------------------------------------*/

#top {
	width:770px; height:190px;
	background:url('../images/core/top_bg.jpg') no-repeat;
	position:relative;
}

#top .logo {
	width:284px; height:155px;
	position:absolute; left:19px; top:10px;
}

#top .logo img {
	border: 0;
}

#top .quote {
	width:303px; height:53px;
	position:absolute; right:88px; top:104px;
} 

#top .inner_banner {
	width:440px; height:102px;
	position:absolute; right:0; top:58px;
} 

/*-------------------------------------------------------
Banner - quote, flash
---------------------------------------------------------*/

#banner {
	width:770px; height:297px;
}

#banner .banner_quote {
	width:534px; 
	height:55px; 
	float:right;
	padding: 17px 54px 0 0;
	_margin: 0 -7px; /* IE Win fix */
}

div.flash {
	width:595px; height:208px;
	float:left;
}


/*-------------------------------------------------------
Navigation - nav = ul + li, mhome etc
---------------------------------------------------------*/

/* -- Index -- */
div.navigation  {
	width: 175px;
	float: left;
}

div.navigation ul { 	
	list-style: none;
}

div.navigation ul li {
	display: block;
	float: left;
}

div.navigation ul li a {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}

div.navigation ul li a.mhome {
	width: 175px;
	height: 29px;
	background: url('../images/core/nav/home.jpg') 0 0 no-repeat;
}

div.navigation ul li a.mabout {
	width:175px;
	height: 28px;
	background: url('../images/core/nav/about_us.gif') 0 0 no-repeat;
}

div.navigation ul li a.mwhats_on {
	width:175px;
	height: 27px;
	background: url('../images/core/nav/whats_on.gif') 0 0 no-repeat;
}

div.navigation ul li a.mour_villas {
	width:175px;
	height: 27px;
	background: url('../images/core/nav/our_villas.gif') 0 0 no-repeat;
}

div.navigation ul li a.mvirtual_tour {
	width:175px;
	height: 28px;
	background: url('../images/core/nav/virtual_tour.gif') 0 0 no-repeat;
}

div.navigation ul li a.mtestimonials {
	width:175px;
	height: 28px;
	background: url('../images/core/nav/testimonials.gif') 0 0 no-repeat;
}

div.navigation ul li a.mgallery {
	width:175px;
	height: 27px;
	background: url('../images/core/nav/gallery.gif') 0 0 no-repeat;
}

div.navigation ul li a.mcontact {
	width:175px;
	height: 29px;
	background: url('../images/core/nav/contact.gif') 0 0 no-repeat;
}

div.navigation ul li a.mtell_a_friend {
	width:175px;
	height: 28px;
	background: url('../images/core/nav/tell_a_friend.gif') 0 0 no-repeat;
}

div.navigation ul li a.mour_facilities {
	width:175px;
	height: 29px;
	background: url('../images/core/nav/our_facilities.gif') 0 0 no-repeat;
}

div.navigation ul li a.mfaq {
	width:175px;
	height: 45px;
	background: url('../images/core/nav/faq.gif') 0 0 no-repeat;
}

/* -- Rollover -- */
div.navigation ul li a:hover.mfaq {
	background-position: 0 -45px !important;
}

div.navigation ul li a:hover.mhome,
div.navigation ul li a:hover.mour_facilities,
div.navigation ul li a:hover.mcontact {
	background-position: 0 -29px !important;
}

div.navigation ul li a:hover.mabout,
div.navigation ul li a:hover.mvirtual_tour,
div.navigation ul li a:hover.mtestimonials,
div.navigation ul li a:hover.mtell_a_friend
 {
	background-position: 0 -28px !important;
}

div.navigation ul li a:hover.mwhats_on,
div.navigation ul li a:hover.mour_villas,
div.navigation ul li a:hover.mgallery {
	background-position: 0 -27px !important;
}

/* -- Inner -- */
div.navigation_inner  {
	width: 175px;
	float: left;
	margin-top: 10px;
}

div.navigation_inner ul { 	
	list-style: none;
}

div.navigation_inner ul li {
	display: block;
	float: left;
}

div.navigation_inner ul li a {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}

div.navigation_inner ul li a.mhome {
	width: 175px;
	height: 29px;
	background: url('../images/core/nav/home.jpg') 0 0 no-repeat;
}

div.navigation_inner ul li a.mabout {
	width:175px;
	height: 28px;
	background: url('../images/core/nav/about_us.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mwhats_on {
	width:175px;
	height: 27px;
	background: url('../images/core/nav/whats_on.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mour_villas {
	width:175px;
	height: 27px;
	background: url('../images/core/nav/our_villas.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mvirtual_tour {
	width:175px;
	height: 28px;
	background: url('../images/core/nav/virtual_tour.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mtestimonials {
	width:175px;
	height: 28px;
	background: url('../images/core/nav/testimonials.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mgallery {
	width:175px;
	height: 27px;
	background: url('../images/core/nav/gallery.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mcontact {
	width:175px;
	height: 29px;
	background: url('../images/core/nav/contact.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mtell_a_friend {
	width:175px;
	height: 28px;
	background: url('../images/core/nav/tell_a_friend.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mour_facilities {
	width:175px;
	height: 29px;
	background: url('../images/core/nav/our_facilities.gif') 0 0 no-repeat;
}

div.navigation_inner ul li a.mfaq {
	width:175px;
	height: 45px;
	background: url('../images/core/nav/faq.gif') 0 0 no-repeat;
}

/* -- Rollover -- */
div.navigation_inner ul li a:hover.mfaq {
	background-position: 0 -45px !important;
}

div.navigation_inner ul li a:hover.mhome,
div.navigation_inner ul li a:hover.mour_facilities,
div.navigation_inner ul li a:hover.mcontact {
	background-position: 0 -29px !important;
}

div.navigation_inner ul li a:hover.mabout,
div.navigation_inner ul li a:hover.mvirtual_tour,
div.navigation_inner ul li a:hover.mtestimonials,
div.navigation_inner ul li a:hover.mtell_a_friend
 {
	background-position: 0 -28px !important;
}

div.navigation_inner ul li a:hover.mwhats_on,
div.navigation_inner ul li a:hover.mour_villas,
div.navigation_inner ul li a:hover.mgallery {
	background-position: 0 -27px !important;
}


/*-------------------------------------------------------
Content - clear, left, right, inner
---------------------------------------------------------*/

#content {
	/*background: url('../images/core/content_top_right.gif') top right no-repeat;*/
}

#content_inner, #content {
	width:770px; height:auto;
	padding-bottom:10px;
}

.clear:after {  /* Clearing floats using structural markup \*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clear {height: 1%;} /* Hides from IE-mac \*/

#content_inner #left, #content #left {
	width:175px; height:auto;
	float:left;
}

#content_inner #right, #content #right {
	width:590px; 
	height:auto;
	float:left;
	padding-top:30px; 
	padding-bottom:30px;
}

#right.inner {padding-top:0 !important;}

/*-------------------------------------------------------
Left Elements - details, p, phone
---------------------------------------------------------*/

#left .details {
	width: 169px;
	height: 280px;
	float: left;
	margin-top: 50px; 
}

#left .details img {
	border: 0;
}

#left .details p {
	line-height:16px;
	margin:0 0 0 3px;
}

p.detail_phone {
	padding-top:20px; 
	font-size:12px;
}


#left .details_next {
	width:169px; height:auto;
	margin:50px auto;
	background:url('../images/core/details_icon2.gif') top left no-repeat;
	padding-top:135px;
}


/*-------------------------------------------------------
Right Elements - p, subhead, h1, h2, author, link desc
---------------------------------------------------------*/

#right p {
	line-height:22px;
	margin:10px 20px;
	padding-right:40px;
	font-size:12px;
}

body#qa div.subhead h2 { margin-left: 0; }

div.subhead, div.subhead_parent {
	padding:10px 0;
	margin-left:20px;
	width:510px;
}

div.subhead {
	border-bottom:1px dashed #D3D7D5;
}

div.subhead_parent {
	border-bottom:1px solid #D3D7D5;
}

#right h1 {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#2EA443;
	font-weight:bold;
}

#right h2 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#2EA443;
	margin-left: 20px;
}

#right p.author {
	text-align:left;
}

#right p.author b {color:#2EA443;}

#right p.link_desc {font-size:11px !important;}

div.image_big {
	padding:6px;
	border:1px dashed #D3D7D5;
	width:500px; 
	height:238px;
	margin:20px 0 20px 20px ;
}

div.image_small {
	height: 100px;
	margin: 0 0 20px 20px;
	clear: right;
}

div.image_small img { 
	border: 0;
}

div.image_small ul {
	list-style-type: none;
}

div.image_small li {
	float: left;
	display: inline;
	padding: 2px;
	margin-right: 5px;
	border: 1px dashed #D3D7D5;
}

.img_text { clear:left;}

a#arrow_link {
	background:url(../images/core/arrow.gif) left 3px no-repeat; 
	padding-left:18px;
}

.members_awards { margin-left: 20px;}

.members_awards img { 
	margin: 20px 5px 0 0;
	border: 0;
}

.whats-on { margin-left: 20px;}

.whats-on img { 
	margin: 20px 5px 0 0;
	border: 0;
}


/*-------------------------------------------------------
List - 
---------------------------------------------------------*/

ul.list {
	list-style-type:none;
	font-size:12px;
	margin-left:20px;
	margin-bottom:20px;
}

ul.list#no_margin {margin-left:0 !important;}
ul.list#margin {margin-left:15px;}

ul.list li {background:url(../images/core/bullet.gif) no-repeat 0 5px; padding-left:15px; margin-bottom: 10px; }


/*-------------------------------------------------------
Footer - p
---------------------------------------------------------*/

#footer {
	width:705px; height:105px;
	float:left;
	border-top:1px solid #D3D7D5;
	position: relative;
}

#footer p {
	margin:20px 5px;
	font-size:10px;
	line-height: 15px;
	color:#4D5953;
}

#footer p em { color: #000; font-style: normal; }

#footer a {	color:#4D5953; text-decoration:underline;}
#footer a:hover {color:#239237; }

div.wflogo {
	width: 105px;
	height: 31px;
	position: absolute;
	top: 10px;
	right: 0;
}

/*-------------------------------------------------------
Misc -
---------------------------------------------------------*/


.back { display: block; font-size: 10px; padding: 10px 0 30px 0; text-align: right; }
ol.q { margin: 20px 0 20px 50px; list-style: decimal; font-size: 1.2em; font-weight: bold; }
ol.q li { margin-bottom: 4px; }