/*
  jQuery MegaMenu Plugin Examples CSS
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/

html, body {
  height: 90%;
  text-align:left;
}


@font-face {
    font-family: 'TrajanProRegular';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/century_gothic.eot');
    src: url('fonts/century_gothic.eot.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ebgaramond';
    src: url('fonts/ebgaramond-webfont.eot');
    src: url('fonts/ebgaramond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ebgaramond-webfont.woff') format('woff'),
         url('fonts/ebgaramond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


h1 {
	font-family: Arial Black, 'TrajanProRegular', Arial, Helvetica;
	font-size: 32pt;
	color:#FC9;
	margin: 0px; /* padding: 20px 15px;*/
	margin-top:40px;
	font-weight:normal;
	letter-spacing:-2px;
	line-height:90%;
}


h3 {
	margin: 0px;
	font-size: 16pt;
	color: #fff;
	padding: 0px 0px 2px;
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	font-style: normal;
	/*border-bottom: 1px solid #ecdfdf;
	margin-bottom: 5px;*/
}

.heading{
	font-family: Century Gothic;
	font-size: 14pt;
	color: #000;
	text-decoration: none;
	font-weight: bold;	
	
}


.headings2 {
	font-family: Century Gothic;
	font-size: 9pt;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;	/*padding-left:10px;*/
}


.heading3{
	font-family: "Century Gothic";
	font-size: 16pt;
	color: #0085C1;
	text-decoration: none;
	font-weight: bold;
}



.subheading {
	font-family:"Century Gothic", Verdana;
	font-size: 12pt;
	color: #51483F;
	font-weight: bold;	/*text-shadow: 2px 2px 4px #000;
	filter: dropshadow(color=#000, offx=2, offy=2);*/
}

td.headerCell1 {
	/*background: url(images/orange-back001.png);*/
	background: url(images/black40.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	height:50px;
}



.intro{
	font-family: 'ebgaramond', Garamond;
	font-size: 24pt;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	line-height: 100%;
}


.sub-heading{
	font-family: 'ebgaramond',  Garamond;
	font-size: 16pt;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}


/* menu */	
.menuHome { padding:15px 20px 0 0; margin:0; width:200px; float:right;}
.menuHome ul { text-align: right; padding:0; margin:0; list-style:none; border:0; float:right;}
.menuHome ul li { float:left; margin:0; padding:0; border:0;}
.menuHome ul li a {
	border-right: 1px solid #999;
	text-align: left;
	float: left;
	margin: 0;
	padding: 6px 5px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.menuHome ul li a.last { border:0;}
.menuHome ul li a span { font: normal 9px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.menuHome ul li a:hover {
	color: #F00;
}
.menuHome ul li a:hover span {
	color:#090;
}
.menuHome ul li a.active {
	color:#F00;
}
.menuHome ul li a.activeLast {
	color:#F00;
	border:0;
}
.menuHome ul li a.active span {
	color:#97C1A3;
}



.footer_block { 
  background: url(images/beach-back001.gif);
	background-repeat:repeat;
	behavior: url(iepngfix.htc);
	height:150px;
  width:100%;
  bottom:0px;
  position:fixed;
  }
  
  .footer-back { 
  background-image: url(images/footer-bar001.png);
  background-repeat: no-repeat;
 /* width:100%;
  /*background:#282828;*/
  }
  


.bottom_menu A:link, .bottom_menu A:visited, .bottom_menu A:active {
	color: #333;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
} 

.bottom_menu A:hover {
	color: #F00;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
}
.bottom_menu {
	font-family: Verdana;
	font-size: 11px;
	color: #00A652;
	text-decoration: none;
	font-weight: normal;
}

.body A:link, .body A:visited, .body A:active{
	color: #F00;
	text-decoration: none;
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	font-size: 13pt;
	font-weight: normal;
} 

.body A:hover {
	color: #006633;
	text-decoration: none;
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	font-size: 13pt;
	font-weight: bold;
}
.body {
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	font-size: 12pt;
	color: #333;
	text-decoration: none;
	font-weight: normal;	/*padding-left:10px;*/
}


.body2 A:link, .body2 A:visited, .body2 A:active{
	color: #F00;
	text-decoration: none;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
} 

.body2 A:hover {
	color: #43bace;
	text-decoration: none;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: bold;
}
.body2 {
	font-family: Century Gothic;
	font-size: 12pt;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;	/*padding-left:10px;*/
}

.body3 A:link, .body3 A:visited, .body3 A:active{
	font-family: Century Gothic;
	font-size: 9pt;
	color: #003;
	text-decoration: none;
	font-weight: normal;
	z-index:10;
}

.body3 A:hover {
	font-family: Century Gothic;
	font-size: 9pt;
	color: #0A8ECC;
	text-decoration: none;
	font-weight: normal;
	z-index:10;
}

.body3 {
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	font-size: 9pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

.bodyText A:link, .bodyText A:visited, .bodyText A:active{
	color: #0A8ECC;
	text-decoration: none;
	font-family: "Century Gothic";
	font-size: 11pt;
	font-weight: normal;
} 

.bodyText A:hover {
	color: #43bace;
	text-decoration: none;
	font-family: "Century Gothic";
	font-size: 11pt;
	font-weight: bold;
}
.bodyText {
	font-family: "Century Gothic";
	font-size: 11pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;	/*padding-left:10px;*/
}

.bodyText-blue {
	font-family: "Century Gothic";
	font-size: 13pt;
	color: #0090ff;
	text-decoration: none;
	font-weight: bold;	/*padding-left:10px;*/
}




.trajan18 {
	font-family: 'TrajanProRegular', Arial, Helvetica;
	font-size: 18pt;
	color:#003;
	margin: 0px;
	line-height:100%; /* padding: 20px 15px;*/
}


.si_marginTop {margin-top:1em;}
.si_marginBottom {margin-bottom:5px;}
.si_marginLeft {margin-left:1em;}
.si_marginRight {
	margin-right:20px;
}

 
 
td.mainContentCell1 {
    background: url(images/main-content-orange-back001.png);
	behavior: url(iepngfix.htc);

}
 
 
 
td.contentCell1-main {
	/*background: url(images/orange-back001.png);*/
	background: url(images/white70.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}

 
 
td.contentCell1 {
	/*background: url(images/orange-back001.png);*/
	background: url(images/white80.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}

td.contentCell-white-gradients {
	/*background: url(images/orange-back001.png);*/
	background: url(images/white-gradients-70.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat-x;
	height:88px;
	
	padding-right: 20px;
	padding-left: 20px;
}



 
 
td.contentCell2 {
    /*background: url(images/orange-back001.png);*/
	background: url(images/black60.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	
	padding: 10px 20px 30px 20px;

}

 
td.logoCell {
    /*background: url(images/orange-back001.png);*/
	background: url(images/black60.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	
	padding: 10px 0px 0px 0px;

}
 


/* top_text */
.top_text { font: normal 11px Arial, Helvetica, sans-serif; color:#882238; padding:15px 15px 0 0; margin:0; width:300px; float:right;
text-align:right;}
.top_text a { color:#53d5ff; text-decoration:none;}

td.top_gradients {
	background: url(images/top-white80.png);
	background-repeat:repeat-x;
	
	behavior: url(iepngfix.htc);
	/*padding-left:15px;
	padding-bottom:15px;*/
}



td.top_menu_back {
	background: url(images/menu_images/menu-bar-back001.png);
	background-repeat:repeat;
	
	behavior: url(iepngfix.htc);
	/*padding-left:15px;
	padding-bottom:15px;*/
}



td.cell2 A:link, td.cell2 A:visited, td.cell2  A:active {
	
    font-family: Century Gothic;
	font-size: 8pt;
	color: #32b3dc;
	font-weight: bold;
	
}

td.cell2 A:hover {
	
    font-family: Century Gothic;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	
}

td.cell2 {
	background-color: #e1e1e1;
	/*filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity: 0.75;*/
    font-family: Century Gothic;
	font-size: 8pt;
	color: #333;
	font-weight: normal;
	padding: 5px 3px 5px 3px;	/*line-height:80%;*/
}

.copyright A:link, .copyright A:visited, .copyright A:active {color: #DAB280; text-decoration: none; font-family: Verdana; font-size: 7pt;} 

.copyright A:hover {color: #CC3300; text-decoration: none; font-family: Verdana; font-size: 7pt;}
.copyright {
	font-family: Verdana;
	color: #CCC;
	font-size: 7pt;
	text-decoration: none;
	font-weight: normal;
}

.logo {
	position:absolute;
	top:15px;
	VISIBILITY:visible;
	Z-INDEX:40;
}


.welcome {
	padding-top: 10px;
}
.main-bar {
	padding-top: 3px;
}


.image1 {
	position:absolute;
	top:220;
	VISIBILITY:VISIBLE;
	Z-INDEX:-1;
}

.triangle {
	position:absolute;
	top:200;
	VISIBILITY:VISIBLE;
	Z-INDEX:40;
}

td.white30 A:link, td.white30 A:visited, td.white30  A:active {
	font-family: Century Gothic;
	font-size: 10pt;
	color: #8d5c38;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	
td.white30 A:hover {
	font-family: Century Gothic;
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	
	}



td.white30 {
	background-image:url(images/white30.png);
	background-repeat:repeat;
	padding: 5px 5px 15px 5px;
	font-family: Century Gothic;
	font-size: 10pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	

td.white50 {
	background-image:url(images/white50.png);
	background-repeat:repeat;
	padding: 5px 5px 5px 5px;
	font-family: Century Gothic;
	font-size: 12pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	

td.white80 {
	background-image:url(images/white80.png);
	background-repeat:repeat;
	padding: 40px 20px 60px 20px;
	font-family: Century Gothic;
	font-size: 12pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	
.dots {
	position:absolute;
	top:150px;
	VISIBILITY:visible;
	Z-INDEX:-1;
	left:0;
	/*float:left;
	top:150px;*/
}


	
.dots-main {
	position:absolute;
	top:150px;
	VISIBILITY:visible;
	Z-INDEX:1;
	left:0;
	/*float:left;
	top:150;*/
}



ul.bullet2 {
	list-style-image:url(images/bullet001.gif);
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	font-size: 12pt;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	padding-left: 20px;
}


	
.float-tright {
	
	float:right;
}
.welcome {
	position: absolute;
	top: 550px;
	VISIBILITY: VISIBLE;
	Z-INDEX: 1;
}




td.table1-title001 {
	background-color:#F00;
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	;
	font-size: 12pt;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
td.tableRow1 A:link, td.tableRow1 A:visited, td.tableRow1 A:active{
	font-family: Century Gothic;
	font-size: 11pt;
	text-decoration: none;
	font-weight: normal;
	
}


td.tableRow1 {
	background-color:#353535;
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	;
	font-size: 11pt;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


td.tableRow2 {
	background-color:#272727;
	font-family: Century Gothic;
	font-size: 10pt;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


td.row1 {
	background: url(images/white70.png);
	behavior: url(iepngfix.htc);
	background-repeat: repeat;
	font-family: "Century Gothic", Verdana;
	font-size: 9pt;
	color: #51483F;
	text-decoration: none;	
}
td.row2 {
	background: url(images/white40.png);
	behavior: url(iepngfix.htc);
	background-repeat: repeat;
	font-family: "Century Gothic", Verdana;
	font-size: 9pt;
	color: #51483F;
	text-decoration: none;	
}
td.image-cell-main {
	height:250px;
	/*min-height:400px;
	mx-height:500px;
	
	overflow: hidden;*/
}
td.image-cell {
	height: 150px;	/*min-height:400px;
	mx-height:500px;
	
	overflow: hidden;*/
}


  
  td.row-heading-places {
	background: url(images/white70.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	padding:5px 5px 5px 5px;
	font-family: Century Gothic, Verdana;
  font-size: 9pt;
  color: #978A7B;
  text-decoration: none;
	
}

td.row-places1 {
	background: url(images/white40.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	padding:5px 10px 5px 10px;
	font-family: Century Gothic, Verdana;
  font-size: 9pt;
  color: #978A7B;
  text-decoration: none;
  width:450px;
	
}

.mobile-icon {
	position:absolute;
	top:295px;
	VISIBILITY:VISIBLE;
	Z-INDEX:1;
	border:none;
}


.mobile-icon-main {
	position:absolute;
	top:395px;
	VISIBILITY:VISIBLE;
	Z-INDEX:1;
	border:none;
}


.mobile-icon2 {
	padding-right:20px;
	border:none;
}


.dropdownhotel1 {width: 150px;
	font-size:8pt;
	color: #443E37;
	font-family: "Century Gothic", Verdana;
}


.dropdownhotel2 {
		font-size:7pt;
		color: #776c61;
		font-family: "Century Gothic", Verdana;
		}
		
		
 
 
td.bookingCell1 {
	/*background: url(images/orange-back001.png);*/
	background: url(images/white40.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.fastbooking {
	height:80px;
	width:670px;
}



td.fb A:link, td.fb A:visited, td.fb  A:active {
	
    font-family: Century Gothic;
	font-size: 8pt;
	color: #32b3dc;
	font-weight: bold;
	
}

td.fb A:hover {
	
    font-family: Century Gothic;
	font-size: 8pt;
	color: #32b3dc;
	font-weight: bold;
	
}


td.fb{
	
    font-family: Century Gothic;
	font-size: 8pt;
	color: #32b3dc;
	font-weight: bold;
	
}
#IntroText {
	position: absolute;
	top: 530px;
	z-index: 10;
	width: 750px;
}