/* CSS Document */
body{ margin:0; padding:0; background:	url(../images/main-bg.gif) repeat-y #FFFFFF center;}
div, td, p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#707070; margin:0; padding:0; line-height:16px;	}
ul, li{ margin:0; padding:0;}
 a{ color:#707070; text-decoration:none;}
 a:hover{ color:#707070; text-decoration:underline;}
 
#menu{ color:#FFFFFF; background:#5B0101; float:left;  }
#menu{ margin:5px 0 0 0; padding:0;}
#menu li{ margin:0; padding:0; list-style:none; float:left; line-height:30px;  text-align:center;}
#menu li a{ color:#FFFFFF; text-decoration:none;  display:block; width:auto;padding:0px 15px 0px 15px; }
#menu li a:hover{ color:#5B0101; text-decoration:none; background:#fff;  display:block; otepno  }



.white{ color:#FFFFFF;}
.footer{ color:#FFFFFF; padding-left:18px; padding-top:12px;}
a.design:link, a.design:active, a.design:visited{ text-decoration:none; color:#FFFFFF; }
a.design:hover{ text-decoration:underline; color:#FFFFFF; }
h1{ font:normal 18px "Times New Roman", Times, serif; text-transform:uppercase;margin:0; padding:0; color: #990000; margin: 0px 0 5px 0 ; }
h2{ font-family: Georgia, "Times New Roman", Times, serif; margin:0; padding:0; color:#C29C11; font-size:1.4em; font-style:normal; background:#F0EFEF; border:1px #CAC8C8 solid; line-height:30px; padding-left:5px;}
.cityname{ font-size:13px; color:#3C3C3C; font-weight:bold; float:left;}
.price{ font-size:13px; color:#E60000; font-weight:bold;}





/*****************************RESERVATION STYLE *********************************************************/
.cssform{ width:600px; border-top:1px dotted gray;  }
.cssform p {width:600px;clear: left;margin: 0;padding: 5px 0 0px 13px; /*width of left column containing the label elements*/border-bottom: 0px dashed #B8E6E8;height: 1%; font:normal 12px verdana;}
.cssform label {float: left;margin-left:19px; text-align:right; width: 150px; margin-right:10px; font:normal 12px verdana; color:#666; }
.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/width: 150px;}
.cssform .text { background:url(../images/textbox-bg.gif) no-repeat; width: 175px; border:1px #DDD solid; height:22px;}
.cssform textarea {width: 200px;height: 100px; background:url(../images/textarea-bg.gif) no-repeat; border:none;}
.btn{ background:#01444A; height:25px; width:75px; border:2px #FFF solid; color:#FFFFFF; font-size:10px; font-weight:bold;}
#sent {text-align:center; font-weight:bold; font-size:14px; padding:2px; margin-top:10px; background:black; color:white;padding:10px;}
.radio{ float:left; margin:0; border:1px solid red;}
/**************************************************************************************/






.place{float:left; width:700px; background:#F0EFEF;  padding:5px; margin-bottom:0px; border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
.place img{ float:left; margin-right:10px; border:3px solid white; width:200px;}
.place strong.title{  margin:5px 5px 5px 0px ; }
.place p{ float:left; width:670px; margin-top:5px; padding:5px; border-bottom:1px dashed #aaa !Important;}
.place a.desc{ font:normal 12px verdana; width:330px; float:left; margin-top:10px; text-decoration:none; cursor:default; width:450px; }
.place a.title{  text-decoration:none; }
.clear{ clear:both; }
a.viewdetails{ float:right; color:gray; margin-right:10px; padding:3px;}

a.viewdetails:hover{ color:#5B0101; text-decoration:none;  background:white;}
.cityname{ font-size:13px; color:#3C3C3C; font-weight:bold; float:left; width:340px;}


.details{float:left; width:705px; background:#F0EFEF;  padding:5px; margin-bottom:0px; border-top:1px dashed #ccc;border-bottom:1px dashed #ccc; }
.details h1{ font:normal 18px "trebuchet ms"; text-transform:uppercase; color: #993333; }
.details img{ float:left; padding:1px;border:4px solid #aaa; }
.details strong.title{  margin:5px 5px 5px 0px ; }
.details p{ float:left; width:670px; margin-top:5px; padding:5px; }
.details a.desc{ font:normal 12px verdana; width:330px; float:left; margin-top:10px; text-decoration:none; cursor:default; width:500px; }
.details a.title{  text-decoration:none; }

.clear{ clear:both;}

/*********************************** LEFT MENU STYLE ******************************************/

#nav{ z-index:1000; }
#nav, #nav ul { 
 	float: left;
	text-transform:capitalize;
	width: 210px;
	list-style: none;
	line-height: 1;
	padding: 0;
	border:0px solid #eda;
	margin: 5px 0 0em 0;
	overflow:hidden;
	
}

#nav ul li{color:#FFFFFF;cursor:pointer; margin-left:10px;}
#nav ul li a.borderbot{ border-bottom:1px solid #5B0101;}
#nav ul li a.borderbot:Hover{ border-bottom:1px solid red;}
#nav ul li:hover{ list-style:none;  color:#FFFFFF;}
#nav a {
	background:url(../images/bullet.gif) no-repeat left center; 	
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 19px 10px 20px;
}

#nav a:hover {
		 color:yellow;
		 background:url(../images/bullet-hover.gif) no-repeat left center; 	
		 
}

#nav li ul li{ border:0;}

#nav li {
	float: left;
	padding:0 0px;
	WIDTH:250PX; 
	z-index:1000; 
	}

#nav li ul {
	position: absolute;
	left: -1999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	padding:5px;
	margin:-30px 0 0 201px;
	_margin:-30px 0 0 191px;	
	background:red;
	
}

#nav li li {
	padding-right: 1em;
	width: 13em;
	position:relative;
	z-index:100000;
}

#nav li ul{
	z-index:100000;}
#nav li ul a {
	width: 13em;
	w\idth: 9em;
		color:white;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	
}

/******************************	 GALLERY PAGE STYLE *****************************************/
#gallery-left{ width:700px; float:left; line-height:18px; border-bottom:1px dashed gray;}
a.breadcrumb{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#666;  text-transform:uppercase; padding:3px;  }
a.breadcrumb:hover{ color:black; text-decoration:none; }
#gallery-right{ width:700px; float:left; padding:10px;line-height:18px;  }
#gallery-right a{ margin:0;padding:0;}
#gallery-right img{border:3px #aaa solid; margin:0px; padding:1px; width:100px; height:100px;}

.tourdetail{  float:left; width:700px; background:#F0EFEF;  padding:5px; margin-bottom:0px; border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
.tourdetail img{ float:left; margin-right:10px; border:3px solid white; width:200px;}
.tourdetail p{ text-align:justify;width:670px; margin-top:5px; padding:5px;  border-bottom:1px dashed gray; }