@charset "utf-8";
/* CSS Document */

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

.menu { padding: 1px 0 0 0}

.rollover_index a {
display:block;
width: 120px;
height: 84px;
/* position:absolute; top:170px; left:0px; */
margin:0 0 0 0;
background: url("../menu_images/button_home.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_index a:hover { 
background-position: 0 -84px;
}
.rollover_resort a {
display:block;
width: 120px;
height: 84px;
/* position:absolute; top:170px; left:123px; */
margin:0 0 0 1px;
background: url("../menu_images/button_resort.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_resort a:hover { 
background-position: 0 -84px;
}
.rollover_diving a {
display:block;
width: 120px;
height: 84px;
/* position:absolute; top:170px; left:246px; */
margin:0 0 0 1px;
background: url("../menu_images/button_dive.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_diving a:hover { 
background-position: 0 -84px;
}
.rollover_activities a {
display:block;
width: 120px;
height: 84px;
/* position:absolute; top:170px; left:368px; */
margin:0 0 0 1px;
background: url("../menu_images/button_activity.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_activities a:hover { 
background-position: 0 -84px;
}
.rollover_info a {
display:block;
width: 120px;
height: 84px;
/*position:absolute;  top:170px;  left:490px;*/
margin:0 0 0 1px;
background: url("../menu_images/button_info.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_info a:hover { 
background-position: 0 -84px;
}
.rollover_reservation a {
display:block;
width: 120px;
height: 84px;
/* position:absolute; top:170px;left:613px; */ 
margin:0 0 0 1px;
background: url("../menu_images/button_reserve.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_reservation a:hover { 
background-position: 0 -84px;
}

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
/*box-shadow: 3px 3px 8px #818181; shadow for CSS3 capable browsers.
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;*/
}

.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{
display: block;
width: 120px; /*width of menu (not including side paddings)*/
color: white;
background: #000033;
border-bottom: 1px solid grey;
text-decoration: none;
text-align:center;
padding: 4px 0px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 130px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
/* background: #062428; */
font-weight:bold;
color: yellow;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/* ----- INDEX ----- */
body {
background-color: #000000;
margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
background-image:url(../images/sidebar.jpg); background-repeat:no-repeat; background-attachment:fixed;
/* background-image:url(../images/bg_body.jpg); background-repeat:repeat-x; */

}
.container {
 position:relative; left:180px; width:733px;
}
.h1  {
font-family:Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight:bold;
color:#F5F5F5;
}
h2 {font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #F5F5F5;
}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #F5F5F5;
}
h4 {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #F5F5F5;
}
h5 {font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-align:center;
}
.style1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #F5F5F5;
}
.style1_1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:10px; padding-right:10px; color: #F5F5F5;
}
.style1_2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:10px; padding-right:10px; color: #333333;
}
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #F5F5F5;
}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #F5F5F5; }
.style4 {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #F5F5F5;
}
.style5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #F5F5F5;
}
.style6_old {font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #000099;
}
.style6 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #F5F5F5; }
.style6_1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #F5F5F5; }
.style7 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #F5F5F5; font-weight: bold;
}
.style8 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px; color: #F5F5F5;
}
.style9 { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:750px; text-align:justify; color: #F5F5F5;
}

img.floatLeft {float:left; margin:0px; margin-right:20px; margin-left:0px; padding-right:5px; border-color:#5b74ff; }
img.floatRight {float:right; margin:0px; margin-left:20px; margin-right:0px; padding-left:5px; border-color:#5b74ff; }
}
.noborder {
    border:none;
}

a { color:#f0c600; }

.titlebar {
height:24px; width:100%;
font-size:14px; font-weight:bold; text-align:center; padding-top:8px;
background-color:#1D2A5E;
}

.tablebg {
width:80%; margin-left:auto; margin-right:auto;
padding:8px 0 8px 0;
background-image:url(../images/bg_trans_bluegrey.png);
}

/* ----- APARTMENTS ----- */

.rollover_apt_a a {
display:block;
width: 160px;
height: 120px;
float:right;
padding:0px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
border: thin solid;
background: url("../images/apt_a.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_apt_a a:hover { 
background-position: 0 -120px;
color: #049;
}

.rollover_apt_b a {
display:block;
width: 160px;
height: 120px;
float:right;
padding:0px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
border: thin solid;
background: url("../images/apt_b.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_apt_b a:hover { 
background-position: 0 -120px;
color: #049;
}

.rollover_apt_c a {
display:block;
width: 160px;
height: 120px;
float:right;
padding:0px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
border: thin solid;
background: url("../images/apt_c.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover_apt_c a:hover { 
background-position: 0 -120px;
color: #049;
}
.dvhdr {
background:#9AC0CD;
font-family:arial;
font-size:11px;
font-weight:bold;
border:1px solid #5A7AFF;
padding:5px;
width:150px;
}
         
.dvbdy {
background:#FFFFFF;
font-family:arial;
font-size:11px;
border-left:1px solid #5A7AFF;
border-right:1px solid #5A7AFF;
border-bottom:1px solid #5A7AFF;
padding:5px;
width:150px;
}
/* ----- BARS ----- */
.bar_24hr_r {
position: absolute;
width: auto;
left: 477px;
top: 614px;
float:right;
}
.bar_24hr_text {
	position: absolute;
	width: 438px;
	left: 19px;
	top: 650px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 180px;
}

/* ----- FOOTER ----- */
.foottxt {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#FFFFFF;
padding: 5px;
}
.foottxt a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}
.foottxt a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#FFFF00;
}