/* CSS Document */

body {background:url(images/body.jpg) repeat-x #016483; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}

.clear {clear:both; height:1px; overflow:hidden;}

.left-image {float:left; border:solid 3px #ccc; margin:0px 10px 0px 0px;}
.right-image {float:right; border:solid 3px #ccc; margin:0px 0px 0px 10px;}

.line {background:url(images/line.jpg) no-repeat; width:624px; height:1px; margin:10px auto 8px auto; font-size:1px; color:#fff; clear:both;}

#contaner {width:930px; margin:0 auto;}

/*welcome layer*/
.welcome { width:600px; height:370px; margin-left:80px; border:solid 3px #718aa1; display:none; background:url(images/main-logo.gif) top center no-repeat #ebebeb;}
.welcome h2 {font-size:34px; display:block; text-align:center; margin:0px 0px 10px 0px; font-family:impact, arial; font-weight:normal; line-height:36px;}
.welcome h2 strong {font-weight:normal; color:#016483;}
.welcome h3 {font-size:16px; margin:0px 0px 8px 0px; text-align:center;}
.welcome p {text-align:center; margin:0px 20px 10px 20px; color:#2d2d2d; line-height:16px;}
.welcome p a {color:#990000; text-decoration:none; margin:4px 0px; background:url(images/bullet-1.jpg) left no-repeat; padding:0px 0px 0px 18px;}
.welcome p a:hover {color:#016483;}
.borgbtm {border-bottom:1px solid #d9dfe5;}
.GL_10_6 {font:10px tahoma, arial; color:#666; text-decoration:none;}
/*welcome layer close*/



#header, #top-link, #top, #middle {clear:both;}

#top-link ul {margin:0px; padding:0px;}
#top-link ul li {list-style-type:none; font-size:12px; font-weight:bold; float:left; background:url(images/top-li-support.jpg) right top no-repeat; padding:0px 2px 0px 0px;}
#top-link ul li a {color:#fff; text-decoration:none; padding:7px 19px 8px 19px; display:block;}
#top-link ul li a:hover {background:url(images/top-link-hover.jpg) repeat-x; color:#ffeca0; padding:8px 18px 7px 20px;}

.dropmenudiv {position:absolute; visibility:hidden; z-index:9999; left:166px; margin:-1px 0px 0px 0px; top:166px; padding:7px 13px 10px 10px; width:157px; font-family:Arial, Helvetica, sans-serif; background:#ce8011; border:1px solid #fff; border-top:none;}
.dropmenudiv a {display:block; font-size:11px; border-bottom:1px dashed #fff; margin:0px; white-space:nowrap; padding:3px 0px 3px 10px; color:#fff; text-decoration:none;}
.dropmenudiv a:hover {background-color:#bb6704; text-decoration:none;}


#top {padding:4px 10px 0px 10px; height:72px;}
#top img {float:left; border:none;}
#top h3 {text-align:right; font-size:13px; color:#fff; margin:12px 0px 13px 0px;}
#top p {margin:0px; text-align:right; color:#fff;}
#top p a {color:#fff; text-decoration:none; margin:0px 3px;}


#left-nav {width:261px; float:left; padding:0px 0px 20px 28px; background:url(images/testimonial-heading.gif) 0px 35px no-repeat;}
#testemonial {height:234px; padding:14px 0px; clear:both;}

#booking {background:url(images/b2.jpg) repeat-y; width:253px; margin:0px 0px 15px 4px;}
#booking div {clear:both;}
#booking form {margin:0px; padding:0px;}
#booking form h2 {font-size:18px; font-weight:normal; color:#fff; margin:0px 0px 8px 0px; display:block; text-align:center;}
#booking form label {display:block; color:#fff; font-size:11px; width:68px; padding:1px 6px 1px 0px; float:left; clear:left; text-align:right;}
#booking form input {border:1px solid #d5d5d5; font-size:11px; margin:0px 0px 3px 0px; *margin:0px 0px 1px 0px; width:160px;}
#booking form textarea {margin:0px 0px 3px 0px; *margin:0px 0px 1px 0px; border:1px solid #d5d5d5; width:160px; height:40px; overflow:auto;}
#booking form input.go {border:none; background:url(images/button.jpg) no-repeat; width:52px; height:20px; *height:22px; text-align:center; color:#fff; padding:0px; float:left;}

#three-links {clear:both; height:62px; margin:0px 0px 15px 0px; padding:0px 0px 0px 6px;}
#three-links p {margin:0px; font-size:12px;}
#three-links p a {color:#fff; text-decoration:none; display:block; float:left; padding:38px 0px 0px 0px; height:24px; width:81px; margin:0px 1px; text-align:center;}
#three-links p a#air:hover, #three-links p a#rail:hover, #three-links p a#car:hover { background-position:left bottom;}

#three-links p a#air {background:url(images/airtickting.jpg) top left no-repeat;}
#three-links p a#rail {background:url(images/railbooking.jpg) top left no-repeat;}
#three-links p a#car {background:url(images/carrental.jpg) top left no-repeat;}

.left-link {background:url(images/b6.jpg) repeat-y; clear:both; width:253px; margin:0px 0px 15px 4px;}
.left-link div {clear:both;}
.left-link h2 {color:#676767; font-size:18px; font-weight:normal; text-align:center; margin:0px 0px 5px 0px;}
.left-link h2 a {color:#676767; text-decoration:none;}
.left-link h2 a:hover {color:#333;}
.left-link ul {margin:0px; padding:4px 0px 0px 10px;}
.left-link ul li {list-style-type:none; background:url(images/li.jpg) left no-repeat; display:block; float:left; padding:0px 0px 0px 18px; width:100px; margin:2px 0px; font-size:11px; color:#5a5a59;}
.left-link ul li a {text-decoration:none; color:#5a5a59;}
.left-link ul li a:hover {color:#000; text-decoration:underline;}

.follow {width:253px; margin:0 auto;}
.follow img {margin:10px 0px 0px 0px;}

#hot-offer {clear:both; margin:0px 0px 10px 0px;}
#hot-offer h2 {color:#fff; font-size:18px; font-weight:normal; text-align:center; margin:0px 0px 5px 0px;}

#right-nav {width:641px; float:right;}
#right {padding:0px 6px;}

.content {clear:both;}
.content h1 {font-size:20px; color:#fff; margin:0px 0px 5px 0px; font-weight:normal;}
.content h1 strong {color:#ffeca0; font-weight:normal;}
.content h2 {font-size:18px; color:#ffeca0; margin:15px 0px 5px 0px; font-weight:normal;}
.content h2 a {text-decoration:none; color:#ffeca0;}
.content h2 a:hover {text-decoration:underline;}
.content h3 {font-size:13px; font-weight:bold; color:#ccc; margin:0px 0px 5px 0px;}
.content h3 strong {color:#ffeca0;}
.content h3 a {color:#ccc;}
.content h3 a:hover {color:#ffeca0;}
.content p {margin:0px 0px 12px 0px; color:#fff; text-align:justify;}
.content p a {color:#ffeca0; font-size:11px;}
.content p a:hover {color:#ffffae; text-decoration:none;}
.content p.more {text-align:right;}
.content p.more a {color:#fff;}
.content p.more a:hover {text-decoration:none;}
.content ul {margin:0px; padding:0px 0px 15px 30px;}
.content ul li {margin:0px; padding:0px; line-height:18px; font-size:12px; color:#ffeca0;}
.content ul li a {color:#ffeca0; text-decoration:none;}
.content ul li a:hover {color:#ccc; padding-left:1px;}

form.form {margin:0px; padding:0px;}
form.form label {color:#fff; text-align:right; display:block; padding:0px 5px 0px 0px;}
form.form label span {color:#FF0000;}
form.form h4 {font-size:16px; font-weight:bold; color:#ffeca0; margin:5px 0px 5px 0px;}
form.form h4 span {color:#FF0000;}
form.form input {width:200px; margin:2px 0px; *margin:1px 0px;}
form.form input.go {width:auto; background:#CC6600; border:none; color:#fff; padding:3px 8px; *padding:3px 0px;}
form.form textarea {width:480px; *width:474px; overflow:auto;}

.sitemap h3 {margin:8px 0px 4px 0px; color:#ffeca0; font-size:14px;}
.sitemap h3 a {color:#ffeca0;}
.sitemap ol {margin:0px; padding:0px 0px 15px 5px; display:block; width:222px; float:left;}
.sitemap ol li {margin:0px; padding:0px 0px 0px 15px; color:#fff; font-family:Arial; font-size:12px; line-height:18px; background:url(images/li-4.gif) no-repeat left; list-style-type:none;}
.sitemap ol li a {color:#fff; text-decoration:none;}
.sitemap ol li a:hover {color:#ffeca0; text-decoration:underline;}


.client-com {clear:both; border-bottom:1px dashed #fff; margin:0px 0px 10px 0px;}
.client-com h2 {color:#fff; margin:0px 0px 5px 0px; font-size:16px;}
.client-com p {margin:0px 0px 10px 0px; color:#fff;}
.client-com h3 {text-align:right; margin:0px 0px 4px 0px; color:#fff; font-weight:normal; font-size:12px;}
.client-com h3 strong {display:block; color:#ffeca0; font-size:13px;}


img.book {float:right;}

.banner {clear:both; padding:10px 0px;}

#tour-pacakage {clear:both;}
.pacakage-box {float:left; width:188px; padding:5px 0px 0px 20px; margin:0px 0px 10px 0px;}
.pacakage-box.bg {border-left:1px dashed #fff; border-right:1px dashed #fff;}
.pacakage-box h2 {font-size:16px; margin:0px 0px 6px 0px; color:#fff;}
.pacakage-box h2 a {color:#fff; text-decoration:none;}
.pacakage-box h2 a:hover {color:#ffeca0;}
.pacakage-box ul {margin:0px 0px 10px 0px; padding:0px;}
.pacakage-box ul li { background:url(images/li-1.jpg) 0px 1px no-repeat; margin:1px 0px; padding:0px 0px 0px 18px; list-style-type:none;}
.pacakage-box ul li a {text-decoration:none; color:#fff;}
.pacakage-box ul li a:hover {color:#ffeca0;}
.pacakage-box p {margin:0px 0px 14px 0px; padding:0px 0px 0px 18px; color:#fff;}
.pacakage-box p a {color:#fff;}
.pacakage-box p a:hover {text-decoration:none; color:#ffeca0;}

.pacakage-box ul li.show .tool-tip {display:block!important;}
.pacakage-box ul li .tool-tip {background:url(images/tool-tip.png) no-repeat; padding:15px 0px 0px 12px; width:183px; height:125px; position:absolute; z-index:999; margin:-37px 0px 0px -190px; display:none;}
.pacakage-box ul li .tool-tip img {margin:0px 0px 2px 0px; width:152px; height:80px;}
.pacakage-box ul li .tool-tip p {font-size:11px; color:#5c5c5c; padding:0px; margin:0px 20px 0px 0px;}


/*header-slide*/
#head-slide {clear:both; height:262px;}
.sliderwrapper {position:relative; overflow:hidden; width:100%; height: 250px;}
.sliderwrapper .contentdiv {visibility: hidden; position: absolute; left: 0; top: 0;  background: white; width:100%; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1; opacity: 1;}
.pagination {width: 620px; text-align: right; position:absolute; z-index:999; margin:-25px 0px 0px 0px;}
.pagination a {padding: 0 5px; text-decoration: none; color:#000; background:#d6ecef;}
.pagination a:hover, .pagination a.selected {color: #000; background-color: #FEE496;}
/*header-slide-close*/

#tour-gallery {clear:both;}
#tour-gallery h2 {font-size:18px; font-weight:normal; color:#fff; margin:0px 0px 8px 8px;}
.stepcarousel {position: relative; overflow: scroll; width:100%; height: 165px;}
.stepcarousel .belt {position: absolute; left: 0; top: 0;}
.stepcarousel .panel {float:left; overflow: hidden; margin:0px 8px; text-align:center; width:148px; height:113px; background:url(images/box-bg.gif) no-repeat;}
.stepcarousel .panel img {margin:5px 0px 3px 1px;}
.stepcarousel .panel p {font-size:11px; color:#000; font-weight:bold; margin:0px 0px 0px 0px;}
.stepcarousel .panel p a {text-decoration:none; color:#000;}
.stepcarousel .panel p a:hover {color:#016483;}



.box-1 {background:url(images/bar-3.gif) repeat-y; width:630px; clear:both;}
.box-1 h2 {margin:0px 0px 5px 20px; color:#6a6a6a; font-size:16px;}
.box-1 h2 strong {color:#006483;}
.box-1 h2 a {color:#6a6a6a; text-decoration:none;}
.box-1 p {margin:0px 20px 10px 20px; color:#6a6a6a;}
.box-1 ul {margin:0px 0px 0px 20px; padding:0px;}
.box-1 ul li {list-style-type:none; display:block; float:left; width:130px; color:#6a6a6a; background:url(images/li-3.gif) left no-repeat; padding:0px 0px 0px 17px; margin:2px 0px;}
.box-1 ul li a {text-decoration:none; color:#6a6a6a;}
.box-1 ul li a:hover {color:#006483;}


#fixed-bottom {position:fixed; z-index:99999; bottom:36px; width:100%; left:0px; height:32px; border:2px solid #d88329; background:#91a03b;}
#fixed-in {width:1000px; margin:0 auto;}
#fixed-in a.close {float:right; display:block; background:#d88329; color:#fff; text-decoration:none; padding:1px 3px; font-size:7px; cursor:pointer;}
#fixed-in .sliding {padding:0px 0px 0px 0px;}
#fixed-in .sliding img {border:none; margin:0px 13px; height:18px; width:auto;}

#support-site {width:100%; clear:both; height:30px; padding:8px 0px 0px 0px; background:#fff; margin:0px;}

/*support-site*/

#support-site1 {width:750px; margin:0px auto; padding:0px; clear:both;}
#support-site1-left {width:125px; margin:0px; padding:0px; float:left;}
#support-site1-left p {font-size:13px; margin:0px; padding:5px 0px 0px 0px;}
#support-site1-right {width:625px; margin:0px; padding:0px; float:right;}
#support-site1-right ul {margin:0px; padding:0px; float:left; width:184px; display:block;}
#support-site1-right ul li {margin:0px; padding:0px; list-style-type:none; font-size:11px;}
#support-site1-right ul li a {color:#0066FF; text-decoration:none; background:url(images/bullet.jpg) left no-repeat; margin:0px 0px 4px 10px; padding:0px 0px 0px 17px;}
#support-site1-right ul li a:hover {color:#e56927;}

/*support-site*/

#bottom {background:url(images/bottom.jpg) repeat-x; height:75px; padding:10px 0px 0px 0px; clear:both; width:100%; clear:both; text-align:center;}
#bottom p {margin:8px 0px 5px 0px; font-size:11px; color:#fff;}
#bottom p a {text-decoration:none; color:#fff;}
#bottom p a:hover {text-decoration:underline;}