/*	Global css

	1.	Colors
	2.	Global Reset
	3.	Links
	4.	Typography
	5.	Lists
	6.	Tables & Forms
	7.	Structure
		A.	Body
		B.	Header
		C.	Footer
	8.	Navigation
		A.	Main Menu
		B.	Secondary Menu
	9.	Misc

	--------------------------------------------------
	=Colors Light Blue #?

--------------------------------------------------
=Global
-------------------------------------------------- */
html, body { width:100%; height:100%; margin:0; padding:0; }
html a:hover { visibility: visible; }
html a:active{position:relative;top:2px;}
body { background:url(../i/back2.jpg) top left repeat-x; font:10px verdana; }
a { text-decoration:none; }
a img { border:none; }
p, h1, h2 { margin:20px 0 0 0; padding:0; }
#wrapper { width:100%; height:100%; min-height:100%; margin:0; padding:0; position:relative; background:url(../i/trees.gif) no-repeat left bottom; }
#indexPage #wrapper {background-image: none;}
html>body #wrapper { height:auto; }
#top a:hover, #footer img:hover, #logo img:hover, .box a img:hover { opacity:0.7; }
#book a, #subscribe a { display:block; }
#book a:hover img, #subscribe a:hover img { visibility:hidden; }
#top { width:100%; height:108px; padding:17px 0 0 0; text-align:center; background:url(../i/top-back.jpg) left repeat-x; }

/*	--------------------------------------------------
	=Navigation
	-------------------------------------------------- */
#nav { width:100%; height:70px; background:url(../i/nav-back.png) repeat-x; position:absolute; top:45px;}
#navmenu { height:70px; position:absolute; top:45px; right:-14px;}
#navmenu ul { margin:0;	padding:0; list-style-type:none; }
#navmenu li { margin:0; padding:0; float:left; }
#navmenu a { height:70px; display:block;width:128px; }
#navmenu span { position:absolute; top:-1000px; }
	/* image replacement for main nav */

.home a { background:url(../i/m-home-up.jpg) no-repeat; }
.home, .home a:hover, .home a.current { background:url(../i/m-home-over.jpg) no-repeat; }

.villas a {background:url(../i/m-villas-up.jpg) no-repeat; }
.villas, .villas a:hover, .villas a.current { background:url(../i/m-villas-over.jpg) no-repeat; }

.gallery a {background:url(../i/m-gallery-up.jpg); }
.gallery, .gallery a:hover, .gallery a.current { background:url(../i/m-gallery-over.jpg) no-repeat; }

.invest a {background:url(../i/m-investment-up.jpg); }
.invest, .invest a:hover, .invest a.current { background:url(../i/m-investment-over.jpg) no-repeat; }

.location a { background:url(../i/m-location-up.jpg); }
.location, .location a:hover, .location a.current { background:url(../i/m-location-over.jpg) no-repeat; }

.contact a { background:url(../i/m-contact-up.jpg); }
.contact, .contact a:hover, .contact a.current { background:url(../i/m-contact-over.jpg) no-repeat; }

#contactPage .contact a { background:url(../i/m-contact-over.jpg); }

/* current tab targets */
.bodyvillas .villas a { background:url(../i/m-villas-current.jpg); }
.bodyvillas .villas a:hover { background:url(../i/m-villas-over.jpg); }

#galleryPage .gallery a { background:url(../i/m-gallery-current.jpg); }
#galleryPage .gallery a:hover { background:url(../i/m-gallery-over.jpg); }
#investmentPage .invest a {background:url(../i/m-investment-current.jpg);}
#investmentPage .invest a:hover {background:url(../i/m-investment-over.jpg);}
#contactPage .contact a { background:url(../i/m-contact-current.jpg); }

/* sub navigation */
#sub { width:100%; font:11px verdana; position:absolute; top:115px; }
#sub ul { margin:0;	padding:0; list-style-type:none; }
#sub li { margin:0; padding:0; float:left; }
#sub a { height:24px; padding:11px 15px 0 15px; color:#666; display:block; }
#sub a.muted{color:#adadad;}
#sub a:hover { color:#5CB4B4; }

.bodyvillas #sub ul { margin:0 0 0 150px;	padding:0; list-style-type:none;float:left;}
#poolsPage #sub a#pools, #pricePage #sub a#price {background-color: #DDD;color:#5c5c5c;text-shadow: #DDD 10px 10px 2px;cursor:hand;}


/* layout */

#container2 { width:876px; margin:0 auto; position:relative; z-index:1; }
#container2.sub #header { top:196px; }
#container2.sub #content { padding:588px 20px 200px 238px; }
#content { padding:552px 20px 200px 238px; font:11px/22px verdana; color:#666; z-index:5;margin-bottom:50px;}
/* 3 main templates */
.noimage #container2 #content { padding-top:135px;}



#content a, #address a, .mandatory { color:#5CB4B4; }
#content a:hover, #address a:hover { color:#ADD9D9; }
#content ul { margin:20px 0 0 0; padding:0 0 0 15px; list-style-type:none; }
#content li { margin:0 0 3px 0; padding:0 0 0 18px; line-height:17px; background:url(../i/li2.gif) top left no-repeat; }
.indent { margin:0 0 3px 18px !important; }
#header { width:100%; position:absolute; top:160px; }
#logo { margin:0 0 0 0; }
#image { width:658px; height:374px; text-align:center; background:url(../i/frame2.png); position:absolute; top:0; right:0; }
#image a img { margin:145px 0 0 0; }
#map { width:616px; height:351px; margin:21px 0 0 21px; font:11px/20px verdana; border:1px solid #CCC;  }
#address { width:170px; margin:38px 0 0 0; font:10px/16px verdana; color:#666; text-align:right; }
#address strong, #address a { margin-left:12px; }
h1 { width:150px; font:20px/25px arial; color:#5CB4B4; text-align:right; position:absolute; top:549px; right:705px; }
.sub h1 { top:585px; }
h2 { font:16px arial; color:#5CB4B4; }
hr { margin:20px 0 20px 0; border:1px solid #FFF; border-bottom:1px dotted #DDD; }
#floorplan { margin:25px 0 0 0; float:right; }
.fine { font:10px verdana; color:#999; }

.box { width:100%; margin:25px 0 0 -5px; padding:25px 0 0 0; display:table; background:url(../i/break.png) top no-repeat; }
.box img { margin:0 33px 0 0; }
.box a img { float:left; }
.box h2 { margin:0 0 22px 0; padding:5px 0 0 0; }
.box a { color:#5CB4B4; }
.box a:hover { color:#ADD9D9; }
.box p { margin:14px 0 0 0; }
.box p a { margin:0 22px 0 0; padding:0 0 0 15px; font-weight:bold; background:url(../i/li.gif) left no-repeat; }
.box ul { margin:15px 0 0 0 !important; }
.box .left { width:150px; font:22px georgia; color:#5CB4B4; float:left; }
.box .left p { margin:10px 0 0 5px; }
.box .left span { font:11px verdana; }
.box .right { width:435px; float:right; }

.literature { padding:0 !important; }
.literature li { margin:0 0 6px 0 !important; background:none !important; }
.literature img { margin:0 2px -3px 0; }

#form { margin:20px 0 0 0; }
#form label { position:absolute; }
.colour { color:#5CB4B4; }
.text1, .text2, .text4 { padding:4px; font:13px verdana; color:#666; border:1px solid #DDD; }
.text1 { width:250px; margin:2px 0 2px 100px; }
.text2 { width:68px; margin:2px 0 2px 0; }
.text4 { width:211px; margin:2px 0 2px 100px; }
.text1:hover, .text2:hover, .text4:hover { border:1px solid #ADD9D9; }
.subscribebutton, .submitbutton, .resetbutton { width:110px; height:37px; border:none; color:#FFFFFF; cursor:pointer; }
.subscribebutton { margin:0 0 0 204px; background:url(../i/subscribe-up.png); }
.subscribebutton:hover { background:url(../i/subscribe-over.png); }
.submitbutton { background:url(../i/submit-up.png); }
.submitbutton:hover { background:url(../i/submit-over.png); }
.resetbutton { background:url(../i/reset-up.png); }
.resetbutton:hover { background:url(../images/reset-over.png); }

.button { width:76px; border:none; background:#68B6B6 !important; color:#FFF; font:10px verdana; padding:4px; }
.button:hover { background:#4BCFC9 !important; }

/* @group Finance Package Page */


	.package{border-top:1px solid #acacac;
	padding: 10px 20px 25px;

}


	.package table td{font-size:13px;text-align: right;
	padding: 5px 10px;
}

img#requestbtn{
	float: right;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-left: 40px;
}
.thead .top{
	background: url(../images/thead.jpg) repeat-x left bottom;
	padding-top: 7px;
	padding-bottom: 7px;
}

.odd td{
	background: #9cd0d0;
	color: #fff;text-shadow: #628a8a 0px 1px 0px;font-weight: bold;
}

.odd td.decs{
	background: #badede url(../images/odd_l.jpg) no-repeat right bottom;
	color: #468585;
	font-weight: normal;
	font-style: normal;text-shadow: #fff 0px 1px 0px;
}
.even td{
	background: #63b4b4;
	color: #fff;text-shadow: #628a8a 0px 1px 0px;font-weight: bold;
}

.even td.decs{
	background: #a1d2d2 url(../images/even_l.jpg) no-repeat right bottom;
	color: #468585;
	font-weight: normal;
	font-style: normal;text-shadow: #fff 0px 1px 0px;
}

/* @end */

body#financepackagesPage #content{
margin-top: 0;padding-top: 0;}

body#financepackagesPage #header { width:100px; position:absolute; top:160px; }
h2 .muted{
	color: #468585;
}



#finance{
position: relative;top: -30px;left: 20px;
}

/* left info on sub pages*/
#logo img{padding-left:120px;}

#trees { width:216px; height:582px; background:url(../i/trees.gif); position:absolute;  left:0;bottom:120px; z-index:1000;border: 1px solid #999;display:none;}
#treecover { width:85px; height:30px; background:url(../i/tree-cover.jpg); position:absolute; bottom:134px; left:0; z-index:300; display:none;}
#book { width:150px; margin:35px 0 0 25px; background:url(../i/book-over.png); z-index:1000;}
#subscribe { width:58px; background:url(../i/subscribe-over.jpg); position:absolute; bottom:134px; right:12%; z-index:3; }
#footer { width:100%; height:158px; background:url(../i/footer_rp.jpg) left top repeat-x; position:absolute; bottom:0; z-index:200; padding: 25px 0px 45px 0px;margin-top:25px;}
#footer div { width:800px; margin:0px auto 0 auto; }
img#sandels{float:left;}
#footmenu{float:left;border: 1px solid #fff;width:200px;overflow:hidden;}
.footer1 { font:bold 11px/26px verdana;height:20px;margin:45px auto 0 auto;padding-top: 20px;position:relative;top:25px;}
.footer1 a { margin:0 20px 0 0;color:#855122;}
.footer1 a:hover, .footer2 a:hover {color:#855122;}
.footer2 { font:10px/26px arial; color:#666; }
.footer2 a { margin:0 18px 0 0; padding:0; color:#666; }
.footer1 ul{float:left;}
.footer1 li {display:inline;}
.footer1 li span{padding: 5px 10px;}
.clear {clear:both;}
/*delete when site is fully live*/
#beta{height:45px;width:82px;position:absolute;left:0;top:0;background:url(../i/beta.png);text-indent: -999px;}