body {
	background: #000;
	color: #fff;
	font-size: 11px;
}

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

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2 {
	padding: 20px 0 0;
	text-align: center;
}

p {
	overflow: hidden;
	margin-bottom:2px;
	padding-bottom:10px;
}

.container_16 {
	background: #000;
}
div#logo-home{
	position: relative;
	background-image:url(../images/htt-logo.jpg);
	background-repeat:no-repeat;
	height:120px;
	margin:0px;
	
}
div#logo{
	position: relative;
	background-image:url(../images/htt-logo.jpg);
	background-repeat:no-repeat;
	height:120px;
	margin:0px;
	width:960px;
}
div#flash-home{
	height:200px;
	margin:0px;
	position:relative;
	z-index:10;
	background-color:#000000;
	padding:0 0 0 10px;

}
div#destination{
	padding-bottom:30px;
	text-align:center;
}
div#contacts{
	padding-bottom:30px;
	padding-left:50px;
}

div.specials_container {
  background-color: #000;
  }
  
div#specials_text h6{
text-align:justify;
padding: 5px 0 0 0;
margin:0;
height:35px;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;	
}

div.spacer {
  clear: both;
  }

div.float {
  float: left;
  padding:20px;
  }
  
div.float p {
   text-align: center;
   }
 
div#flash{
	height:250px;
	margin:0 0 10px 0;
	position:relative;
	z-index:10;
	background-color:#000000;
}

div#statement{
	background-image:url(../images/htt-statement.jpg);
	height:100px;
	margin:1px 0 10px 10px;
}
div#left-nav-out {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#FFFFFF;
margin:0px;
margin-right:0px;
padding-right:0px;
}
div#left-nav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#FFFFFF;
margin:0px;
margin-right:0px;
padding-right:0px;
width:190px;
}
div#left-nav h2{
color:#00CC00;
font-family:Helvetica, sans-serif;
text-align:justify;
padding: 5px 0 0 100px;
margin:0 0 15px 0;
height:102px;
font-size:18px;
}

div#enquiry-box {
text-align:center;
}

div#home-text1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#FFFFFF;
padding-left:10px;
}

div#home-text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#FFFFFF;
padding-left:10px;
width:730px;
}


div#home-text h6{
text-align:justify;
padding: 5px 0 0 0;
margin:0;
height:35px;
font-size:16px;
}

div#home-text h6 a{
color: #009900;
text-decoration:none;
}
div#home-text h6 a:hover{
color: #00FF00;
}

div#home-text p {
	overflow: hidden;
	font-size:12px;
}

div#home-text p a{
padding-left:50px;
}

div#homepage-text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#FFFFFF;
}
div#homepage-text h6{
color:#00CC00;
font-family:Helvetica, sans-serif;
text-align:justify;
margin:0 0 5px 0;
background-repeat:no-repeat;
font-size:14px;
}
div#homepage-text p {
	overflow: hidden;
	margin-bottom:10px;
	padding-bottom:0px;
}

div#home-box{
	background-color:#FAEEBA;
	color:#000;
	margin-top:1px;
}

div#home-box p {
	padding:10px;
	font-size:11px;
	text-align:justify;
	height:85px;
	margin-bottom:0px;
}

div#home-box a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	letter-spacing:1px;
	font-size:12px;
}

div#home-box a:hover{
	color:#093;
}
div#home-box ul{
	padding-top:12px;
	display: block;
	margin: 0 10px;
	padding-bottom:10px;
	text-transform:uppercase;
}

div#home-box li {
	margin-left:0;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	list-style:none;
	padding-left:10px;
	font-weight:bold;
	letter-spacing:1px;
}
	
div#home-box1 ul {
	display:block;
	background-color:#FAEEBA;
	padding-top:10px;
	list-style:none;
	font-weight:bold;
	letter-spacing:1px;
	color:#000;
	padding-bottom:0px;
	height:58px;
	margin:0 10px;
}

div#home-box1{
	background-color:#FAEEBA;
	color:#000;
	height:105px;
	margin-top:1px;
}

div#home-box1 li {
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	list-style:none;
	font-weight:bold;
	letter-spacing:1px;
	line-height:19px;
	padding-left:10px;
	margin-left:0px;
	color:#000000;
}
div#home-box1 li a {
	list-style:none;
	font-weight:bold;
	letter-spacing:1px;
	line-height:19px;
	margin-left:0px;
	color:#000000;
	text-decoration:none;
}
div#home-box1 li a:hover {
	color:#093;
}

div#home-box ul li {
}

div#home-box ul li a {
	text-decoration:none;
	color:#03C;
	font-weight:bold;
	letter-spacing:1px;
	color:#000;
	font-size:11px;
}
div#home-box2{
	background-color:#FAEEBA;
	color:#000;
}

div#home-box2 a{
background-color:#FAEEBA;
color:#000000;
display:block;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
padding-left:10px;
text-decoration:none;
width:210px;
padding-bottom:8px;
}

div#home-box2 a:hover{
	color:#093;
}

#footer {
	padding-top:25px;
	height:55px;
	background-image:url(../images/footer-back.jpg);
	background-repeat:repeat-x;
	font-size:11px;
	color: #FFFFFF;
	padding-bottom:10px;
	text-transform:uppercase;
	margin-top:10px;
}

#footer p {
	text-align:center;
	}
	
div#footer ul {
	list-style: none;
	display: block;
	margin: 0 10px;
	text-align:center;
	padding-bottom:10px;
}
	
div#footer ul li {
	display: inline;
}

div#footer ul li a {
	color:#FFFFFF;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image-dropdown-v4.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.background {font-family:"trebuchet ms",arial,sans-serif;}
.background p {padding:0 85px; margin:0; line-height:18px; font-size:14px; color:#631;}
#menu {height:0px; position:relative; padding:0; z-index:10000; line-height:0px;}
#menu ul {margin:0; padding:0 0 0 0; list-style:none; white-space:nowrap; text-align:left; background-color:#000000;} 
#menu li {margin:0 0 0 4px; padding:0; text-transform:capitalize;}
#menu a {display:block; font: 12px "trebuchet ms",arial,sans-serif;color:#FFF; text-decoration:none;} 

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu li.top-level-li {float:left;}

#menu a.top-level-a {float:left; padding:0;}
#menu a.top-level-a b {position:absolute; left:-9999px;}
#menu a.home {width:70px; height:30px; background:url(../images/home.jpg);}
#menu a.about {width:90px; height:30px; background:url(../images/aboutus.jpg);}
#menu a.destinations {width:124px; height:30px; background:url(../images/destinations.jpg);}
#menu a.incentives {width:106px; height:30px; background:url(../images/incentives.jpg);}
#menu a.holidays {width:97px; height:30px; background:url(../images/holidays.jpg);}
#menu a.events {width:79px; height:30px; background:url(../images/events.jpg);}
#menu a.offers {width:130px; height:30px; background:url(../images/offers.jpg);}
#menu a.contact {width:112px; height:30px; background:url(../images/contactus.jpg);}
#menu a.book {width:112px; height:30px; background:url(../images/booknow.jpg);}

#menu li.top-level-li:hover {position:relative;}
#menu a.top-level-a:hover {white-space:nowrap; position:relative; background-position:0 -30px;}
#menu li.top-level-li:hover > a.top-level-a {white-space:nowrap; position:relative; background-position:0 -30px;}

#menu li ul {display:block; position:absolute; visibility:hidden; left:5px; margin:0;
 border:1px solid #ba6; border-width:0 1px 1px 1px;
-o-border-radius:0 0 10px 10px;
-icab-border-radius:0 0 10px 10px;
-khtml-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-radius:0 0 10px 10px;
}
#menu li ul.p1 {background-position: -186px -145px;}
#menu li ul.p2 {background-position: -316px -145px;}
#menu li ul.p3 {background-position: -436px -145px;}
#menu li ul.p4 {background-position: -186px -145px;}
#menu li ul.p5 {background-position: -316px -145px;}
#menu li ul.p6 {background-position: -436px -145px;}
#menu li ul.p7 {background-position: -186px -145px;}
#menu li ul li {display:inline; padding:0;}
#menu li li a {padding:3px 30px 3px 10px; border-top:1px solid #666;} 
#menu li li a.first {padding:0 30px 0 10px; border-top:1px;} 
#menu li li a:hover {color:#22AE10;} 
#menu li li:hover > a {color:#22AE10;}

#menu ul.drop-down {top:30px;} 

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:center; }

table#table1 {width:100%; margin-left:15%; margin-right:15%;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image-dropdown-v4.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* ============ Vetical menu ==========*/
ul.vert-one{
margin:0;
padding:0;
list-style-type:none;
display:block;
font:12px Verdana, Arial, Helvetica, sans-serif;
border:2px solid #FFF;
background-color:#FFFFFF;
}

ul.vert-one li{
margin:0;
padding:0;
/*border-top:1px solid #4D0000;
border-bottom:1px solid #761A1A;*/
}

ul.vert-one li a{
display:block;
text-decoration:none;
color:#000;
background:#C9AD7E url("../images/black-sq.gif") no-repeat 7px 12px;
padding:8px 0 8px 21px;
width:165px;
font-size:11px;
text-align:left;
}

ul.vert-one li a:hover{
background:#B59660 url("../images/black-sq.gif") no-repeat 7px 12px;
text-decoration:none;
}

ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#A28656 url("../images/black-sq.gif") no-repeat 7px 12px; font-weight:bold;
}

ul.vert-one ul{
margin:0;
list-style-type:none;
display:block;
font:12px Verdana, Arial, Helvetica, sans-serif;
line-height:165%;
}

ul.vert-one ul li{
margin:0;
padding:0;
border-bottom:1px #761A1A;
}

ul.vert-one ul li a{
display:block;
text-decoration:none;
color:#000;
background:#C9B697;
padding:0 0 0 21px;
background:#B59660 url("../images/black-sq-s.gif") no-repeat 12px 8px;
}

ul.vert-one ul li a:hover {
background:#A28656 url("../images/black-sq-s.gif") no-repeat 12px 8px;
}
ul.vert-one ul li a.current, ul.vert-one ul li a.current:hover {
background:#A28656 url("../images/black-sq-s.gif") no-repeat 12px 8px;
}

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	overflow: hidden;
	font-size: 1.2em;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}

/*--Start Lightbox--*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*--End Lightbox--*/