/* CSS Document */

body{
padding:0px; margin:0px; background:url(images/main_bg.jpg) repeat-x 0 0 #ECE3DC;
}
div, h1, h2, h3, h4, h5, h6 form, p, ul{
	padding:0px; margin:0px;
	}
ul{
list-style-type:none;
}
.clearcols{
padding:0px;
margin:0px;
line-height:0px;
clear:both;
height:0px;
font-size:0px;
}

/*--------------- Main Body -----------------------*/
#mainbody{
width:728px; margin:0 auto; padding:0px;
}

/*--------------------------Menu Section--------------------*/
#menuarea{
	width:778px; height:44px; margin:0 auto; padding:0px;}
#leftmenu{
	width:14px; height:44px; margin:0px; padding:0px; float:left;}
#midmenu{
	width:745px; height:44px; margin:0px; padding:0px; float:left; background:url(images/menu_bg.gif) repeat-x 0 0;}
#midmenu ul{
	width:715px; display:block; margin:11px 0 0 30px; padding:0 0 0 0px;}
#midmenu ul li{
	display:block; padding:0 42px 0 20px; margin:0; float:left;}
#midmenu ul li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans; color:#FFFFFF; text-decoration:none; margin:0; padding:0; width:inherit;}
#midmenu ul li a:hover{
	text-decoration:none; color:#660099;}
#rightmenu{
	width:14px; height:44px; margin:0px; padding:0px; float:left;}

/*------------- Header Section ---------------------- */
#headerarea{
	width:778px; height:406px; margin:0px; padding:0px;
	}
#leftheader{
	width:586px; height:406px; margin:0px; padding:0px; float:left;
	}
#headerpic{
	width:586px; height:335px; margin:0px; padding:0px; float:left;
	}
#topbanner{
	width:389px; height:71px; margin:0px; padding:0px; float:left;
	}
#downheader{
	width:197px; height:71px; margin:0px; padding:0px; float:left;
	}
#rightheade{
	width:192px; height:406px; margin:0px; padding:0px; float:left;
	}
#logo{
	width:192px; height:179px; margin:0px; padding:0px; float:left;
	}
/*--------------- BOOKING FORM ---------------------*/
#formarea{
	width:192px; height:227px; margin:0px; padding:0px; float:left;}
#bookinghead{
	display:block; width:188px; height:32px; margin:0 0 0 0px; padding:0 0 0px 0px; float:left;
	}
#booking{
	width:188px; margin:0px; background:#000000; padding:0px; float:left;
	}
#booking form{
	width:185px; display:block; margin:0px;
	}
#booking form label{
	margin:3px 0px 4px 0px; display:block; font:bold 10px/15px Tahoma, Arial, Helvetica, sans-serif; float:left; color:#98B8CD;
	width:180px; padding:0 0 0 8px;
	}
#booking form label.adt{
	margin:4px 0px 4px 5px; display:block; font:bold 10px/15px Tahoma, Arial, Helvetica, sans-serif; float:left; color:#98B8CD;
	width:95px;
	}
#booking form select{
	width:160px; height:15px; font-size:9px; float:left; margin:0 0px 0px 8px;
	}
#booking form select.da{
	width:48px; height:15px; font-size:9px; float:left; margin:0 0px 0px 8px;
	}
#booking form select.mo{
	width:50px; height:15px; font-size:9px; float:left; margin:0 0px 0px 10px;
	}
#booking form select.ye{
	width:50px; height:15px; font-size:9px; float:left; margin:0 0px 0px 10px;
	}
#booking form input{
	width:140px; height:15px; margin:0 0 0px 5px; padding:0; float:left;
	}
#booking form input.bu{
	background:url(images/booking_button.gif) no-repeat 0 0; width:91px; height:22px; margin:4px 7px 0 10px; float:left; border:none;	cursor:pointer;
	}
#downform{
	width:188px; height:8px; margin:0px; padding:0px; float:left}
	
/*----------------- content area ------------------*/
#contentarea{
	width:820px; padding:0px; margin:0px auto; background:#000000;
	}
#topcontent{
	width:759px; height:8px; margin:0px; padding:0px; float:left;}
#maincontent{
	width:759px; margin:0px; padding:0px; background:#000000; float:left;
	}
#downcontent{
	width:759px; height:7px; padding:0px; margin:0px; float:left;
	}
#leftbody{
	width:243px; margin:4px 0 0 8px; padding:0px; background:#000000; float:left;}
#leftbody h3{
	background:url(images/tours_update.gif) no-repeat; display:block; width:243px; height:29px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0px 0px;
	}
#leftbody p{
	display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; text-align:justify;
	margin:10px 13px 20px 13px;
	}
#leftbody p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#9966cc; 
	text-decoration:underline; margin:10px 0 0 0; padding:0 0 6px 0px;
	}
#leftbody p a:hover{
	text-decoration:none; color:#660099;
	}
#image{
	width:203px; height:88px; margin:0 auto; padding:0px;}	
#downnews{
	width:243px; height:9px; margin:0px; padding:0px; float:left;}
#rightarea{
	width:470px; margin:4px 0px 0 10px; padding:0px; float:left;
	}
#rightarea h2{
	background:url(images/introduction.gif) no-repeat;
	display:block;
	width:157px;
	text-indent:-2000px;
	margin:0 0 0 0px;
	padding:0 0 0px 0px;
	height: auto;
	}
#rightarea h2a{
	background:url(images/legal_terms.gif) no-repeat; display:block; width:400px; height:29px  ;text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0px 0px;
	}
	#rightarea h2b{
	background:url(images/events.gif) no-repeat; display:block; width:400px; height:29px  ;text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0px 0px;
	}
	#rightarea h2c{
	background:url(images/contacts.gif) no-repeat; display:block; width:400px; height:29px  ;text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0px 0px;
	}
#rightarea p{
	display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; text-align:justify;
	margin:10px 0px 0px 5px;
	}
#rightarea p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#9966cc; 
	text-decoration:underline; margin:10px 0 0 0; padding:0 0 25px 0px;
	}
#rightarea p a:hover{
	text-decoration:none; color:#660099;
	}
#rightarea h2.tour{
	background:url(images/package_heada.gif) no-repeat; display:block; width:190px; height:33px; text-indent:-2000px; margin:10px 0 0 0px; padding:0 0 0px 0px;
	}
#rightarea h2.service{
	background:url(images/our_services.gif) no-repeat; display:block; width:199px; height:24px; text-indent:-2000px; margin:10px 0 0 0px; padding:0 0 0px 0px;
	}
#rightarea h2.details{
	background:url(images/packages_details.gif) no-repeat; display:block; width:170px; height:35px; text-indent:-2000px; margin:10px 0 0 0px; padding:0 0 0px 0px;
	}
#rightarea h2.contact{
	background:url(images/contact_info.gif) no-repeat; display:block; width:230px; height:25px; text-indent:-2000px; margin:10px 0 0 0px; padding:0 0 0px 0px;
	}

/* -------------- BOX IMAGE START -------------- */

#leftbox{
	width:232px; margin:0px; padding:0px 0 0 0px; float:left;}

#image1{
	width:230px; margin:0 0 0px 0; font-size:0; padding:0px;
	}

#image1 ul{
	width:230px; display:block; margin:0px 0 0px 0px; padding:0px;
	}
#image1 ul li{
	display:block; float:left; border-right: none; padding:0; margin:4px 0px 0 5px;
	}
#image1 ul li.pad1{
	display:block; float:left; border-right: none; padding:0; margin:8px 10px 0 0px;
	}
#image1 ul li a{
	float:left; height:96px; width:100px; text-indent:-2000px;
	}
#image1 ul li a:hover{
	margin:0 0 0 0px;
	}
#image1 ul li a.smpic1{
	background:url(images/package-1.jpg) no-repeat 0 0;
	}
#image1 ul li a.smpic2{
	background:url(images/package-2.jpg) no-repeat 0 0;
	}
#image1 ul li a.smpic3{
	background:url(images/package-3.jpg) no-repeat 0 0;
	}
#image1 ul li a.smpic4{
	background:url(images/package-4.jpg) no-repeat 0 0;
	}
/*---------------right box --------------*/

#rightbox{
width:235px; margin:0px; padding:0px; float:left;}
#viewall{
	width:230px; height:68px; margin:0 0 10px 0px; padding:0px; float:left;
	}
#rightbox p{
	display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; text-align:justify;
	margin:10px 0px 0px 5px;
	}
#rightbox p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#9966cc; 
	text-decoration:underline; margin:10px 0 0 0; padding:0 0 25px 0px;
	}
#rightbox p a:hover{
	text-decoration:none; color:#660099;
	}
	
/*---------------- footer area ---------------- */
#footerarea{
	width:820px; height:70px; margin:0 auto; padding:0px; background:#000000;}

#footerarea ul{
	width:735px; display:block; margin:20px 0 0 30px; padding:0 0 0 0px;}
#footerarea ul li{
	display:block; padding:0 42px 0 20px; margin:0; float:left;}
#footerarea ul li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#9966cc; text-decoration:none; margin:0; padding:0; width:inherit;}
#footerarea ul li a:hover{
	text-decoration:none; color:#660099;}
#footerarea p{
	width:302px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; display:block; float:left;
	padding:10px 0 0 110px;
	}
#footerarea p.copy{
	width:150px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; display:block; float:left;
	padding:10px 0 0 80px;
	}
	
/*------------- CONTACT FORM ----------- */
#contactbody{
	width:380px;
	height:270px;
	margin:0 auto;
	padding-top:20px;
	background:0000;
	}
#contact{
	width:379px; margin:0 auto 0 auto;
	}
#contact form{
	width:378px; display:block; margin:0 auto 0 auto;
	}
#contact form label{
	margin:0 12px 0px 10px; display:block; font:11px Tahoma, Helvetica, sans-serif; float:left; color:#6A3F3E;
	width:100px;
	}
#contact form input{
	width:220px; height:17px; margin:0 0 8px 0; padding:0; float:left;
	}
#contact form input.bu{
	background:url(images/submit.gif) no-repeat 0 0; width:59px; height:22px; margin:12px 7px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
#contact form input.re{
	background:url(images/reset.gif) no-repeat 0 0; width:52px; height:22px; margin:12px 0px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}