input {

border:1px solid #999999;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10pt;

color:#333333;

height: 18px;

}

.input2 {

border:1px solid #999999;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10pt;

color:#333333;

width:74px;

height: 18px;

}

.input5 {

border:1px solid #999999;

background:#f4fbff;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10pt;

color:#333333;

width:350px;

height: 18px;

}

textarea {

border:1px solid #8d9da3;

background:#f4fbff;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10pt;

color:#333333;

width:703px;

height:150px;

}

input.button {

border:1px solid #8d9da3;

background:#3c043c;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10pt;

color:#FFFFFF;

width:60px;

height: 25px;

cursor:pointer;

}

input.button:hover {

background:#762c7d;

color:#ffffff;

}

input.button:active {

/*border:2px inset white;

background-color:white;*/

color:#FFFF00;

}

 .button2 {

border:1px solid #8d9da3;

background:#762c7d;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10pt;

color:#FFFFFF;

height: 30px;

cursor:pointer;

margin:0 0 30px 0;

}

.button2:hover {

color:#cc9933;

}

.button2:active {

/*border:2px inset white;

background-color:white;*/

color:#FFFF00;

} 

 

.select{

	border:1px solid #866f5f;

	background-color:#adae83;

	font-size: 9pt;

	color: #eeeeee;

	padding:0 2px;

	height: 20px;

}

.selectperson{

	font-size: 8pt;

	color: #333333;

	padding:0 2px;

	height: 20px;

	width:45px;

}

.selectyear{

	font-size: 8pt;

	color: #333333;

	padding:0 2px;

	height: 20px;

	width:60px;

}

.selectdate{

	font-size: 8pt;

	color: #333333;

	padding:0 2px;

	height: 20px;

	width:45px;

}

.selectmonth{

	font-size: 8pt;

	color: #333333;

	padding:0 2px;

	height: 20px;

	width:55px;

}

.B1 {

    background: url('img/checknow.gif') no-repeat;

    display: block;

    height: 25px;

	width: 160px;

    text-decoration: none;

	border: 0px;

	margin-top:5px;

}

#clear{ clear:both;}

body {

	margin:0px;

	background-color: #D4D4C5;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10pt;

	color:#666;



}

p{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10pt;

color:#333333;

text-align:justify;

line-height:16pt;

}

h1,h2,h3,h4,h5,h6,h6{

font-family:"cinzel";

color:#ffffff;

font-style:normal;

margin:0px;

padding:0px;

}

p{

margin:0;

padding:0;

}

h1{

font-size:23pt;

margin: 0px 0px 0px 30px;

vertical-align:bottom;

}

h2{

height:28px;

background:url(images/line.gif) repeat-x bottom;

font-size:13pt;

color:#4b2045;

font-weight:bold;

margin-bottom:5px;

}

.title{

 border-bottom: 1px dashed #999999;

 color:#3c043c;

 font-size:12pt;

font-weight:bold;

font-family: "cinzel";

}

#main{

	margin:0px;

	padding:0px;

	background:#d4d4c5;

}

#container{

	width:1000px;

	margin:auto;

	background:#e8e4ef;

-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);

box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);

}

#header{

width:1000px;

margin:auto;

}

#logo{

width:1000px;

position:absolute;

height:70px;

z-index:1000;

}

#picture{

position:relative;

width:1000px;

height:390px;

overflow:hidden;

z-index:900;

background-color:#333;

}

#picture div.pics{

	display:none;

}

#picture div.text{

position:absolute;

font-family:"Georgia", Verdana, Arial, Helvetica, sans-serif;

color:#fff;

font-size:14pt;

font-style:italic;

bottom:8px;

left:-30px;

width:970px;

height:30px;

text-align:right;

}

#picture div.shades{

position:absolute;

bottom:0;

left:0;

width:1000px;

height:50px;

background:url(images/bg-black-30.png);

}

#picture div.text, #picture div.shades{

/* opacity that works on cross browsers */

/* IE 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";

/* IE 5-7 */

filter: alpha(opacity=0);

/* Netscape */

-moz-opacity: 0;

/* Safari 1.x */

-khtml-opacity: 0;

/* Good browsers */

opacity: 0; 

}

/*------------------------------------------------------------------------------------------------------------------MENU----------------------------------------------------------------------*/

#menu{

width:1000px;

height:30px;

background:#762c7d;

}

#menu a{

	display:block;

	float:left;

	height:30px;

	background-repeat:no-repeat;

	margin:0 0 0 15px;

}

#menu a:first-child{

	margin-left:30px;

}

#menu a:hover	{background-position:0 -30px;}

#menu a.mActive	{background-position:0 -60px;}

#menu a.mSpace	{margin-left:288px;}



#mnGuestVillas		{background-image:url(images/mn-GuestVillas.png);		width:64px;}

#mnResortFacilities	{background-image:url(images/mn-ResortFacilities.png);	width:87px;}

#mnLocationMap		{background-image:url(images/mn-LocationMap.png);		width:76px;}

#mnPhotoGallery		{background-image:url(images/mn-PhotoGallery.png);		width:76px;}

#mnActivities		{background-image:url(images/mn-Activities.png);		width:90px;}

#mnPackages			{background-image:url(images/mn-Packages.png);			width:49px;}

#mnVideos			{background-image:url(images/mn-Videos.png);			width:35px;}

#mnContact			{background-image:url(images/mn-Contact.png);			width:43px;}

#mnHome				{background-image:url(images/mn-Home.png);				width:27px;}



.sep{

width:30px;

height:30px;

float:left;

}

#line{

background-image:url(images/bg-title.png);

background-repeat:repeat-x;

height:64px;

padding:0px 0px 0px 0px;;

}



#linetitle{

float:left;

src: url(fonts/cinzel.otf);
font-family: "cinzel";

height:64px;

padding:15px 0px 0px 0px;

}



#linevideo{

float:right;

padding:0px 0px 0px 0px;

}

/*------------------------------------------------------------------------------------------------------------------CONTENT----------------------------------------------------------------------*/

#content, .conVillas, .conAmenities, .conFacilities, .conDining, .conActivities, .conLocation, .conGallery, .conContact{

	position:relative;

	width:1000px;

	padding:30px 0px 100px 0px;

}

.conHome{background:url(images/bg-home.jpg) no-repeat bottom right;}

.conVillas{background:url(images/bg-guestvillas.jpg) no-repeat bottom right;}

.conAmenities{background:url(images/bg-amenities.jpg) no-repeat bottom right;}

.conFacilities{background:url(images/bg-facilities.jpg) no-repeat bottom right;}

.conDining{background:url(images/bg-dining.jpg) no-repeat bottom right;}

.conActivities{background:url(images/bg-activities.jpg) no-repeat bottom right;}

.conLocation{background:url(images/bg-location.jpg) no-repeat bottom right;}

.conGallery{background:url(images/bg-gallery.jpg) no-repeat bottom right;}

.conContact{background:url(images/bg-contact.jpg) no-repeat bottom right;}

#contetntext, #contetntextgal{

position:relative;

top:0px;

left:30px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10pt;

color:#333333;

text-align:justify;

width:710px;

line-height:16pt;

}

#contetntextgal{width:950px;}

.gallery{

width:180px;

height:150px;

margin:0 10px 10px 0;

float:left;

}

ul{

margin:0;

padding:0;

}

li{

margin:0 0 0 25px;

}

.link{

text-decoration:none;

color:#762C7D;

}

.link:hover{color:#333;}

.linkp {

	float:right;

	margin-left:30px;

	position:relative;

	

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a05d96), color-stop(1, #531149) );

	background:-moz-linear-gradient( center top, #a05d96 5%, #531149 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a05d96', endColorstr='#531149');

	background-color:#a05d96;

	-webkit-border-top-left-radius:7px;

	-moz-border-radius-topleft:7px;

	border-top-left-radius:7px;

	-webkit-border-top-right-radius:7px;

	-moz-border-radius-topright:7px;

	border-top-right-radius:7px;

	-webkit-border-bottom-right-radius:7px;

	-moz-border-radius-bottomright:7px;

	border-bottom-right-radius:7px;

	-webkit-border-bottom-left-radius:7px;

	-moz-border-radius-bottomleft:7px;

	border-bottom-left-radius:7px;

	text-indent:0;

	display:inline-block;

	color:#eeeeee !important;

	font-family:Arial;

	font-size:11px;

	font-weight:normal;

	font-style:normal;

	height:25px;

	line-height:25px;

	width:90px;

	text-decoration:none;

	text-align:center;

}

.linkp:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #531149), color-stop(1, #a05d96) );

	background:-moz-linear-gradient( center top, #531149 5%, #a05d96 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#531149', endColorstr='#a05d96');

	background-color:#531149;

}.linkp:active {

	position:relative;

	top:1px;

}

.linkpr{

	margin-top:30px;

}

.linkps{

	font-size:9px;

	height:21px;

	line-height:21px;

	width:80px;

}

.linkp span {

	position:absolute;

	top:-26px;

	left:0;

	

	background-color:#ffffff;

	-webkit-border-top-left-radius:5px;

	-moz-border-radius-topleft:5px;

	border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;

	-moz-border-radius-topright:5px;

	border-top-right-radius:5px;

	-webkit-border-bottom-right-radius:0px;

	-moz-border-radius-bottomright:0px;

	border-bottom-right-radius:0px;

	-webkit-border-bottom-left-radius:0px;

	-moz-border-radius-bottomleft:0px;

	border-bottom-left-radius:0px;

	text-indent:0;

	border-top:1px solid #b585a8;

	border-left:1px solid #b585a8;

	border-right:1px solid #b585a8;

	display:inline-block;

	color:#531149;

	font-family:Arial;

	font-size:13px;

	font-weight:normal;

	font-style:normal;

	height:25px;

	line-height:25px;

	width:88px;

	text-decoration:none;

	text-align:center;

}

.linksb {

	margin-top:5px;

	position:relative;

	

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a05d96), color-stop(1, #531149) );

	background:-moz-linear-gradient( center top, #a05d96 5%, #531149 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a05d96', endColorstr='#531149');

	background-color:#a05d96;

	-webkit-border-top-left-radius:10px;

	-moz-border-radius-topleft:10px;

	border-top-left-radius:10px;

	-webkit-border-top-right-radius:0px;

	-moz-border-radius-topright:0px;

	border-top-right-radius:0px;

	-webkit-border-bottom-right-radius:0px;

	-moz-border-radius-bottomright:0px;

	border-bottom-right-radius:0px;

	-webkit-border-bottom-left-radius:10px;

	-moz-border-radius-bottomleft:10px;

	border-bottom-left-radius:10px;

	text-indent:0;

	display:inline-block;

	color:#eeeeee !important;

	font-family:Arial;

	font-size:11px;

	font-weight:normal;

	font-style:normal;

	height:35px;

	line-height:35px;

	width:230px;

	text-decoration:none;

	text-align:center;

}

.linksb:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #531149), color-stop(1, #a05d96) );

	background:-moz-linear-gradient( center top, #531149 5%, #a05d96 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#531149', endColorstr='#a05d96');

	background-color:#531149;

}.linksb:active {

	position:relative;

	top:1px;

}



.guestvillapict{

width:124px;

height:100px;

margin:0 10px 0 0;

float:left;

}

.pict{ margin:0 10px 0 0;}

.bgpopgal{

background:#FFFFFF;

width:920px;

padding:0px 0px 20px 20px;

-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;

-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; 

-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;

}

.close{

float:right;

margin:10px 20px 10px 0px;}

.showlayer{display:block} /*show layer*/

.hiddenlayer{display:none} /*hidden layer*/

#gal1, #gal2, #gal3, #gal4, #gal5, #gal6, #gal7, #gal8, #gal9, #gal10{

	position:absolute;

	width:940px;

	z-index:1002;

	height: 640px;

	left: 0px;} 





/*------------------------------------------------------------------------------------------------------------------SIDEBAR----------------------------------------------------------------------*/



#avaibility{

	position:absolute;

	/*top:0;*/

	right:0px;

	background:url(images/availability.png) no-repeat top right;

	height:220px;

	width:230px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:7pt;

	color:#333333;

}

#sideform{

	width:160px;

	margin:0px;

	position:relative;

	top:15px;

	left:40px;

}

#sideform input{margin:0px 0px 5px 0px;}

.formtext{}

#adults,#rooms,#children{

width:45px;

float:left;

margin-right:5px;

}

#sideform input.btnChkAvail,#sideform input.btnChkAvail:focus{

	background:url(images/checknow.png) no-repeat 0 0;

	width:160px;

	height:25px;

	border:none;

	padding:0px;

	margin:5px 0 0 0 ;

	cursor:pointer;

}

#sideform input.btnChkAvail:hover{

	background-position:0 -25px;

}



/*------------------------------------------------------------------------------------------------------------------FOOTER----------------------------------------------------------------------*/

#bottom{

background:url(images/bg-bottom.gif);

background-repeat:repeat-x;

height:330px;

font-family:Arial, Helvetica, sans-serif;

font-size:8.5pt;

color:#cccccc;

}

#footer{

background:url(images/bg-footer.gif);

background-repeat:repeat-x;

height:330px;

font-family:Arial, Helvetica, sans-serif;

font-size:8.5pt;

color:#cccccc;

}



#footer2{

width:940px;

margin:auto;

height:232px;

}



#address{

width:940px;

height:98px;

background-image:url(images/bg-address.gif);

background-repeat:repeat-x;

margin: auto;

}



#packages{

width:290px;

float:left;

margin:16px 0px 0px 0px;

}



#specialoffer{

width:290px;

float:left;

margin:58px 0px 0px 35px;

}



#lastminutedeal{

width:290px;

float:left;

margin:16px 0px 0px 35px;

}

/*-----------------------------------footer new------------------------------------*/

h3{

color:#E2B71D;

font-weight:normal;

font-style:normal;

font-size:20pt;

text-align:center;

margin:0 0 5px 0;

}

.FTlink{

font-family:"Georgia", Verdana, Arial, Helvetica, sans-serif;

color:#fff !important;

font-weight:normal;

font-style:normal;

font-size:14pt;

text-decoration:none;

}

.FTlink:hover{

color:#E2B71D !important;

}

.FTpackages{

width:940px;

height:100px;

margin:0 0 30px 0;

}

.specialpackages{

	width:313px;

	float:left;

	margin:20px 0 0 0;

	text-align:center;

}

.specialdeal{

	width:310px;

	float:left;

	text-align:center;

}





#footer{

	position:relative;

	height:110px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:8.5pt;

	color:#cccccc;

}

#footerbg{

	width:1000px;

	height:114px;

	position:absolute;

	top:-4px;

	left:0;

	background-image:url(images/bg-footer.png);

}

#address1 img{

	margin-right:10px;

}

#address1{

font-size:8.5pt;

width:600px;

padding:20px 0px 0px 0px;

}





#address2{

width:290px;

float:left;

float:right;

padding:20px 0px 0px 0px;

}

.footertitle{

	font-size:11pt;

	color:#e6b222;

}

#bottom a{

	color: #ccbe00;

	text-decoration: none;

}

#bottom a:hover{color: #ffffff;}

.footerdot{

	color:#e6b222;

	font-size:9pt;

}

.super{

	font-size:7pt;

	vertical-align:super;

}



.cal-bg{

	background:#b3c89f;

	border: 1px solid #6A6B6C;

}

.cal-monthbg{

	background:#0066cc url(images/cal-title.gif) repeat-y;

	line-height: 18pt;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9pt;

	font-weight: bold;

	color: #333333;

	text-align:right;

	padding:0px 10px 0px 0px;

	height:30px;

-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;

-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; 

}

.cal-monthbg2{

	background:url(images/cal-title2.gif);

	background-repeat:repeat-y;

	line-height: 18pt;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9pt;

	font-weight: bold;

	color: #ffffff;

	text-align:right;

	padding:0px 10px 0px 0px;

	height:35px;

-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;

-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; 

}

.cal-line {

}

.cal-datebg {

	background-color: #999999;

}

.cal-datename {

	background-color: #660066;

	line-height: 18pt;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 7pt;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

}

.cal-dates {

	background-color: #f8e8f9;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 7pt;

	color: #FFFFFF;

	height:30px;

}

.cal-datesoccupy {

	background-color: #9a469a;

	font-family:  Verdana, Arial, Helvetica, sans-serif;

	font-size: 7pt;

	color: #FFFFFF;

	height:30px;

}

.cal-datesavail {

	background-color: #ff0000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 7pt;

	color: #FFFFFF;

	height:30px;

}

.cal-datesoccupy td, .cal-datesavail td {

	font-family:  Verdana, Arial, Helvetica, sans-serif;

	font-size: 7pt;

	color: #FFFFFF;

	height:40px;

}

.titlebox{

	color:#762c7d;

	font-weight:bold;

	border-bottom-style:dashed;

	border-bottom-width: 1px;

	border-bottom-color: #999999;

}

.submenu:link,.submenu:visited{

font-family: Arial, Helvetica, sans-serif;

font-size:10pt;

color:#ffff00;

font-weight:bold;

text-decoration:none;

}

.submenu:hover{

color:#003366;



}/*--------------------------------------DEFINE-----------------------------------------*/

div.pakettext {	

color: #4B2045;    

font-weight: bold;

}

/* ------ pelican form ------ */

        #quick-rsv {

            position: inherit;

            text-align: left;

            font-family: Arial;

            font-size: 11px;

            background-color: #FFF;

            color: #000;

        }

        

        #quick-rsv input[type="text"] {

            height:12px;

            border: solid 1px black;

            font-size: 11px;

            padding: 1px;

        }

    

        #quick-rsv input[type="button"], #quick-rsv input[type="submit"] {

            height: 20px;

            text-align: center;

            text-decoration: none;

            color: #0462BA;

            font-size:xx-small;

        }

        

        #quick-rsv a {

            text-decoration: none;

            color: #0462BA;

        }

        

        #quick-rsv select {

            height:20px;

            font-size: 11px;

        }

        

		.ui-datepicker { 

			font: 70% "Trebuchet MS", sans-serif !important; 

		}

		.hasDatepicker{

			width:160px;

		}

#popup{
  position : absolute;
  left : 30px;
  top : 110px;
  z-index : 999;
}
#popup img{
  width : auto;
  height : 200px;  
}
#popup .close{
  position : absolute;
  color : #000;
  background : #fff;
  padding : 0px 5px 3px;
  cursor : pointer;  
  top : -10px; 
}

#container{
  position : relative;
}