@charset "utf-8";
/* CSS Document */
body, form, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, dl{ margin:0; padding:0; }
body{ background:url(../images/bg.gif) repeat-x #e8e5c0;}
.clear{ clear:both; }
ul, li{ list-style:none; }
p{font:12px/18px Arial, Helvetica, sans-serif; color:#000;}
a{ text-decoration:none; color:#000; outline:none;}
a:hover{ color:#666;}
a img{ border:none; outline:none; }
h1{ font:24px Arial, Helvetica, sans-serif; color:#005b6d; text-shadow:1px 1px 0 #fff;}
h2{ font:18px/36px Arial, Helvetica, sans-serif; color:#fff;}
h3{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-shadow:1px 1px 0 #fff;}
* html .clearfix { height:1%; }
html[xmlns] .clearfix { display:block; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.leftpadding{ padding:0 0 0 10px;}
.rightpadding{ margin:0 15px 0 0;}
.toppadding{ padding:10px 0 0 0;}
.bottompadding{ padding:0 0 10px 0;}
a.readmore{ background-color:#71a02e; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:4px 6px; display:inline-block;}
a.readmore:hover{ background:#ff7400;}

.WDNWrapper{ width:100%; }
.OuterWrapper{ width:1000px; margin:0 auto;}
/*----------------------------TOP WRAPPER---------------------------*/
.TopWrapper{ margin:8px 10px;}
.Logo{ float:left; background:url(../images/trip-himalaya-mountain-bike.gif) no-repeat; width:514px; height:63px; text-indent:-6000px;}
.Logo a{ width:514px; height:63px; display:block;}
.Destination{ float:right;}
.Destination a{ float:left; text-align:center; font:bold 12px Arial, Helvetica, sans-serif; color:#136393 } 
.Destination a:hover{ color:#ff7400;}
/*----------------------------BANNER PART---------------------------*/
.BannerPart{ padding:0 0 16px 0;  background:url(../images/shadow.jpg) no-repeat center bottom #ff7400;}
.Banner{ height:356px; border-bottom:10px solid #ff7400; overflow:hidden; padding:0 10px; position:relative;}
.BannerLogo{ position:absolute; left:20px; top:0px; width:300px; height:130px; z-index:999;}
/*----------------------------BODY WRAPPER---------------------------*/
.BodyWrapper{ margin:0 10px;}
.WelcomeInfo p{ padding:10px 0 20px 0; text-align:justify; background: url(../images/line-bg.jpg) repeat-x bottom;}
.BodyContact{ margin:15px 0 0 0;}
.AdventureActivities{ float:left; width:476px;}
.AdventureActivities h2{ background-color:#005c6d; padding:0 0 0 50px; position:relative; width:90%; height:36px;}
.AdventureActivities h2 span{ position:absolute; left:0; top:0; background:url(../images/yellow-arrow.png) no-repeat; height:51px; width:50px; top:-5px;}

.Box{ padding:10px 0 5px 0; background:url(../images/dashed.jpg) repeat-x bottom; margin:8px 0;}
.Box p{ padding:5px 0 7px 0; text-align:justify;}
.Box span{ background:url(../images/readmore-arrow.jpg) no-repeat;}
.Box span a{ font: bold 11px Arial, Helvetica, sans-serif; color:#436409; text-shadow:1px 1px 0 #fff; padding:0 0 0 23px;}
.Box span a:hover{ color:#000; width:90%; }
.MountainBiking{ float:right; width:476px;}
.MountainBiking .Box{ position:relative; }
.MountainBiking .Box h3{ position:absolute; top:8px; left:153px;}
.MountainBiking h2{ background-color:#f6881e; padding:0 0 0 50px; position:relative; height:36px; width:90%; }
.MountainBiking h2 span{ position:absolute; background:url(../images/blue-arrow.png) no-repeat 0 0; left:0; top:-5px; height:51px; width:51px; }
.MountainBiking  img{ float:left; }
.MountainBiking p{ float:left; width:170px; text-align:left; padding:18px 0 0 0;}
p.adventureright{ float:right; width:128px; background:url(../images/vertical-doted.gif) repeat-y left; padding:10px 0 0 10px; font:bold 11px Arial, Helvetica, sans-serif; color:#005b6d; text-align:center; height:105px; line-height:18px; }
p.adventureright a.readmore{ margin:10px 0 0 0;}
/*----------------------------FOOTER WRAPPER---------------------------*/
.FooterWrapper{ width:100%; background:url(../images/footer-bg.gif) repeat-x #135d8a; margin:20px 0 0 0; padding:0 0 5px 0; position:relative;}
.FooterWrapperInner{ margin:0 auto; width:980px;}
.FooterLeft{ float:left; margin:125px 0 0 0;}
.FooterNavigation ul li{ float:left; background:url(../images/footer-navigation-seperator.gif) no-repeat 0 3px; }
.FooterNavigation ul li.none{ background:none;}
.FooterNavigation ul li a{ font: 12px Arial, Helvetica, sans-serif; color:#fff; display:block; padding:0 10px;}
.FooterNavigation ul li a:hover{ text-decoration:underline;}
.FooterLeft p{ font:12px/20px Arial, Helvetica, sans-serif; color:#FFF; padding:20px 0 0 50px; float:left;}
.FooterLeft p.none{ padding:20px 0 0 10px;}
.FooterRight{ float:right; margin:125px 0 0 0;}
.FooterRight p{ font:12px Arial, Helvetica, sans-serif; color:#FFF; padding:0 0 0 0; text-align:right; clear:both;}
.FooterRight p a{ font:12px Arial, Helvetica, sans-serif; color:#FFF; padding:5px 0 0  0;}
.FooterRight p a:hover{ text-decoration:underline;}
.Images{ margin:20px 0 15px 5px; float:right;}
.FooterWrapperInner a{ color:#fff; }
/*----------------------------FOOTER LAST---------------------------*/
.Footerlast{ width:100%; background:url(../images/footer-last-bg.gif) repeat-x #135d8a; position:relative;}
.FooterlastInner{ margin:0 auto; width:980px; padding:17px 0 12px 0; overflow:hidden;}
.FooterlastInner h3{ color:#fff; text-shadow:none; padding:0 0 10px 0;}
.FooterLeftBtn{ float:left;}
.FooterLeftBtn img, .FooterLeftBtn h3{ float:left; margin:0 20px 0 0;}
.FooterLeftBtn h3{ padding:10px 0 0 0; }
.FooterRightBtn{ float:right; overflow:hidden;}
.FooterRightBtn h3{ display:none; }
.FooterRightBtn span{ float:left; padding:5px 0 0 0; margin:0 5px; color:#fff !important;}
.FooterRightBtn img{ margin:0 8px; float:left; }
.FooterRightBtn a{ font:bold 12px Arial, Helvetica, sans-serif; color:#fff;}
.kU{ color:#fff !important; }
span.googleplus1{ width:38px; overflow:hidden; margin-right:50px; }

/* ------------- INNER PAGE -----------------*/
.InnerPage{ margin:15px 0 0 0; }
.SideBar{ float:left; width:220px; }
.SideBar h2{ background-color:#005c6d; padding:0 0 0 50px; position:relative; height:36px;}
.SideBar h2 span{ position:absolute; left:0; top:0; background:url(../images/yellow-arrow.png) no-repeat; height:51px; width:50px; top:-5px;}
.SideBar ul{ background:#007c91; margin:0 0 0 8px;}
.SideBar ul li{ background:url(../images/dash.gif) repeat-x bottom; padding:3px 0 6px 0;}
.SideBar ul li:hover{ background:#05a6c1;}
.SideBar ul li a{ font:bold 11px/16px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/left-arrow.png) no-repeat 8px 3px; padding:0 0 0 20px; display:inline-block; }
.SideBar ul li span{ font:11px Arial, Helvetica, sans-serif; display:block; color:#fff; padding:0 0 0 20px;}
.leftpic{ margin:10px 0 0 8px;}
.SideBar h2.margintop{ margin-top:25px; }

.RightContent{ float:right; width:740px;}
.RightContent p{ text-align:justify; text-shadow:1px 1px 0 #fff; }
.GridBox{ margin:15px 0 0 0;}
.GridBox h2, .TripDetail h2, .TripInfo h2, .GeneralInfo h2{padding:7px 0 7px 5px; line-height:16px; color:#014e5c; text-shadow:1px 1px 0 #fff; background:#ddd580;}

.TripDetail{ background:#fffcda; padding:10px; margin:10px 0 0 0;}
.TripDetail ul li{ overflow:hidden; font:12px/18px Arial, Helvetica, sans-serif; border-bottom:1px solid #dbd9b6; padding:3px 0 3px 5px;}
.TripDetail ul li strong{ float:left; width:120px;}
.TripDetail ul li span{ float:left; width:590px;}
span.header{ font:bold 16px Arial, Helvetica, sans-serif; color:#e06804;}
.TripDetail p{ padding:10px 0 0 5px; line-height:18px; }

.itinerarybtn{ overflow:hidden; margin:10px 0 0 0;}
.itinerarybtn ul li{ float:left; margin:0 20px 0 0;}
.itinerarybtn ul li a{ font:bold 12px Arial, Helvetica, sans-serif; color:#fff; background:#005c6d; padding:4px 8px; text-decoration:none; display:inline-block;}
.itinerarybtn ul li a:hover{ background:#ff7400;}

/* --- biking page */
.TripInfo{ float:left; width:550px;}
.GeneralInfo{ float:right; width:370px;}
.TripInfo p, .GeneralInfo p{ padding:5px 0 0 0; text-align:justify; }
.GeneralInfo h2{ margin:0 0 3px 0; }
.GeneralInfo p{ padding:5px 0;}
.GeneralInfo ul{ padding:0 0 10px 0; }
.GeneralInfo .itinerarybtn ul li{ border-bottom:none; margin:0 3px 0 0; }

/* contact page */
.ContactForm{ float:left; width:49%; background:#fffcda; padding:10px; margin:10px 0 0 0;}
.ContactForm td{ font:normal 12px Arial, Helvetica, sans-serif; padding:3px 0;}
.ContactForm input.inputbox{ width:266px; padding:3px 4px;}
.ContactForm input.age{ width:60px;}
.ContactForm input.btn{ background-color:#005c6d; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:6px; border:none; cursor:pointer; outline:none; margin:0 10px 0 0;}
.ContactForm input.btn:hover{ background:#ff7400;}
span.required{ color:red;}
.ContactDetail{ float:right; width:45%; background:#fffcda; padding:0px 10px 10px 10px; margin:10px 0 0 0; }
.ContactDetail p { background:none; padding-bottom:3px; text-align:center; }

/* ---- about us  --------*/
.aboutus_box{background:#fffcda; padding:10px; margin:10px 0 0 0; overflow:hidden;}
.aboutus_box h2{ font:bold 16px Arial, Helvetica, sans-serif; color:#333;}
.aboutus_box p{ background:none; padding-bottom:0; text-shadow:1px 1px 0 #fff; }
.aboutus_box img{ margin:5px 0 0 15px;}

.pages{ overflow:hidden;}
.pages ul li{ float:left; margin:0 5px 0 0;}
.pages ul li a{ font:bold 11px/30px Arial, Helvetica, sans-serif; color:#fff; background-color:#135d8a; padding:5px 10px 5px 10px; text-decoration:none;}
.pages ul li a:hover{ background-color:#318dc4;}

.gallery{ overflow:hidden; }
.gallery ul li{ float:left; width:240px; text-align:center; margin:15px 6px 0 0;}
.gallery ul li.none{ margin-right:0; }
/*.gallery ul li img{ border:1px solid #ccc; padding:2px; background:#fff; margin:0 0 5px 0; }*/
.gallery ul li a{ font:bold 12px Arial, Helvetica, sans-serif; color:#005B6D; text-shadow:1px 1px 0 #fff;}

ul.videogallery li{ float:left; margin:5px 10px;}

.fixed h2{ color:#000; text-shadow:1px 1px 0 #fff; border-bottom:1px solid #999; padding:0 0 5px 0; margin:0 0 10px 0; line-height:22px; }
.fixedbox{background:#faf8dd; padding:10px; margin:10px 0;}
.fixedbox:hover{ background:#fffeee; }
.fixed ul{ overflow:hidden; }
.fixed ul li{ float:left; width:265px; margin:0 0 0 20px;}
.fixed ul li.picture{ overflow:hidden; width:190px; margin:0;}
.fixed ul li.detail{ width:212px;}
.fixed ul li.picture img{ padding:7px; border:4px solid #fff; background:#fff; height:130px; width:160px;}
.fixed ul li h3{ font:bold 16px/24px Arial, Helvetica, sans-serif; color:#005c6d; background:url(../images/doted.jpg) repeat-x bottom; margin:0 0 10px 0; padding:0 0 5px 0; }
.fixed ul li p{ font:12px/22px Arial, Helvetica, sans-serif; }
.fixed ul li a{ font:bold 12px Arial, Helvetica, sans-serif; text-shadow:none; color:#fff; background:#005c6d; padding:4px 8px; text-decoration:none; display:inline-block;}
.fixed ul li a:hover{ background:#ff7400;}
.fixed ul li span.price{ font:bold 18px Arial, Helvetica, sans-serif; color:#F60;}
.fixed ul li.detail p{ position:relative;}
.fixed ul li.detail p a.first{ position:absolute; right:0; top:2px;}
.fixed ul li.detail p a.second{ position:absolute; right:0; top:30px;}
.fixed ul li.detail p span.download{ float:right; }
.fixed ul li.detail p span.download a{background:url(../images/pdf.png) no-repeat 5px 5px #fff; height:32px; line-height:32px; padding:5px 5px 5px 45px; color:#000; border:1px solid #CCC;}



#message {position:absolute; right:0; bottom:0; background:url(../images/up.png) no-repeat; height:48px; width:48px; }
#message a{height:48px; width:48px; display:inline-block; text-indent:-9999px;}

.Video{ margin:20px 0 0 0 !important; padding:0 !important;}
.Video li{ background:url(../images/video_icon.gif) no-repeat 10px 50% #fff; margin:0 !important; padding:5px 0 5px 30px !important;}
.Video li a{ font:bold 14px Arial, Helvetica, sans-serif !important; color:#005b6d !important; background:none !important;}