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

html {height:101%}


img,img a {
	margin:0px;
	padding:0px;
	border:none; }
	
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	font: 74% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
}

#header-container {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#header {
	width: 850px;
	height: 105px;
	overflow: hidden;
	padding: 0px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: middle;
}

#header_logo {
	width: 50%;
	float:left;
	height: auto;
	padding-top:10px;
	overflow: hidden;
	text-align: left;}
	
#header_images {
	width: 49%;
	height: auto;
	float:right;
	padding-top:18px;
	overflow: hidden;
	text-align: right;}


#main-container {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: auto;

}

#main {
	width: 850px;
	height: auto;
	margin: 10px auto;
	padding: 0px;
	text-align: left;
}


#viewer {
	width: 100%;
	background-color:#fff;
	height: auto;
	
	margin: 0px auto;
	text-align: left;
}


#footer-container {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#imgholder{
	float:right;
	width:200px;
	height:auto;
	overflow:hidden;
	
	}


#footer {
	width: 850px;
	height:30px;
	line-height:30px;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
}

#vbs {
	width: 850px;
	height:25px;
	line-height:25px;
	vertical-align:top;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	font-size:0.8em;
	text-align:right;}

#footer_subtext {
	float:left;
	width: 600px;
	height:25px;
	line-height:25px;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	text-align:left;}




.t {background: url(/images/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(/images/dot.gif) 0 100% repeat-x}
.l {background: url(/images/dot.gif) 0 0 repeat-y}
.r {background: url(/images/dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/bl.gif) 0 100% no-repeat}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px} 


.whiteborder {
	border-bottom:1px solid #fff; }

.whitesideborder {
	border-left:1px solid #fff;}
	
.upcomingtours {
	height:40px;
	width:200px;
	display:block;
	border-right:1px solid #fff;
	background-image:url(../images/bg_upcoming.gif);
	background-repeat:no-repeat;
	line-height:40px;
	color:#FFF;
	text-indent:5px;
	font-size:14px;
	font-weight:bold;}

.upcomingtours_name {
	font-size:0.80em; }

.tour_date_viewer {
	color:#fff; }
	
.tour_name_viewer {
	color:#fff;
	font-size:1.3em;}	
	
.clear{height:0px; width:100%; overflow:hidden; clear:both;}	
	
#main_pic {
	float:left;
	margin:0;
	padding:0;
	width:500px;
	height:375px;
	z-index:1;}
	
#Layer1 {
	position:absolute;
	margin-left:1px;
	width:499px;
	height:38px;
	z-index:2;
	top: 20px;
	background-color:#000;
	/* for IE */
    filter:alpha(opacity=20);
	/* firefox standard */
    opacity:0.2;

	}
	
#Layer1_text {
	position:absolute;
	width:500px;
	height:38px;
	z-index:3;
	top: 20px;

}
	
#booknow {
	position:absolute;
	margin-left:1px;
	width:485px;
	height:45px;
	line-height:30px;
	z-index:5;
	top: 325px;
	overflow: visible;
	text-align:right;
	padding:5px;}
	
.price {
	float:left;
	}

.price_text {
	font-size:30px; 
	float:left;
	color:#fff; 
	font-weight:bold; }
	
.price_sub_text {
	font-size:14px; 
	float:left;
	color:#fff; 
	font-weight:bold;
	}


.tourimageholder{
	float:left;
	margin:0;
	padding:0;
	width:124px;
	height:94px;
	overflow:hidden;
	z-index:1;
	clear:both;}

.tour_title{
	position: relative;
	bottom:28px;
	width:120px;
	height:14px;
	z-index:6;
	overflow:hidden;
	text-align:left;
	padding:2px;
	font-size:11px;	
	background-color:#000;
	color:#fff;
	/* for IE */
    filter:alpha(opacity=40);
	/* firefox standard */
    opacity:0.4;}

.tour_title_text {
	position:relative;
	width:124;
	padding-left:1px;
	height:20px;
	z-index:20;
	bottom:45px;
	text-align:left;
	font-size:10px;
	color:#FFF;}

#tour_title a{
	text-decoration:none;
	color:#000;}

#hp_welcome_container {
	float:left;
	width:520px;
	height:128px;
	margin-top:8px;
	padding:5px;
	background-image:url(/images/welcome_bg.jpg);
	background-repeat:no-repeat; }
	
.hpimage {
	float:right;
	padding:1px;
	margin-top:7px;
	margin-right:10px;
	margin-left:6px;
	border:1px solid #ccc;}
	

#hp_specials_container{
	float:right;
	padding-top:12px;
	padding-left:5px;
	width:305px;
	height:136px;
	background-image:url(/images/specials_bg.jpg);
	background-repeat:no-repeat; }


.floatright {
	float:right;
	margin:5px;
	padding:1px;
	border:1px solid #ccc;
	clear:both;}

.tour_list_border {
	border:1px solid #ccc;
	border-top:none;}
	
.tour_listing_header{
	background-image:url(../images/tour_listings_header.jpg);
	background-repeat:no-repeat;}
	
.vechicle_listing_header{
	background-image:url(../images/vechicle_hire_header.jpg);
	height:33px;
	background-repeat:no-repeat;}

.gallerypics {
	border:1px solid #ccc;
	padding:2px;
	margin:10px;
	display:block;
	height:auto;
	width:130px;
	}
	
	
.gallerypics:hover {
	border:1px solid #333;
	padding:2px;
	margin:10px; 
	}
	
.facebook {
	float: right;
	}
	
.facebook img {
	border: none;
	}

.facebook ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.facebook li {
	position: relative;
	padding-top: 10px;
	float: left;
	list-style: none;
	width: 300px;
	}

.facebook li a {
	text-decoration:none;
	}

.facebook li a span {
	line-height: 64px;
	position: absolute;
	left: 74px;
	border: none;
	text-decoration:none;
	color: #006699;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	}