/* Reset
----------------------------------------------------------- */
blockquote,body,div,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,hr,img,input,label,legend,li,object,ol,p,select,textarea,ul {border:none;margin:0;padding:0;}


/* HTML Elements
----------------------------------------------------------- */

body {
	background:#FFFFFF url(bg_frame.jpg) repeat-y top center;
	font: normal 12px/18px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align: left;
}

a{color:#000000;text-decoration:none;}
a:link,a:active,a:focus,a:visited {outline:none;}
a:hover{color:#FFC63E; text-decoration:none;cursor:pointer;}
ul{color:#000000;list-style:none;}

h4{font-size:12px;height:20px;margin:0;padding-left:3px;}
h5{padding-left:3px;}

table, table td, table th{border-collapse: collapse;}
p{color:#000000;font-size:11px;line-height:15px;margin:0 0 18px 0;padding-left:3px;}

/* Commons
----------------------------------------------------------- */
.clear{clear:both;height:0;line-height:0; visibility:visible;}
.cl{clear:left;}
.cr{clear:right;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

/* Hacks and Workarounds
----------------------------------------------------------- */

/* Clearfix hack */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

/* Layout
----------------------------------------------------------- */
#wrapper{
	background:#FFFFFF url(bg_body.jpg) repeat-x top;
	width:810px;
	margin:0 auto;
	padding:0 98px;
}
#header{
	width:810px;
	height:260px;
}
#topContainer{
	width:810px;
	height:89px;
	position:relative;
}
#logo{
	top:0;
	left:-50px;
	/*width:288px;
	height:88px;*/
	position:absolute;
	z-index:1;
}
#topH1Tag{
	top:10px;
	right:0;
	font-size:11px;
	position:absolute;
	z-index:2;
}
#smallTab{
    bottom:0;
	right:0;
	height:20px;
	position:absolute;
	z-index:3;
}
#smallTab li{
	background:#FFFFFF url(bg_smallTab.jpg) no-repeat bottom;
	width:72px;
	height:17px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-left:2px;
	padding-top:2px;
}
#banner{
	width:810px;
	height:73px;
	position:relative;
}
#banner h1{
	font-size:25px;
	font-weight:lighter;
	text-transform:uppercase;
	line-height:25px;
	letter-spacing:5px;
	float:left;
	margin-right:10px;
	padding-top:35px;
}
#heroImage{
	float:left;
	height:61px;
}
#main-content{
	min-height:350px;
	_height:350px;
	float:left;
}
#sidebar{
	float:right;
}
#checkAvailability{
	width:230px;
	height:68px;
	float:right;
}
#checkAvailability input{
	background-color:#FFF7DC;
	border:1px solid #D6CBA9;
	height:14px;
	width:87px;
	padding:3px;
	float:left;
}
#checkAvailability .check{
	background:url(btn_check.png) no-repeat bottom;
	color:#FFFFFF;
	width:89px;
	height:22px;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	text-transform:uppercase;
	border:0;
	padding:0;
	float:right;
	cursor:pointer;
	display:inline;
}
#checkAvailability h3{
	font-size:12px;
	line-height:12px;
	margin:18px 0 3px 4px;
}
#checkAvailability .calendar{
	width:135px;
	float:left;
	position:relative;
	display:inline;
}
#checkAvailability .calendar p{
	width:32px;
	text-align:right;
	margin:0;
	padding:3px 5px 3px 0;
	float:left;
}
.ui-datepicker-trigger{
	top:1px;
	right:5px;
	position:absolute;
	cursor:pointer;
}
#ui-datepicker-div{
	z-index:10;
}
#content{
	width:810px;
	min-height:250px;
	_height:250px;
}
#footer{
	width:810px;
	text-align:center;
}
#footer a{
	font-weight:bold;
	margin:0 5px;
}
#view-gallery, #resort-map{
	width:140px;
	position:relative;
	margin-bottom:15px;
}
#view-gallery h2, #resort-map h2, #floor-plan-box h2{
	top:0;
	left:0;
	width:140px;
	height:18px;
	font-size:17px;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	padding:6px 0;
}
#view-gallery .overlay, #resort-map .overlay, #floor-plan-box .overlay{
	background:url(bg_sidebar_overlay.png) no-repeat bottom left;
	bottom:0;
	left:0;
	width:140px;
	height:5px;
	position:absolute;
}

/* Home
----------------------------------------------------------- */
.home #wrapper{
	background:#FFFFFF url(bg_home.jpg) repeat-x;
}
.home #header{
	height:495px;
}
.home #banner{
	height:269px;
	padding-top:12px;
}
.home #footer{
	width:650px;
}
.home #photos{
	background: none; border: 0; padding: 5px;
}
.home #gallery-overlay{
	background:url(bg_gallery_overlay.png) no-repeat top left;
	top:5px;
	left:5px;
	width:657px;
	height:244px;
	position:absolute;
	z-index:1000;
}
.home #content{
	width:650px;
}
.home #panel-title{
	left:-50px;
	top:15px;
	width:54px;
	height:224px;
	text-align:right;
	position:absolute;
}

.PTapartments{background:url(img_panel_apartments.png) no-repeat;}
.PTvillas{background:url(img_panel_villas.png) no-repeat;}
.PTresort{background:url(img_panel_resort.png) no-repeat;}
.PTkids{background:url(img_panel_kids.png) no-repeat;}
.PTweddings{background:url(img_panel_weddings.png) no-repeat;}
.PTigallery{background:url(img_panel_gallery.png) no-repeat;}

#checkavailability{
	background:url(bg_chackavailability.png) no-repeat top right;
	top:27px;
	right:4px;
	width:131px;
	height:171px;
	text-align:right;
	position:absolute;	
	padding:96px 5px 5px 43px;
	z-index:1;	
	color:#000000;
}
#checkavailability .calendar{
	width:130px;
	height:22px;
	padding-bottom:20px;
	position:relative;
	padding-top:0px;
}
#checkavailability .calendar span{
	float:left;
	color:#FFF;
}
#checkavailability input{
	background-color:#FCFCFC;
	border:1px solid #D6CBA9;
	height:14px;
	width:86px;
	padding:3px;
}
#checkavailability select{
	background-color:#FCFCFC;
	border:1px solid #D6CBA9;
	height:22px;
	width:70px;
}
#checkavailability .ui-datepicker-trigger{
	right:2px;
}
#checkavailability .check{
	background:url(btn_check_yellow.png) no-repeat;
	color:#000000;
	width:89px;
	height:22px;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	text-transform:uppercase;
	border:0;
	padding:0;
	margin-right:20px;
	cursor:pointer;
}
#navigator{
	width:810px;
	height:118px;
	position:relative;
}
#navigator .booknow{
	/*background:url(btn_booknow_home.png) no-repeat;*/
	top:10px;
	right:0;
	width:130px;
	height:35px;
	color:#FFC206;
	font-size:18px;
	text-transform:uppercase;
	position:absolute;
	cursor:pointer;
}
#special-adverts-container{
	width:670px;
	margin:10px 0 20px 0;
}
#special-adverts-container .adverts{
	width:326px;
	height:110px;
	float:left;
	margin-right:5px;
	position:relative;
	z-index:1;
}
#special-adverts-container .adverts a{
	top:0;
	left:0;
	width:326px;
	height:110px;
	display:block;
	position:absolute;
	z-index:3;
}
#special-adverts-container .overlay{
	background:url(bg_special_overlay.png) no-repeat;
	top:0;
	left:0;
	width:306px;
	height:100px;
	position:absolute;
	padding:5px 10px;
	z-index:2;
}
#special-adverts-container .overlay h1{
	font-size:34px;
	line-height:34px;
}
#special-adverts-container .overlay h2{
	font-size:28px;
	line-height:28px;
}
#special-adverts-container .overlay a:hover{
	color:#FFC63E;
}
#special-adverts-container .overlay p{
	font-size:34px;
	font-weight:bold;
	margin:7px 0 0 0;
	padding:0;
}

/* Weddings
----------------------------------------------------------- */
.weddings h1{
	color:#F18F8C;
}
.weddings h4{
	background:url(bg_weddings_h3.png) no-repeat bottom left;
	color:#F18F8C;
	height:30px;
	margin:10px 0 5px 0;
}
.weddings #main-content p{
	font-size:11px;
	line-height:15px;
	margin-bottom:10px;
}
.weddings #heroImage{
	background:url(img_heroWedding.png) no-repeat bottom;
	width:67px;
}
.weddings #main-content{
	width:615px;
}
.weddings #sidebar{
	width:140px;
}
.weddings #main-content .package-container{
	width:283px;
	height:132px;
	position:relative;
}
.weddings #main-content .package-container a{
	width:283px;
	height:132px;
	font-size:18px;
	display:block;
	position:absolute;
	z-index:11;
}
.weddings #main-content .package-container .overlay{
	background:url(bg_weddings_overlay.png) no-repeat top left;
	top:0;
	left:0;
	width:283px;
	height:132px;
	position:absolute;
	z-index:10;
}
.weddings #main-content .package-container .bl{
	bottom:28px;
	left:10px;
}
.weddings #main-content .package-container .br{
	bottom:10px;
	right:5px;
}
.weddings .fl a{
	color:#FFFFFF;
}
.weddings .fl a:hover{
	color:#FFC63E;
}
.weddings .fr a{
	color:#000000;
}
.weddings .fr a:hover{
	color:#FFC63E;
}
.weddings #view-gallery{
	height:130px;
}
.weddings #view-gallery h2{
	background:url(bg_weddings_title.jpg) no-repeat top left;
}
.weddings #sidebar .package-container{
	width:140px;
	height:189px;
	position:relative;
	margin-bottom:15px;
}
.weddings #sidebar .package-container .overlay{
	background:url("bg_weddings_overlay_sidebar.png") no-repeat left bottom;
	top:0;
	left:0;
	width:140px;
	height:189px;
	position:absolute;
	z-index:10;
}
.weddings #sidebar .package-container .overlay a{
	width:140px;
	height:189px;
	position:absolute;
	z-index:11;
}
.weddings .additional-container{
	width:170px;
	float:left;
	position:relative;
	margin:20px 50px 20px 0;
}
.weddings .additional-container h4{
	background:none;
	height:20px;
	margin:0;
}
.weddings .additional-container .overlay{
	top:20px;
	left:0;
	background:url(bg_weddings_add_overlay.png) no-repeat;
	width:171px;
	height:46px;
	position:absolute;
}

/* Gallery
----------------------------------------------------------- */
.gallery #footer{
	width:810px;
}
.gallery #banner h1{
	color:#E45E05;
}
.gallery h2{
	font-size:20px;
	font-weight:lighter;
}
.gallery #heroImage{
	background:url(img_heroGallery.png) no-repeat bottom;
	width:81px;
}
#gallery-container{
	background:url(bg_galleryView.png) no-repeat top left;
	width:661px;
	height:456px;
	padding-top:20px;
}
.gallery #galleryView{
	margin:0 auto;
}
.gallery #galleryView .panel{
	margin:0 auto;
}
.gallery-overview{
	width:104px;
	height:102px;
	text-align:center;
	float:left;
	margin:10px 35px 10px 0;
	cursor:pointer;
	position:relative;
}
.gallery-overview h3{
	color:#E45E05;
	font-size:10px;
	text-transform:uppercase;
}
.gallery-overview .overlay{
	background:url(bg_overview_overlay.png) no-repeat top left;
	top:18px;
	left:0;
	width:104px;
	height:88px;
	position:absolute;
}
#content .current .overlay, #content .hover .overlay{
	background:url(bg_overview_overlay_select.png) no-repeat top left !important;
	top:18px;
	left:0;
	width:104px;
	height:88px;
	position:absolute;
}


/* FAQS
----------------------------------------------------------- */
.faqs #content, .faqs #footer{
	width:654px;
}
.faqs #content{
	min-height:350px;
	_height:350px;
}
.faqs h1{
	color:#1E438B;
}
.faqs h4{
	background:url(bg_faqs_h4.png) no-repeat left bottom;
	color:#3959D1;
	font-size:12px;
	height:30px;
	margin:10px 0 5px;
}
.faqs h5{
	font-size:12px;
	height:20px;
	margin-top:10px;
}
.faqs p{
	font-size:11px;
	line-height:15px;
	margin-bottom:20px;
}

/* For Kids
----------------------------------------------------------- */
.forkids h1{
	color:#1D42CD;
}
.forkids #main-content{
	width:610px;
}
.forkids #main-content h2{
	background:url(bg_kids_h2.png) no-repeat bottom left;
	width:610px;
	height:37px;
	margin-bottom:12px;
}
.forkids #main-content h2 img{
	display:block;
	max-width:600px;
	max-height:37px;
}
.forkids #heroImage{
	background:url(img_heroKids.png) no-repeat bottom;
	width:64px;
}
.forkids #view-gallery{
	height:165px;
}
.forkids #view-gallery h2{
	background:url(bg_kids_title.jpg) no-repeat top left;
}
.forkids #view-gallery img{
	display:block;
	height:164px;
	width:140px;
}
.forkids #sidebar{
	width:140px;
}
.forkids #club-container{
	width:550px;
}
.forkids #club-container h2{
	background:url(bg_club_h2.png) no-repeat bottom left;
	width:550px;
	height:37px;
}
.forkids #club-container h2 span{
	font-size:35px;
}
.forkids #club-container .club-box{
	width:217px;
	position:relative;
	margin-bottom:0px;
}
.forkids #club-container .club-box h4{
	color:#1D42CD;
	height:20px;
}
.forkids #club-container .club-box .overlay{
	background:url(bg_kids_club_overlay.png) no-repeat top left;
	top:20px;
	left:0;
	width:217px;
	height:46px;
	position:absolute;
}

/* Tours
----------------------------------------------------------- */
.tours #main-content{
	width:605px;
}
.tours #sidebar{
	width:161px;
}
.tours h1{
	color:#13BDAB;
}
.tours h4{
	color:#42C39A;
}
.tours #tour-container{
	width:605px;
}
.tours .tour-box{
	width:274px;
	position:relative;
	margin-bottom:30px;
}
.tours .tour-box p{
	width:262px;
	display:block;
	float:left;
}
.tours .tour-box a{
	width:58px;
	height:39px;
	display:block;
	float:right;
	margin-top:3px;
}
.tours .tour-box .overlay{
	background:url(bg_tour_overlay.png) no-repeat top left;
	top:20px;
	left:0;
	width:274px;
	height:75px;
	position:absolute;
}
.tours #promotion-banner{
	width:161px;
	height:283px;
	position:relative;
	margin-top:25px;
}
.tours #promotion-banner a{
	display:block;
	bottom:5px;
	left:10px;
	width:141px;
	height:39px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	z-index:11;
	cursor:pointer;
}
.tours #promotion-banner .overlay{
	background:url(bg_promotion_banner_overlay.png) no-repeat top left;
	top:0;
	left:0;
	width:161px;
	height:283px;
	position:absolute;
	z-index:10;
}

/* Room type
----------------------------------------------------------- */
#floor-plan-box{
	width:140px;
	height:358px;
	float:left;
	position:relative;
}
.apartments #main-content, .villas #main-content{
	width:470px;
	min-height:420px;
	_height:420px;
	margin-left:30px;
}
#sidebar{
	width:140px;
}
#view-gallery{
	height:97px;
}
#resort-map{
	height:185px;
}
.booknow{
	width:140px;
	height:56px;
	border:0;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
}
.facilities-box{
	width:217px;
}
.facilities-box h4{
	background:url(bg_roomtype_h4.png) no-repeat bottom left;
	width:217px;
	line-height:12px;
	height:35px;
	margin-bottom:10px;
}
.facilities-box ul{
	font-size:11px;
	line-height:14px;
	list-style:disc;
	margin:0 0 30px 17px;
}
.facilities-box ul li{
	padding:0 0 1px 20px;
}
.apartments #content #main-content .cl h4, .apartments #content #main-content .cr h4, .villas #content #main-content .cl h4, .villas #content #main-content .cr h4{
	padding-top:13px;
	height:22px;
}

/* Apartments
----------------------------------------------------------- */
.apartments h1{
	color:#00BC54;
}
.apartments #heroImage{
	background:url(img_heroApartments.png) no-repeat bottom left;
	width:74px;
}
.apartments #resort-map h2, .apartments #view-gallery h2, .apartments #floor-plan-box h2{
	background:url(bg_apartments_title.jpg) no-repeat top left;
}
.apartments .booknow{
	background:url(btn_apartments_booknow.png) no-repeat top left;
}

/* Villas
----------------------------------------------------------- */
.villas h1{
	color:#E73C2B;
}
.villas #heroImage{
	background:url(img_heroVillas.png) no-repeat bottom left;
	width:118px;
}
.villas #resort-map h2, .villas #view-gallery h2, .villas #floor-plan-box h2{
	background:url(bg_villas_title.jpg) no-repeat top left;
}
.villas .booknow{
	background:url(btn_villas_booknow.png) no-repeat top left;
}

/* Resort
----------------------------------------------------------- */
.resort #content{
	min-height:420px;
	_height:420px;
}
.resort h1{
	color:#BB00B0;
}
.resort p{
	margin-bottom:10px;
}
.resort #heroImage{
	background:url(img_heroResort.png) no-repeat bottom left;
	width:63px;
}
.resort-container{
	width:217px;
	float:left;
	position:relative;
	margin-bottom:40px;
	margin-right:78px;
}
.resort-container h4{
	color:#BC00B1;
}
.resort-container a{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
.resort-container .overlay{
	background:url(bg_resort_overlay.png) no-repeat top left;
	top:20px;
	left:0;
	width:217px;
	height:46px;
	position:absolute;
}
.resort-space{
	width:78px;
	height:1px;
	float:left;
}
.Rmarginfix{
	margin-right:0 !important;
}

/* Location
----------------------------------------------------------- */
#address{
	width:217px;
	float:left;
	margin-right:20px;
}
#address h4{
	background:url(bg_location_h4.png) no-repeat bottom left;
	width:217px;
	height:25px;
	margin-bottom:10px;
}
#location{
	width:190px;
	height:375px;
	float:left;
	position:relative;
	margin-right:20px;
}
#location h2{
	background:url(bg_location_title.jpg) no-repeat top left;
	top:0;
	left:0;
	width:180px;
	height:17px;
	font-size:13px;
	font-weight:900;
	text-transform:uppercase;
	padding:7px 0 5px 10px;
	position:absolute;
}
#location .overlay{
	background:url(bg_location_overlay.png) no-repeat bottom left;
	bottom:0px;
	left:0;
	width:190px;
	height:5px;
	position:absolute;
}
#spots{
	width:340px;
	height:375px;
	float:left;
	position:relative;
}
#spots h2{
	background:url(bg_spots_title.jpg) no-repeat top left;
	top:0;
	left:0;
	width:325px;
	height:27px;
	font-size:13px;
	font-weight:900;
	text-transform:uppercase;
	text-align:center;
	padding:7px 15px 5px 0;
	position:absolute;
}
#spots .overlay{
	background:url(bg_spots_overlay.png) no-repeat bottom left;
	bottom:0px;
	left:0;
	width:340px;
	height:5px;
	position:absolute;
}

/* Contact
----------------------------------------------------------- */
.contact #content{
	min-height:400px;
	_height:400px;
}
.contact h1{
	color:#E11212;
}
.contact h4{
	color:#E11212;
}
.contact #sidebar{
	width:197px;
}
#brochure{
	width:197px;
	height:118px;
	position:relative;
}
#brochure h2{
	background:url(bg_contact_title.jpg) no-repeat top left;
	top:0;
	left:0;
	width:197px;
	height:19px;
	text-align:center;
	text-transform:uppercase;
	font-size:17px;
	font-weight:bold;
	padding:5px 0;
	position:absolute;
}
#brochure .overlay{
	background:url(bg_contact_overlay.png) no-repeat bottom left;
	bottom:0;
	left:0;
	width:197px;
	height:5px;
	position:absolute;
}
#brochure #download{
	bottom:10px;
	right:0;
	width:110px;
	height:12px;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	position:absolute;
}
#contact{
	width:229px;
	float:left;
	margin-right:60px;
}
#contact h4{
	background:url(bg_contact_h4.png) no-repeat bottom left;
	width:229px;
	height:25px;
	margin-bottom:10px;
}
.form{
	width:264px;
	float:left;
}
.form h4, .contact .text h4
{
	background:url(bg_form_h4.png) no-repeat bottom left;
	width:264px;
	height:25px;
	margin-bottom:10px;
}
.form input.submit
{
	background:url(bg_submit.png) no-repeat center left;
	width:85px;
	height:25px;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	text-transform:uppercase;
	clear:both;
	float:right;
	cursor:pointer;
}
.form .item{
	width:262px;
	margin-bottom:10px;
	position:relative;
	clear:both;
}
.form .item label{
	width:90px;
	height:20px;
	font-size:11px;
	float:left;
	display:block;
}
.form .item input, .form textarea{
	border:1px solid #E11212;
	width:160px;
	float:right;
	padding:2px 5px;
	margin-bottom:10px;
}
.form .item input{
	height:16px;
}
/*
.form .item span{
	color:red;
	top:3px;
	right:-10px;
	width:5px;
	height:5px;
	position:absolute;
}
*/

.form .row
{
	clear:both;
}

.form .row label{
	width:80px;
	height:20px;
	font-size:11px;
	float:left;
	display:block;
}

.form .row span label 
{
	float:none;
	width:auto;
	display:inline;
	height:auto;
}


.form .row span{	
	width:160px;
	float:right;
	padding:2px 5px;
	margin-bottom:10px;
	display:block;
}

.contact .text
{
	float:left;
	width:265px;
}