/*  CSS  html body style for centre    */

body {
padding:0px; 
margin:0px; 
font-size: 12px;
font-family: arial,verdana,sans-serif;
color:#000000;
height:100%; 
background-color:#000000;
background-image:url(../images/body_repeat.jpg); 
background-repeat:repeat-x;

  
}

/*  CSS  container for centre content  */


.wrapper{

width: 996px;
position: relative;
margin-left: auto;
margin-right: auto;

 
}




/*h1 reserved for keywords*/
h1 {
	width: 896px;
	margin:0px;
	font-size: 10px;
	color: #666666;
	font-weight:bold;
	text-align:right;
	padding:4px 0 0 0;
}

/* Global Styles  */

h3,h4,h5{margin:0 0 10px 0;padding:0px;line-height:19px;}


h2 {font-size: 32px;color: #000000; font-weight:normal; padding:0px; margin:0 0 5px 0; font-family:Georgia, Times, serif}
h3 {font-size: 16px;font-weight:normal;color: #000000!important; font-family:Georgia, Times, serif; text-transform:uppercase;  }
h4 {font-size: 24px;color: #333333; font-family:Georgia, Times, serif; font-weight:normal;}
h5 {font-size: 11px;color: #333333;font-weight:bold}

p{
line-height:19px;
margin:0 0 24px 0;
}

a:link {
color:#666666;
font-size:12px;  
text-decoration:none; 

}

a:visited{
color:#666666; 
font-size:12px;  
text-decoration:none; 

}

a:hover{ 
color:#000000; 
font-size:12px; 
text-decoration:underline;

}

img{border:none}



form{
margin:0px;
padding:0px;
}




/*  CSS  Header styles */

#header{
position:relative;
float:left; 
width:943px;
top:0px;
padding:0 6px 0 50px;
margin:0 0 0 0; 
display:block;
clear:both; background-image:url(../images/header_home.jpg); 
background-repeat:no-repeat; z-index:100
}


#header ol{position:relative; left:-47px;
	list-style-type:none;
	padding:0 0 0 0;
	margin:25px 0 0 0;
	width:455px;
	float:right;
	display:block;
}


#header ol li{
width:210px;
	color:#cccccc;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	float:right;
	margin:0 0 16px 0;
	padding:0 15px 0 0 ;
	border-right:1px dotted #999999; display:block;
	
}

#header ol li span{
	color:#ffffff!important;
	font-size:24px!important;
	font-weight:lighter!important;float:right;
}

#header ol li.last{
	float:right;
	border-right:none!important;
	padding-right:0!important;
	padding-left:10px; text-align:right!important;
	
}






 #header p{position:relative;
 left:168px; text-align:right;
	list-style-type:none;
	padding:0 0 0 0;
	margin:-13px 0 0 0;
	width:400px;
	float:left;
	display:block; 
	color:#cccc99; font-weight:bold
}

#header p a, #header p a:visited{
	color:#cccc99; 
	text-decoration:underline
}

#header p a:hover{
	color:#ffffff; 
	text-decoration:underline
}




#logo_home{margin:3px 0 0 0;
padding:0px;
	float:left;}
	
	
#logo{margin:3px 0 38px 0;
padding:0px;
	float:left;}
	
	
#player1{ 
background-image:url(../images/banner.gif); 
background-repeat:no-repeat;  
width:911px; 
height:341px; 
margin-top:2px;padding:10px 10px 10px 15px; }


#content{ 
margin:0px ;
padding:0px;
background-image:url(../images/content_repeat.jpg); 
background-repeat:repeat-x;
}
#content_wrapper{ 
margin:0px;
padding:0px;
background-image:url(../images/wrap.gif); 
}

#bottom_repeat{ 
margin:0px ;
padding:0px;
background-image:url(../images/bottom_tile.gif);
background-repeat:repeat-x;
height:14px;
display:block;
}

#top_repeat{ 
margin:0px ; 
font-size:1px;
padding:0px;
background-image:url(../images/top_tile.gif);
background-repeat:repeat-x;
height:9px!important; 
display:block;

}



/*  CSS  division and styles for left side */


#left {
position:relative;
float: left;
left:52px; 
width: 630px; 
margin:20px 0 0 0; 
padding:0px; 

}

.banner_box{position:relative;
left:-5px;
top:-6px;
background-image:url(../images/drilldown_accomodation.gif); 
background-repeat:no-repeat;
width:624px;
height:204px;
display:block;
padding: 14px 0 0 15px}

#left ul {
margin-top:40px;
margin-bottom:50px;
}

#left ul li {
margin-bottom:20px; 
line-height:19px; 
font-weight:bold; 
color:#000}

#drilldown_banner{
	position:relative;
	left:-10px;
	top:-12px;
}

#sitmap li ul{margin: 0 0 10px 0!important}

#sitmap li {margin: 0 0 5px 0!important}

#map_background{ background-image:url(../images/map_background.gif); 
background-repeat:no-repeat; 
width:601px;
height:424px;
display:block;
padding:13px 22px 10px 16px;
}

/*  CSS  division and styles for middle    */


#middle {
position:relative;
float:left;
width:900px; 
margin:0 0 30px 0; 
padding:0px; 
left:52px; 
top:0px;

}

.box{
width:287px;
float:left;
margin:0 12px 25px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #999966;
}

.box p{
height:95px;
overflow:hidden;
margin:0 0 7px 0;
padding:0px;
}

.box img{
margin:0 0 16px 0;
}

.no_margin{margin:0px!important}

.box_l{
width:287px;
float:left;
margin:0 30px 16px 0;
padding:0px;
}

.box_l img{
margin:0 0 16px 0;
}

.box_r{
width:287px;
float:right;
margin:0 0 16px 0px;
padding:0 10px 0 0;
}

.box_r img{
margin:0 0 16px 0;
}

.box_tours {position:relative;
width:628px; 
float:left; 
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #666666; 
}

.box_tours h3{
font-size:30px!important;
width:120px!important;
float:left;
clear:left;
height:90px;
margin-right:30px!important;
margin-top:9px!important; 
padding:10px 0 10px 0!important;
}

.box_tours  h3 span {
position:absolute; left:100px;top:-2px; 
background-image:url(../images/bracket.gif); 
background-repeat:no-repeat;
font-size:120px!important;
width:32px!important;
height:111px;
display:block; 

}

.box_tours p{

width:470px!important;
float:right!important;
clear:right;
text-align:left!important;
padding:0px!important;
margin:0px!important;
display:block; 
}


.box_tours p{

width:470px!important;
float:right!important;
clear:right;
text-align:left!important;
padding:0px!important;
margin:0px!important;
display:block; 
}

.box_price{
width:280px;
float:left;
margin:0 10px 16px 0;
padding:8px; border:1px dotted #000000;
}
.box_price h3{
height:38px!important;
border-bottom:1px dotted #000000;
background-image:url(../images/price_repeat.gif); background-repeat:repeat-x; padding:8px 5px 5px 5px !important; color:#cccc99!important;
font-size:12px!important;
}

.box_price p  {
float:right;
width:130px;
display:block; color:#000000;

}

.box_price h4  {
font-size:55px!important;
display:block; color:#cccc99;
float:left;
width:128px;
padding:16px 0px 8px 12px!important; background-color:#999966; border:1px dotted #000000;
}
.box_price h4 span  {position:relative;
font-size:22px!important; width:128px;
display:block; color:#000000!important;
  
}


.box_price_long{
width:588px;
float:left;
margin:0 0 16px 0;
padding:8px; border:1px dotted #000000; clear:both;
}

.box_price_long h3{
height:38px!important;
border-bottom:1px dotted #000000;
background-image:url(../images/price_repeat.gif); background-repeat:repeat-x; padding:8px 5px 5px 5px !important; color:#cccc99!important
}


.box_price_long h4  {
font-size:55px!important;
display:block; color:#cccc99;
float:left;
width:160px;
padding:16px 0px 8px 12px!important; background-color:#999966; border:1px dotted #000000;
}
.box_price_long h4 span  {position:relative;
font-size:22px!important; width:160px;
display:block; color:#000000!important; float:left;
  
}

.box_price_long p  {
width:400px;
float:right;
display:block; color:#000000;
}



.strong {
font-size:16px;
display:block;
}
.italic { 
font-style:italic; 
font-weight:bold; font-size:14px; display:block;}

#left a, #left a:visited{
text-decoration:underline!important; 
color:#000; 
font-weight:bold;
	}

#left a:hover{
font-weight:bold; 
color:#FFF
}

.h3_border{ 
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
padding:10px 0 10px 0!important;}





/*  CSS  division and styles for right    */

#right {
position:relative;
float: right; 
left:-43px; 
width:250px;
margin:20px 0 0 0; 
padding:0px; 
}


#right form{
margin:0px;
padding:0px;

	}
	
#right form label {
display:block;
font-family:Georgia, Times, serif;
font-style:italic;
font-size:18px;
color:#000000;
margin:0 0 3px 0;
padding:0px;

}

#right form input {
display:block;
width:238px;
background:none;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
}

#right form span{ background-image:url(../images/input_background.gif); 
background-repeat:no-repeat;
width:238px;
height:21px;
display:block;
margin:0 0 6px 0;
padding:6px 6px 3px 6px;

	}
	
	#right form textarea {
display:block;
width:236px;

background:none;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
}
	
	.span_textarea{ background-image:url(../images/textarea_background.gif)!important; 
background-repeat:no-repeat!important;
width:238px!important;
height:90px!important;
display:block!important;
margin:0 0 6px 0!important;
padding:8px 6px 3px 6px!important;

	}

.submit {position:relative; left:110px;
display:block!important;
width:139px!important;
height:43px!important;
margin:-20px 0 0 0!important;
}

 #ul_gallery{ width:233px;
margin:0px;
padding:0px;
float:left;
list-style-type:none;
}

 #ul_gallery li{
margin:0px 8px 6px 0;
padding:0px;
float:left;
 }
  #ul_gallery li.last{
margin:0px 0px 6px 0!important;
padding:0px;
float:left;
 }

/*  CSS floating styles                    */



.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */



#footer { 
background-image:url(../images/footer_background.jpg); 
background-repeat:no-repeat;
width: 896px;
margin:-9px 0 0 0;
padding: 20px 50px 0 50px;   
clear:both   
}


#footer h4 { 
font-family:Georgia, Times, serif!important;  
font-size:18px!important; 
font-style:italic!important; 
color:#999999!important; 
font-weight:normal;
}

#footer h5 { 
font-family:Georgia, Times, serif!important;  
font-size:11px!important; 
font-style:italic!important; 
color:#666666!important; 
font-weight:normal;
float:left;
width:280px;
margin:5px 0 0 0;
padding:0px; 

}

#footer h6 { 
font-family:Georgia, Times, serif!important;  
font-size:11px!important; 
font-style:italic!important; 
color:#666666!important; 
font-weight:normal;
float:right;
clear:right;
width:410px;
margin:5px 0 0 0;
padding:0px; 
text-align:right;
}

#footer_logo {position:relative;
top:-5px;
margin: 0 20px 0 0;
padding:0 0 0 0; 
float:left;
}


#footer ul{
width:435px;
margin:20px 0 20px 0;
padding:0 0 0 0;
list-style-type:none;
border-right:1px dotted #666666;
float:left;
}


#footer ul li{
width:144px;
margin:0 0 3px 0;
padding:0px;
float:left;
color:#999999;
}

#footer a, #footer a:visited{
color:#666666!important;
font-family:Georgia, Times, serif!important;  
font-size:14px; 
font-weight:lighter!important;
text-decoration:none
}


 #footer a:hover{
color:#999999!important; 
text-decoration:underline

}

#testimonials {position:relative; top:-20px;
float:right;
clear:right;
width:440px;
display:block;

}

#testimonials p{
width:200px;
float:left;
color:#666666;
font-family:Georgia, Times, serif!important;  
font-size:12px; 
font-weight:lighter;
font-style:italic;
margin-bottom:10px!important;
margin-right:18px;
padding-bottom:15px!important;
border-bottom:1px dotted #666666;
}

#testimonials p span{
display:block;
color:#999999;
font-family:Georgia, Times, serif!important;  
font-size:12px; 
font-weight:bold;
font-style:italic;
}

#testimonials h4{ margin-bottom:16px!important}
#footer h6 a, #footer h6 a:visited
{font-size:11px!important
	}

.no_border {border-bottom:none!important;}


/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
div.menu{z-index:1000!important;}
 
.menu {width:890px; height:38px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:890px; w\idth:890px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:890px;
	
}

.menu ul ul {width:127px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:127px;
	position:relative;
	}
/* style the links for the top level */
.menu a, .menu a:visited  {
	display:block;
	text-decoration:none;
	
	width:127px;
	border:1px solid #666666;
	border-width:0px 0 0px 0px;
	line-height:38px;
	background-image:url(../images/blue_button.gif);
	background-position:center top;
	background-repeat:no-repeat;
	z-index:1000;
	text-decoration:none;
	font-size:12px;
	padding:0px;
	text-align:center; 
	font-family:Georgia,Times, serif; font-weight:bold; color:#cccc99; 
}


.menu a:hover { background-image:url(../images/green_button.gif);background-repeat:no-repeat;background-position:50% 0; color:#000!important }
.menu :hover > a{
	background-position: top;
	 }



/* style the links for the top level */
.menu a.current, .menu a.current:visited {
	background-image:url(../images/green_button.gif); background-repeat:no-repeat; background-position:center top; 
}



/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:127px; w\idth:127px;}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#666666; color:#FFF;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#999999; color:#fff!important;}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#3E42C0; color:#FFF;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#BFF200; color:#fff!important;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:-15px; width:159px;border-top:1px solid #663300; text-align:center}
/* another hack for IE5.5 */
* html .menu ul ul {top:38px;t\op:38px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:100px; top:-1px; width:142px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {position:absolute;left:149px; margin:0px;padding:0px;}

 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table  {position:absolute; top:0px;  left:5px; border-collapse:collapse; z-index:1000!important;}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#663300; color:#cccc99; height:auto; line-height:1.5em; padding:5px 10px; width:140px;border-width:0 1px 1px 1px; font-family:Arial, Helvetica, sans-serif }
.menu ul ul a:hover {background:#cccc99; color:#999999;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:127px;w\idth:127px;}
 
/* style the top level hover */


.menu ul ul a:hover{background:#cccc99; color:#000000}
.menu ul ul :hover > a {background:#cccc99; color:#000000;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


#nav_wrap_home{position:relative;background-image:url(../images/menu_back.gif); 
	background-repeat:no-repeat;
	width:896px;
	height:38px;
	margin:0px;
	padding-left:7px;
	 
	
	}
	
#nav_wrap{position:absolute; top:-47px; left:50px;background-image:url(../images/menu_back.gif); 
	background-repeat:no-repeat;
	width:896px;
	height:38px;
	margin:0px;
	padding-left:7px; z-index:1000;
	
	 
	
	}
	
	
	
	
	
.border-bottom{border-bottom:1px dotted #333333; padding-bottom:30px!important}
.box_image_with_caption{
float:right;
padding:5px 5px 0px 5px;
margin:0 0 0 20px;
width:260px; font-style:italic; font-size:11px; 	
	}
	
.box_image_with_caption img{border :6px solid #FFF; margin-bottom:5px}