body{ margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#333; background:url(images/main-bg2.jpg) no-repeat top center fixed;}
img{ border:none;}
h1,h2,h3,h4{ float:left; margin:0; padding:0; }
h1{ font-size:18px; color:#f1f1f1; padding:14px 0 14px 10px;}
h2{width:227px; color:#009; font-size:17px; padding:3px 0; margin:0 0 0 2px;}
h3{ width:140px;}
h3 a{ text-decoration:none; color:#0e96c3;}
h3 a:hover{ color:#d30303;}
#main-container{ margin:0 auto; width:1000px;}
#container-box{ float:left; width:1000px; background:url(images/ftr.png) no-repeat bottom left; margin:0; padding:0 0 90px; }
.top-bg{ float:left; width:1000px;}


#container-area{ float:left; width:1000px; background:url(images/mid-bg.png) repeat-y top left;}
#container{ float:left; width:982px; margin:0; padding:0 9px;}


#header{ float:left; width:982px; padding:0; margin:0; background:#272727;}
.logo{ float:left; width:638px; padding:20px 0 20px 0;}
.support-area{ float:right; width:300px;}
.support{ float:right; width:300px; padding:0 12px 0 0;}

.icons{ float:right; width:300px;}
.icons ul{ float:right; width:300px; padding:0; margin:0; list-style-type:none;}
.icons ul li{ float:right; list-style-type:none;}
.icons ul li a { padding: 0 5px;}

nav{ float:left; width:680px;}
nav ul{ list-style-type:none; float:left; width:680px; margin:0; padding:0;}
nav ul li{ list-style-type:none; float:left; margin:0; padding:5px 8px;}
nav ul li a {
   padding: 7px 12px;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   
   
   	   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;

	
	
	   border-bottom: 1px solid #469df6;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);

	
   border-bottom-color: #037ffd;
   background: #2d4f93;
   color: #fff;


   }
nav ul li a:hover {
	   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 2px 0;

	
	
	   border-bottom: 1px solid #0354a6;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);

	
   border-bottom-color: #d8d8d8;
   background: #4190e0;
   color: #fff;
   }
nav ul li a:active {
   border-top-color: #1b435e;
   background: #007dff;
   }


.animation{ float:left; width:982px; background:url(images/01.jpg) no-repeat top left;}

#content-area{ float:left; width:982px; padding:0; background:url(images/banner.jpg) no-repeat bottom left;}
.head{ float:left; width:982px; background:url(images/head.png) no-repeat bottom left; padding:10px 0 0 0;}
.head1{ float:left; width:673px; background:url(images/head1.png) no-repeat top left;}
.head2{ float:left; width:274px; background:url(images/query.png) no-repeat top;}


.tour-area{ float:left; width:230px; padding:5px 8px;}
.tour-img{ float:left; width:230px;}

.tour-links{ float:left; width:230px;}
.tour-links ul{ float:left; width:230px; list-style-type:none; margin:0; padding:0;}
.tour-links ul li{list-style-type:none; margin:0; padding:4px 10px 0 15px; font-size:13px; background:url(images/bullet.jpg) no-repeat left;}
.tour-links ul li a{ text-decoration:none; color:#333;}
.tour-links ul li a:hover{color:#aa0101; }

.content1{ float:left; width:688px; padding:20px 0 0 0;}
.content2{ float:left; width:982px;}
.tourist-places-area{float:left; width:688px; border-right:dashed 1px #999; padding: 0 0 10px 0; min-height:450px;}
.tourist-places{ float:left; width:147px; padding:5px 15px 0 7px;}
.tourist-places-img{ float:left; width:147px;}
.text{ float:left; width:147px; padding: 0 0 25px 0;}
.view-more {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal; text-decoration:none; font-style:normal; color:#000000;}
.view-more:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal; text-decoration:underline; font-style:normal; color:#FF0000;}

.query-area{ float:right; width:274px; padding:20px 0 0 18px;}
.query-form{ float:left; width:274px;}

.banner{ float:left; width:982px; background:url(images/banner.jpg) no-repeat bottom left; padding:10px 0 0 0; min-height:187px;}
.banner1{ float:left; width:650px; padding:50px 0 0 0;}

#footer{ float:left; width:982px; background:#272727;}
.footer-nav-area{ float:left; width:540px; padding:30px 0 0 40px;}
.footer-nav{ float:left; width:180px;}
.footer-nav ul{ margin:0; padding:0; float:left; width:180px; list-style-type:none;}
.footer-nav ul li{ margin:0; padding:10px 0 0 0;  list-style-type:none; display:block;}
.footer-nav ul li a{text-decoration:none; font:14px Verdana, Geneva, sans-serif; color:#999;}
.footer-nav ul li a:hover{ color:#fff;}

.add{ float:right; width:390px; padding:30px 0 27px 10px; background:url(images/address.jpg) no-repeat top right;}
.footer-logo{ float:left; width:313px; font: bold 24px Verdana, Geneva, sans-serif; color:#031494; padding: 25px 0 0 20px; }
.txt3{ float:left; width:330px; font:bold 14px Verdana, Geneva, sans-serifcolor; color:#000; padding: 15px 0 0 20px;}

.slider-wrapeer{ float:left; width:982px;}
#slider{ float:left; width:982px;} 
#wrapper{ float:left; width:982}


/* About us*/
.query-form1{ float:right; width:240px;}
.left-nav{ float:left; width:240px; padding:15px 0 0 3px;}
.left-nav-head{ float:left; width:235px; padding:0 0 5px 0; background:url(images/nav-head.png) no-repeat center top;}
.tours-area{ float:left; width:237px;}
.tours-area1{ float:left; width:240px;}

.right-nav{ float:left; width:240px; padding:15px 0 0 5px;}

.web-box{ float:left; width:235px; padding:7px 0;}
.web-img{ float:left; width:62px;}

.web-txt{ float:left; width:230px; padding:3px 0 0 3px; color:#333;}
.web-txt ul{ width:230px; list-style-type:none; margin:0; padding:0;}
.web-txt ul li{list-style-type:none; margin:0;  background:url(images/bullet.jpg) no-repeat left; padding:4px 10px 0 15px;}
.web-txt ul li a{ text-decoration:none; font-size:13px; color:#333;}
.web-txt ul li a:hover{color:#aa0101;}


.more{ float:right; width:50px; padding:5px 0 0 0;}
.more a{ text-decoration:none; font: bold 12px Verdana, Geneva, sans-serif; color:#000;}
.more a:hover{color:#f00;}

.hotel{float:left; width:475px;}
.hotel a{ text-decoration:none; font:12px Verdana, Geneva, sans-serif; color:#623224; line-height:18px;}
.hotel a:hover{color:#aa0101; text-decoration:underline;}


.mid-area{ float:left; width:490px; padding:15px 0 0 0; border-left:dashed 1px #999; border-right:dashed 1px #999; min-height:1510px;}
.mid-head{ float:left; width:480px; padding:0 0 5px 10px; background:url(images/mid-head.png) no-repeat center top; }
.mid-txt{ float:left; width:665px; padding:5px 0 5px 9px; font:12px Verdana, Geneva, sans-serif; line-height:20px; color:#333;}
.mid-txt1{ float:left; width:470px; padding:5px 10px; font:12px Verdana, Geneva, sans-serif; line-height:20px; color:#333;}



.mid-tour{ float:left; width:235px; padding:0 0 0 10px;}
.mid-tour-txt{ float:left; width:235px; padding:5px 0 0 0;  border-right:dashed 1px #999;}

.packages-images{ float:left; width:420px; background:#f7f7f7;}
.p-images{ float:right; width:147px;}

/* top */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(images/ui.totop.png) no-repeat left top;
	z-index:100;
}

#toTopHover {
	background:url(images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	z-index:100;
}

#toTop:active, #toTop:focus {
	outline:none;
}