/* CSS Document */


/* top navigation start */
#navcontainer {
	width: 700px;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-weight: normal;
	float:right;
	font-size:12px;
	line-height:30px;
	height:30px;
	text-align:center;
	padding:0;
	margin:0;
} 
html #navcontainer {
	position: absolute;
	top: 0px;
	left: 1px;
}
#navcontainer ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float:right;
	background: url("../images/tab.gif");
	line-height:30px;
	text-align:center;
	background-color: #003399;
}
#navcontainer a { text-decoration: none; display: block; width: 109px; height:30px; color:white; padding:0; margin:0;}
#navcontainer .span{text-decoration: none;display: block;width: 109px; height:30px; color:white; padding:0; margin:0;}
#navcontainer li#active { background: url("../images/active_tab.gif"); }
/* top navigation end */

/* Additional CSS for Navigation outside of property box  */
#transpar {
	width: 666px;
	font-size: 18px;
	margin: 118px 23px 0px 20px;
	float: right;
}
#transpar ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	
#transpar li {
margin-bottom: 4px;
}
#transpar a {
text-decoration: none;
color: #9AccF1;
}	
#transpar a:hover {
color: #FF9900;
}
#transpar p {
	margin: 7px 7px 7px 7px;
}
#close {
	width: 60px;
	font-size: 18px;
	float: right;
}
/* End of additional CSS */

html {  height: 100%; }
body {
	background: #4C4C4C;
	font-family: "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
	background-position: center top;
}

.container{
	width: 666px;
	padding: 0;
	left: 20px;
	background-color: #22347C;
	position: relative;
	top: 148px;
}
#header {
	padding: 0px 0 0 10px;
	float: inherit;
	width: 500px;
}

#blue_bg{   background: #22347C; width: 644px; height:104px; padding:32px 10px 0px 10px; margin: 0 0 0 1px; line-height:14px; color: #fff; font-size: 13px; }
#body { background:#fff;  width:666px; height:458px; position: relative; top:6px; left:2px; margin: 0;  padding: 0;}
#body2 {
	background:#FFF;
	width:666px;
	height:458px;
	top:6px;
	left:0px;
	margin: 0;
	padding: 0;
	position: relative;
}


h1 {  margin: 0;  padding: 0;  width:664px; height:16px; color: #fff; font-size: 16px;  }		
.wrapper {
	min-height: 100%;
	height: 800px !important;
	height: 100%;
	margin: 0 auto;
	width: 710px;
	background-image: url(../images/shilo_navig.jpg);
	background-repeat: no-repeat;
}
.wrapper1 {
	min-height: 100%;
	height: 800px !important;
	height: 100%;
	margin: 0 auto;
	width: 710px;
}

p {  margin-top: 7px;  padding: 0; width:664px; height:13px; color: #fff; font-size: 12px; }



.4px { height:4px; }

/* h2 {    padding: 0;  width:600px; height:18px; color: #fff; font-size: 18px;  }		*/
/* #header2 p {     width:600px; height:32px; line-height:14px; color: #fff; font-size: 13px; }  */

#attractions_main { padding-left:2px; width:664px; height:321px; background: url("../images/area_attractions_bg.jpg"); background-repeat: no-repeat; background-position:bottom center; }

img{border:0;}

#packages_main { padding:28px 0 0 2px; width:664px; height:429px; background: url("../images/allinclusive_bg.jpg"); background-repeat: no-repeat; background-position: bottom center; }
.extras { position: absolute; top:200px; left:282px; width:355px; height:245px; color:#22347C; font-size:12px; line-height:12px; }
.extras p { color:#22347C; line-height:18px; }
.extras ul {  padding-left: 9px; margin-left: 8px; font-size:11px; line-height:18px;  }
#packages_next { position: absolute; bottom:15px; left:425px; }
#packages_back { position: absolute; bottom:15px; left:375px; }
#packages_price { position: absolute; top:55px; left:485px; font-size:42px; color:#fff; text-align:center; }

.contact_wrap { width:664px; height:457px; background:#22347C;  }
#contact_map  { position: absolute; top:50px; left:335px; }
.print_link  { position: absolute; top:56px; left:565px; z-index:2;}
#contact_text  { text-align:left; position: absolute; top:45px; left:25px; }
#contact_text p { color:#fff; font-size:13px; line-height:18px; }

#five_list {  width: 300px; font-family: trebuchet ms, trebuchet, sans-serif; font-weight: normal; float:left; font-size:12px; line-height:24px; padding-top:10px; margin:0;} 
#five_list ul li { list-style-type: none; padding: 0; margin: 0; line-height:23px; }
#five_list li#active a { color: #fff; }
.fliptext { position: absolute; top:235px; left:336px; width:300px; height:90px; font-size:11px; line-height:14px; color:#fff; }
.flipimage { position: absolute; top:136px; left:322px; width:300px; height:90px; font-size:11px; line-height:14px; color:#fff; }
.flipbutton { position: absolute; bottom:5px; left:275px; color:#fff; }


.attrprice {
	position: absolute;
	top:188px;
	left:323px;
	font-size:30px;
	color:#fff;
	text-align:center;
	background-image: url(../images/gray_transparent.png);
	padding-left: 5px;
	padding-right: 5px;
}

#hotel_facilities { position: absolute; bottom: 42px; left: 3px; }
.facilities_text { position: absolute; bottom: 85px; left: 25px; width:190px; height:90px; font-size:11px; line-height:14px; color:#666; z-index:2; } 
.facilities_images {  position: absolute; bottom: 75px; left: 220px; width: 550px; height:82px; padding:0; margin:0; z-index:3; } 
.f-1 {  padding-right:1px; float:left;} 
.f-2 {  padding-right:1px; float:left;} 
.f-3 {  padding-right:1px; float:left;} 
.f-4 {  padding-right:1px; float:left;} 
.f-5 {  padding-right:1px; float:left;} 
#services_bookit { position: absolute; bottom: 8px; left: 280px;}
#services_top { border-left:1px solid #fff; width:664px; height:268px; background: #22347C url("../images/services_facilities_bg.jpg"); background-repeat: no-repeat; background-position: bottom right;}
#services_text { position: absolute; top:55px; left:25px; width:230px; height:180px; font-size:11px; line-height:16px; color:#fff; }
#services_list { position: absolute; top:45px; left:275px; width:270px; height:180px; font-size:16px; font-weight:bold; line-height:16px; color:#fff; }

#hotelgraphics { width:666px; height: 110px; display:block; padding-top:33px; float: left; }
#hoteloutside {
	width:295px;
	height: 110px;
	padding-left:1px;
	float:left;
}
#hotelinside {
	width:370px;
	height: 110px;
	padding:0px;
	float:left;
}
#hoteldesc { width:646px; height:80; padding:10px; font-size:12px; line-height:16px;  }

/* links end*/
#virtual_tour {
	width:655px;
	height:auto;
	padding:1px 0 3px 0;
	font-size:12px;
	line-height:16px;
	text-align: center;
}
#virtual_tour_drop {
	width:624px;
	height:25px;
	font-size:12px;
	line-height:12px;
	float: left;
	text-align: center;
	background-color: #8A1916;
	padding: 2px 0 0 0;
}
#virtual_tour_movie {
	width:624px;
	height:auto;
	float: left;
	padding: 20px 20px 0 20px;
	background-color: #22347C;
	margin-left: 1px;
}
#virtual_tour_wrap {
	width:654px;
	height:15px;
	padding:22px 0 2px 1px;
	font-size:12px;
	line-height:12px;
	float: left;
	text-align: center;
}
#virtual_tour_text {
	width:664px;
	height:20px;
	float: left;
	background-color: #22347C;
	margin-left: 1px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

.box {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #003366;
	background-color: #E3E3E3;
}
#movie {
	width:655px;
	height:auto;
	font-size:12px;
	line-height:10px;
	float: left;
	padding: 1px;
}

#hotel_amenities {
	width:655px;
	height:110px;
	color:#666;
	background: url("../images/amenities_bg.gif");
	background-repeat: no-repeat;
}
.bookit_button { position: absolute; bottom:15px; left:275px; }
#directions { width:655px; height:121; color:#333; padding-bottom:10px; text-align:right; line-height:36px; font-size:18px; background: url("../images/map.jpg"); background-repeat: no-repeat;}
#directions_aaa { width:655px; height:121; color:#333; padding-bottom:10px; text-align:right; line-height:36px; font-size:18px; background: url("../images/map_aaa.jpg"); background-repeat: no-repeat;}

#accomodationswrap {
	width:644px;
	height:437px;
	padding:10px;
	background:#22347C;
}
#photo { width:614px; height:407px; padding:36px 15px 0 0; }
.accomodations_text {  line-height:16px; font-size: 13px; color:#fff; text-align:left; position: absolute; bottom:30px; left:40px; width:420px; height:65px; z-index:2; }
.next_link { position: absolute; bottom:13px; right:25px; width:55px; height:40px; z-index:3;  }
.next_link_arrow { position: absolute; bottom:20px; right:46px; width:30px; height:40px; z-index:3;  }
.prev_link {  position:absolute; bottom:13px; right:75px; width:55px; height:40px; z-index:3;  }
.prev_link_arrow { position: absolute; bottom:20px; right:106px; width:30px; height:40px; z-index:3;  }
.prev_link2 {  position: absolute; bottom:13px; right:18px; width:55px; height:40px; z-index:3;  }

.bookit_button { position: absolute; bottom:5px; left:275px; }

/* restaurants - added by Fernando 05/2008 */ 
#restaurant_text { position: absolute; top:175px; left:25px; width:420px; height:180px; font-size:11px; line-height:16px; color:#fff; }
#restaurant_list { position: absolute; top:175px; left:495px; width:230px; height:180px; font-size:14px; color:#fff; }
#restaurant_address { text-align: center; position: absolute; top:133px; left:115px; font-size:14px; color:#fff; font-weight: bold; }
p.restaurant_address { text-align: center; font-size:14px; color:#fff; font-weight: bold; } 
#restaurant_address a{ color:#fff; text-decoration: underline; }
#restaurant_address a:hover{ color:#00FFFF; text-decoration: none; }
a.restaurantlink { font-size:16px; color:#fff; text-decoration: underline; }
a:hover.restaurantlink { color:#00FFFF; text-decoration: none; }

/* top navigation start */ 
#navcontainer {  width: 665px; line-height:13px; height:34px; font-family: trebuchet ms, trebuchet, sans-serif; font-weight: normal; float:right; font-size:12px; padding:0; margin:0;} 
.contact { background: url("../images/red_tab.gif");  width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.attractions { background: url("../images/red_tab.gif"); width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.inclusive { background: url("../images/red_tab.gif"); width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.services { background: url("../images/red_tab.gif"); width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.accomodations { background: url("../images/red_tab.gif"); width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.hotel_details { background: url("../images/red_tab.gif"); width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.affilliates { background: url("../images/aff_tab.gif"); width:392px; height:30px; padding:4px 0 0 6px; float:left; }
.affiliates { background: url("../images/aff_tab1.gif"); width:259px; height:30px; padding:4px 0 0 6px; float:left; }
.franchises { background: url("../images/franchise_tab.gif"); width:392px; height:30px; padding:4px 0 0 6px; float:left; }
.franchises1 { background: url("../images/franchise_tab1.gif"); width:259px; height:30px; padding:4px 0 0 6px; float:left; }

.contact_active { background: url("../images/blue_tab.gif");  width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.attractions_active { background: url("../images/blue_tab.gif");  width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.inclusive_active { background: url("../images/blue_tab.gif");  width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.services_active { background: url("../images/blue_tab.gif");  width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.accomodations_active { background: url("../images/blue_tab.gif");  width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.hotel_details_active { background: url("../images/blue_tab.gif");  width:127px; height:30px; padding:4px 0 0 6px; float:left; }
.accomodations a, .services a, .inclusive a, .attractions a, .contact a, .hotel_details a {color:#fff; text-decoration:none;}
.accomodations_active a, .services_active a, .inclusive_active a, .attractions_active a, .contact_active a, .hotel_details_active a {color:#fff; text-decoration:none;}

/* top navigation end */


/* links start*/  

a.blueboldlink {   font-weight:bold; color:#000033; text-decoration: none; }
a:hover.blueboldlink {   font-weight:bold; color:#FFFFFF; text-decoration: none; }

a.header_link {   font-weight:bold; color:#FFF; text-decoration: underline;  font-size: 16px; }
a:hover.header_link {   font-weight:bold; color:#00FFFF; text-decoration: none;  font-size: 16px; }

a.lblueboldlink {   font-weight:bold; color:#5C97CF; text-decoration: none; }
a:hover.lblueboldlink {   font-weight:bold; color:#5C97CF; text-decoration: none; }

a.greyboldlink {   font-weight:bold; color:#4D443B; text-decoration: none; }
a:hover.greyboldlink {   font-weight:bold; color:#4D443B; text-decoration: underline; }

a.blackboldlink {   font-weight:bold; color:#000; text-decoration: none; }
a:hover.blackboldlink {   font-weight:bold; color:#000; text-decoration: underline; }

a.whiteboldlink {   font-weight:bold; color:#fff; text-decoration: none; }
a:hover.whiteboldlink {   font-weight:bold; color:#fff; text-decoration: underline; }

a.whitelink {   font-size:11px; color:#fff; text-decoration: none; }
a:hover.whitelink {   font-size:11px; color:#fff; text-decoration: none; }

a.yellowboldlink {   font-weight:bold; color:#FF9933; text-decoration: none; }
a:hover.yellowboldlink {   font-weight:bold; color:#FFFFFF; text-decoration: none; }

a.whiteboldlink2 {   font-size:18px; font-weight:bold; color:#fff; text-decoration: none; }
a:hover.whiteboldlink2 { font-size:18px; font-weight:bold; color:#fff; text-decoration: underline; }

a.footerlink {   color:#fff; text-decoration: none; }
a:hover.footerlink { color:#fff; text-decoration: none; }