/*main*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #5d5c5c;
	margin: 0;
	background: #ffffff url("../images/body_back.gif") repeat-x top left;
	padding: 0px;
}

#body2 {background:url("../images/body2_bg.gif") repeat-x bottom left;}

a:link, a:visited {
	text-decoration: none;
	color:#ab0404;
	font-weight: bold;
}
a:hover, a:active {
	text-decoration: none;
	color:#660000;
}

h1 {
	font-size: 0.7em;
	font-weight:normal;
	color:#8b8888;
	margin: 0px 0px 0px 3px;
	padding:0px;
}

h2 {
	font-size: 1.2em;
	font-weight:bold;
	color:#ab0404;
	margin: 0px;
	padding: 9px 0px 6px 3px;
}

h3 {
	font-size: 1.2em;
	font-weight:bold;
	color:#ab0404;
	margin: 8px 0px 5px 0px;
	padding: 4px 0px 6px 3px;
}

h4 {
	font-size: 1.1em;
	font-weight:bold;
	color:#194885;
	margin: 9px 0px 4px 4px;
	padding: 4px 0px 4px 4px;
	border-bottom: 3px solid #d6d4d4;
	background: #e8e5e5;
	clear: both;
}

h5 {
	font-size: 1em;
	font-weight:bold;
	color:#194885;
	margin: 4px 0px 4px 4px;
	padding: 4px 0px 4px 4px;
	border-bottom: 3px solid #DFDFDF;
	background: #EFEFEF;
}

h6 {
	text-align: left;
	color:#ab0404;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}



#container {
	width: 893px;
	margin: 0 auto;
	padding: 0px;
}

/*header*/
#header { background: url("../images/header_back.gif") no-repeat top left; height:193px; width:893px;}
#topnav {text-align: right; color: #919292; margin: 0px 140px 0px 0px; padding-top:10px;}
#topnav ul {text-transform: uppercase; font-size: 0.8em; margin:0px;}
#topnav a {padding: 0px 6px 0px 6px; color:#919292; font-weight: bold;}
#topnav a:hover { color: #bd0404;}
#topnav li {display: inline;}
#logo {float: left; margin: 48px 0px 0px 0px; padding-left:27px;}

/*maincontent*/
#maincontent {background:url("../images/maincontent_back.gif") repeat-y top left; padding: 0px; overflow:auto;width:847px; padding-left: 46px;}

/*leftpanel*/
#leftpanel {width:222px; margin: 0px; padding:0px; float: left;}
#quicksearch {background:url("../images/quicksearch_bg.gif") no-repeat top left; height:157px; width: 217px; padding: 35px 0px 10px 5px; font-size:0.9em;}

#mainmenu { background: url("../images/mainmenu_back.gif") no-repeat top left; padding-top: 27px; width: 222px; margin-top: 4px;}
#mainmenu ul {width: 222px;margin: 0px;text-align: left;padding: 0px;list-style: none; margin:0px;}
#mainmenu li { background: url("../images/mainmenulist.gif") no-repeat top left; margin-top:2px;}
#mainmenu li:hover { background-position: 0px -30px; }
#mainmenu a:hover { color: #4a4949;}
#mainmenu li a { display: block; height: 23px; padding: 7px 0px 0px 8px; font-weight: normal; color: #7c7c7c;}

#resortmenu { background: url("../images/resortmenu_back.gif") no-repeat top left; padding-top: 27px; width: 222px; margin-top: 4px;}
#resortmenu ul {width: 222px;margin: 0px;text-align: left;padding: 0px;list-style: none; margin:0px;}
#resortmenu li { background: url("../images/resortmenulist.gif") no-repeat top left; margin-top:2px;}
#resortmenu li:hover { background-position: 0px -30px; }
#resortmenu a:hover { color: #095082;}
#resortmenu li a { display: block; height: 23px; padding: 7px 0px 0px 8px; font-weight: normal; color: #1c6aa1;}

/*mainpanel*/
#mainpanel {float:left; width:558px; margin-left: 7px;}
#mainpanel p {padding: 3px; margin: 2px; font-size: 0.85em; text-align: justify;}
#mainpanel ul {font-size:0.85em; margin-right: 10px; text-align: justify;}
#mainpanel ol {font-size:0.85em; margin-right:50px; text-align: justify;}

/*resorts*/
#resorts {clear:both; margin-top:3px;}
#resorts img {margin: 0px 0px 3px 3px; }
#condadoresorts {background:#f1efef url("../images/condado_bg.gif") no-repeat top left; padding: 5px 0px 3px 53px; border: 1px solid #bebfbf; margin-left: 3px;}
#condadoresorts img {margin-right: 6px;}
#resortsfooter {background:#fcfdfb; padding: 10px 10px 0px 10px; border: 1px solid #e7e9e9; margin: 25px 0px 0px 3px; clear:both}

/*footer*/
#footer {background: url("../images/footer_bg.gif") no-repeat top left; height:39px; clear:both; padding: 110px 0px 0px 60px;} 
#copyright {background: #ffffff; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; width: 450px; margin: 0px; text-transform: uppercase; color:#071a02; font-size: 0.8em; padding: 3px;}
#copyright p {margin:0px; padding: 0px 0px 0px 5px; font-weight: bold;}
#copyright a:hover { color:#666666;}

#footernav {background:#fcfdfb; padding: 10px 10px 0px 10px; border: 1px solid #e7e9e9; margin: 25px 0px 0px 3px; clear:both; overflow: auto;}
#footernav ul {margin:0px 0px 10px 0px; padding: 0px; float: left; width:177px;}
#footernav li {margin: 5px 3px 5px 3px; list-style: none;}
#footernav li a {color: #00599b; font-weight: normal; display: block; background:#f2f2f2; padding: 4px;}
#footernav li a:hover {color:#037fdb; background: #ffffff;}

/*resortspage*/
#navdrop {background:#fcfdfb; padding: 4px; border: 1px solid #e7e9e9; margin: 0px 0px 0px 3px; height: 22px;font-size:0.85em;text-align:right;}

/*quicksearch*/
#searchresort {margin-bottom: 4px; float:left; margin-left: 4px;}
#searchmin {margin-bottom: 4px; float:left; margin-left: 4px;}
#searchmax {margin-bottom: 4px; float:left; margin-left: 4px;}
#searchbed {margin-bottom: 4px; float:left; margin-left: 4px;}
#searchbtn {float:right; margin: 0px 8px 4px 0px; padding-top: 16px;}
#searchadv {clear: both; margin-left: 4px; padding-top: 10px;}

/*resort drop-down nav*/
.dropnav, .dropnav ul {float: right;list-style: none;background: #f2f3f7;padding: 0;margin: 0 0 1em 0;font-family: Arial, Helvetica, sans-serif; text-align: left;}
.dropnav img {border:none;}
.dropnav a {display: block;color: #00003c;text-decoration: none; margin: 0px; font-weight:normal; font-size: 11px;}
.dropnav a:hover {color: #00003c;}
.dropnav li {float: left;padding: 0; margin: 0px;}
.dropnav li ul {position: absolute;left: -999em;height: auto;width: 176px;font-weight: normal;margin: 0;border: 1px solid #dcdada;padding: 3px;}
.dropnav li li {width: 176px; margin-left: 0px; padding:0px;}
.dropnav li:hover ul {left: auto; margin: 0px;}
.dropnav li:hover{background: #bd0000;}
.dropnav li a:hover {color: #ffffff;}
.dropnav .item {border-top: 1px solid #dcdada; padding: 4px; width: 168px;}

/*classes*/
.adboxright {float:right; margin:5px;}
.adboxleft {float:left; margin:2px 5px 5px 5px;}
.floatleft {float: left; }
.floatleftul {width:227px;}
.sitemapcol {float: left;}
.leftcolcont {float: left; width:255px; margin:0px 10px 0px 10px;}
.sponleft {width:176px; margin:10px 0px 0px 15px; padding:4px 4px 4px 20px;}
.blue {color:#264784; font-size:1.2em; font-weight:bold;}
.whychoose {font-size: 1.4em; color:#ffffff; font-weight:bold; margin: 3px 0px 0px 0px; padding:12px 4px 4px 4px;}
.whychooselist { padding:4px; margin: 15px 10px 0px 22px; background:#ffffff;}
.whychooselist li {margin-top: 3px;}
.whychoosebox {background:url("../images/whychoose_bg.gif") no-repeat top left; width:282px;}
.enquirybox {background:url("../images/enquiry_bg.gif") repeat-x top left;}

/* image gallery */
.wrapper {
	position: relative;
	width: auto;
	height: auto;
}
.formdiv{
   display:none;
}
.dspcont{
   display:none;
   position: absolute;
   width:500px;
   z-index:1000;
}

.dspcontint{
   top:0px; right:0px;
   background-color:#E6E6E6;
   border: solid #000000 1px;
}

.imageclose {
	background: #CC0000; width:120px; color:#ffffff;margin:0px;
}

.picture{
   border: solid #341904 1px;
}

/* ---------------------- */