/*
Description: The manakamanatreks WordPress theme based on the famous <a href="http://creativesoftintl.com/">creative software international</a>.
Version: 2.9.2
Author: creative software international
Author URI: http://creativesoftintl.com/
Tags: green, custom header, fixed width, one columns, widgets

	creativesoftwareintl v1.5
	 http://creativesoftintl.com/

	This theme was designed and built by Yubraj Shahi,
	whose blog you will find at http://"http://creativesoftintl.com/

*/


@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
html { height: 100%; width: 100%; }
body { width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; background:url(images/bg_main.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;
line-hight: 20px; }
img { border: none; }
a { color: #fff;
text-decoration:none;}

.clear{ clear:both; height:20px; }
ul, ul li{ list-style:none; }

#wrap{
	background:url(images/menu_repeat.png) repeat-x top;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#header{
	height:77px;
	width:1004px;
	margin:0 auto 15px auto;
	position:relative;
}
#header h1{
	background:url(images/logo.png) no-repeat;
	width:300px;
	float:left;
	height:16px;
	margin:7px 0 0 0;
	text-indent:-9999px;
}
#header span{
	font-size:14px;
	font-weight:bold;
	left:0px;
	top:22px;
	position:absolute;
	font-family:"Times New Roman", Times, serif;
	display:block;
	width:320px;
}

/*---------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------   HEADER NAVIGATION   -------------------------------------------
----------------------------------------------------------------------------------------------------------------------------*/

.main_nav{
	float:right;
	margin:2px 0px 0;
	padding:0;
}
.main_nav ul{ list-style:none; }
.main_nav ul li{ float:left; }

.main_nav ul li.land a, .main_nav ul li.land a:hover,  
.main_nav ul li.water a, .main_nav ul li.water a:hover,
.main_nav ul li.air a, .main_nav ul li.air a:hover{
	text-indent:-9999px;
	display:block;
	height:44px;
	background:url(images/navigation.png) no-repeat;
	width:190px;
}
.main_nav ul li.land a{	background-position:0px 0px; }
.main_nav ul li.land a:hover{ background-position:0px -45px;}
.main_nav ul li.water a{ background-position:-195px 0px;}
.main_nav ul li.water a:hover{ background-position:-195px -45px;}
.main_nav ul li.air a{ background-position:-385px 0px; }
.main_nav ul li.air a:hover{ background-position:-385px -45px; }

.header_down{
	clear:both;
	height:26px;
	padding:5px 0 0 0;
}
.nav_left{
	float:left;
	background:#36353D;
	height:inherit;
	margin-left:30px;
}
.nav_left ul{ list-style:none; }
.nav_left ul li{ float:left; }
.nav_left ul li a, .nav_left ul li a:hover{
	font-size:12px;
	line-height:27px;
	padding:0 7px;
	text-decoration:none;
	text-transform:uppercase;
}
.nav_left ul li a:hover{ color:#51B81D; }
.book{
	float:left;
	background:#f00;
	width:128px;
	text-align:center;
	font-weight:bold;
	height:inherit;
	line-height:25px;
	margin:0 0 0 100px;
}
.book a, .book a:hover{
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}
.book a:hover{ color:#51B81D; }
.attraction{
	float:right;	
	width:177px;
	height:inherit;
}
.attraction a, .attraction a:hover{
	background:url(images/all_attraction.png) no-repeat;
	text-indent:-9999px;
	display:block;
	height:26px;
}
.attraction a:hover{ background-position:0px -27px; }
#mainContent{
	margin:0 auto 10px;
	position:relative;
	width:1004px;
}
.contact_us{
	height:111px;
position:absolute;
right:16px;
width:13px;
}
.contact_us a, .contact_us a:hover{
	background:url(images/contact_us.png) no-repeat -3px 0;
	display:block;
height:111px;
width:29px;
}
.contact_us a:hover{ background-position:-5px 0;width:29px; }
#content{
	width:946px;
	margin:0 auto;
	background:#FFF;
}
#country{ width:900px; margin:0 auto; }
.nepal, .tibet, .bhutan, .india{
	width:440px;
	height:161px;
	float:left;
}
.nepal{ background:url(images/nepal_thumbnail.jpg) no-repeat; margin:0 20px 0 0; }
.tibet{ background:url(images/tibet_thumbnail.jpg) no-repeat; }
.bhutan{ background:url(images/bhutan_thumbnail.jpg) no-repeat; margin:20px 20px 0 0; }
.india{ background:url(images/india_thumbnail.jpg) no-repeat; margin:20px 0 0 0;}
.nepal a, .tibet a, .bhutan a, .india a{
	display:block;
	width:440px;
	height:161px;
}
#scroll, #fix_depart, #find_us, #footer{
	width:900px;
	height:225px;
	background:#36353D;
	margin:0 auto;
	clear:both;
}

#fix_depart ul{ margin:0; }
.fix_D, .nepal_2011, .chariry {
	width:260px;
	height:139px;
	float:left;
	margin:20px 0 0 30px;
	background:url(images/attraction.jpg) no-repeat;
}
.fix_D{ background-position:0px 0px; }
.nepal_2011{ background-position:-266px 0; }
.chariry{ background-position:-533px 0; }
.fix_D a, .nepal_2011 a, .chariry a {
	width:260px;
	height:139px;
	display:block;
}
#find_us{ height:139px; }
#find_us h1,#find_us h3{
	font-size:15px;
	margin:0 0 0 30px;
	padding:10px 0 0;
}
#find_us .socialmedia-buttons{margin: 20px 15px;}
#find_us .socialmedia-buttons a{margin: 0 12px;}
#find_us ul{
	float:left;
	margin:0 0 0 30px;
}
#find_us ul li{
	float:left;
	margin:15px 0 0 0;
}
.rss,.skype,.flickr,.facebook,.youtube,.myspace,.twitter,.delicious,.digg{	
	height:78px;	
	width:96px;
	background:url(images/find_logos.jpg) no-repeat;
}
.rss{ background-position:0px 0px; }
.skype{ background-position:-100px 0px; }
.flickr{ background-position:-200px 0px; }
.facebook{ background-position:-300px 0px; }
.youtube{ background-position:-400px 0px; }
.myspace{ background-position:-500px 0px; }
.twitter{ background-position:-600px 0px; }
.delicious{ background-position:-700px 0px; }
.digg{ background-position:-800px 0px; }
.rss a, .skype a, .flickr a, .facebook a, .youtube a, .myspace a, .twitter a, .delicious a, .digg a{	
	height:78px;	
	width:96px;
	display:block;
}
#footer{
	height:70px;
	background:none;
}
.affilate{
	margin:0;
	padding:0;
	width:384px;
	float:left;
	background:#36353D;
}
.affilate ul{
	height:70px;
	margin:0 0 0 30px;
	background:#E8E7EF;
}
.affilate ul li{
	list-style:none;
	float:left;
	margin:7px 0 0 15px;
	padding:0;
}
.hmg, .taan, .ntb, .nma, .hra{
	height:55px;
	background:url(images/taan_logoz.png) no-repeat;
	width:55px;
}
.hmg{ background-position:0px 0px; }
.taan{ background-position:-54px 0px; }
.ntb{ background-position:-109px 0px; }
.nma{ background-position:-172px 0px; }
.hra{ background-position:-228px 0px; }
.accept{
	background:#36353D url(images/taan_logoz.png) no-repeat 103% 80%;
	float:left;
	height:64px;
	margin:0 0 0 20px;
	padding:3px 30px;
}
.accept h1{
	font-size:13px;
	margin:5px 0 0 0;
	text-align:center;
	text-transform:uppercase;
}
.address{
	width:324px;
	float:right;
	background:#36353D;
	padding:0 0 0 20px;
	height:70px;
}
.address p{
	font-size:11px;
	padding:0 0 0 28px;
}
.address span{
	display:block;
	clear:both;
	font-weight:bold;
}
.address b{
	clear:both;
	display:inline-block;
	width:80px;
}
.address a, .address a:hover{ text-decoration:none; }
.address a:hover{ color:#51B81D; }

/*------------------------------------------------------------------------------------------------
--------------------------------------  OTHER PAGE STYLE   ---------------------------------------
------------------------------------------------------------------------------------------------*/

#banner{ width:900px; margin:0 auto; }

#find_us, #footer{
	width:900px;
	xbackground:#36353D;
	margin:0 auto;
	clear:both;
	margin-left:10px;
}
#post{
	width:680px;
	float:left;	
	background:#4c4242;
	margin-left:10px;
	padding-right:10px;
}
#post strong, #post p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}
#post h2{
	font-size:15px;
	font-weight:bold;
	padding:10px 0 10px 10px;
	display:block;
	text-transform:uppercase;
}
#post p{
	font-size:12px;
	padding:10px 0 10px 10px;
}
#post ul { height:100%;}
#post ul li{ height:100%;}
#post ul li a{
	xdisplay:block; width:290px; float:left;
	font-weight:normal !important;
	margin:0 0 5px 10px;
	padding:0;
        font-size:13px !important;
	text-transform:capitalize !important;
}
/*------------------------------------------------------------------------------------------------
--------------------------------------  SLIDE STYLE   ---------------------------------------
------------------------------------------------------------------------------------------------*/

.boxgrid,.boxgrid1{ 
	width: 440px; 
	height: 161px;	
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative;
	margin:6px 2px 0 6px;
}
.boxgrid h3, .boxgrid1 h3{
	color:#fff;
	font-size:17px;
	margin:0 0 0 10px;
	text-transform:uppercase;
	padding:2px 0;
}
.boxgrid1 h3{background: url("images/arrow.png") no-repeat scroll left 3px transparent;padding: 2px 0 0 25px;}

.boxgrid img, .boxgrid1 img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p, .boxgrid1 p{ 
	padding: 0 10px; 
	color:#fff; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
.boxgrid a, .boxgrid1 a, .boxgrid a:hover, .boxgrid1 a:hover{
	color:#fff;
	text-decoration:underline;
	margin:10px 0 0 0;
}
.boxgrid a:hover, .boxgrid1 a:hover{
	text-decoration:none;
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background:#36353D; 
	height: 150px; 
	width: 100%; 
	opacity: .8;
	/* For IE 5-7 */
	/*filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/* For IE 8 */
	/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
}
.captionfull .boxcaption {
	top: 137px;
	left: 0;
}
.caption .boxcaption {
	top: 60px;
	left: 0px;
}
.boxgrid1 li{
	xborder-right:1px solid #FFFFFF;
	float:left;
	padding:5px;
	list-style:none outside none;
	margin:10px 0 0 10px;
        font-size:16px;
}
.boxgrid1 li a, .boxgrid1 li a:hover{
	text-transform:uppercase;
	text-decoration:none;
	color:#7ADF48;
	font-weight:bold;
}
.boxgrid1 li a:hover{
	color:#fff;
}

/*-------------------------- left part --------------------------------*/
.leftpart{
width:218px;
padding:5px;
background:#4c4242;
border:1px solid #CCC;
float:left;}

.leftpart li{
width:210px;
list-style:none;
border-bottom:1px solid #726e6e;
border-top:1px solid #2a2323;
padding:5px 0 5px 8px;
}
.leftpart li a{
color:#FFF}

#leftpart{
width:218px;
padding:5px;
background:#4c4242;
border:1px solid #CCC;
float:left;}

#leftpart li{
width:210px;
list-style:none;
border-bottom:1px solid #726e6e;
border-top:1px solid #2a2323;
padding:5px 0 5px 8px;

}
#leftpart li a{
color:#FFF;
padding:5px 0 5px 8px;
}

#leftpart li a:hover{
color:#0C0;
}
#leftpart h2{
	border-bottom:1px solid #726e6e;
	border-top:1px solid #2a2323;
	 line-height: 32px;
    padding-left: 10px;
	color: #59BF26;
	font-weight: normal;
	}
/*--------------------------BANNER--------------------------------*/

.boxgrid1{ 
	width: 900px;
	margin:0;
}
.subCat_list{  margin:-5px 0 0 0;}
.subCat_list a,.subCat_list a:hover{
	xdisplay:block; width:200px; float:left;
	font-weight:normal !important;
	margin:0 10px 0 0;
	padding:0;
        font-size:12px !important;
	text-transform:capitalize !important;
}
/*--------------------------------------Comment Form-----------------------------
--------------------------------------------------------------------------------*/
#respond h3{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:20px 0 20px 20px;
	text-transform:uppercase;
}
#respond textarea{
	background:#fff;
}
#respond textarea:hover{
	background:#fafafa;
}
#respond label{
	float:left;
	font-size:15px;
	width:82px;
}
#submit, .formBuilderSubmit input{
	border:none;
	background:#7ADF48;
	margin:0;
	padding:5px 10px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	color:#fff;
}
/*------------------------------------------Booking Form-----------------------------------*/
#formBuilderCSSIDBook_A_Trip{
	margin:0 0 0 20px;
}
.formBuilderLabelRequired {
	width:170px;
	float:left;
	line-height:20px;
}
.formBuilderDateStamp{
	margin:5px 0 0;
}
.formBuilderInput{
	padding:5px 0;
	width:470px;
}
.formBuilderInput input, .formBuilderDateStamp input{
	width:293px;
}
.formBuilderCaptcha{
	margin:0 0 0 170px;
}
.formBuilderLabel{
	width:170px;
	float:left;
}
.formBuilderCaptcha img{ margin:0 0 7px 0;}
.formBuilderSubmit{
	margin:10px 0 0 170px;
}
#formBuilderFieldtripname{
	border:1px red solid;
	height:30px;
	width:200px;
}
/*-------------------------------------------------------------------------------------------
---------------------------------------------------------SLIDER CSS------------------------
-------------------------------------------------------------------------------------------*/

#scroll .sliderGallery {
	overflow: hidden; position: relative; padding: 10px 10px 0 0; height:210px; width:857px; margin:0 0 0 16px;}
#scroll .sliderGallery ul {  position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin:2px 0 0 -12px; }
#scroll .sliderGallery ul li { display:inline-block; height:135px; text-align:center; width:175px; }
#scroll .sliderGallery ul li img{ padding:0 13px; clear:both;}
#scroll .sliderGallery ul li span{ clear:both; display:block; float:left; padding:2px 0 0 14px; white-space:normal;}
.slider {
	width: 867px; height: 21px; margin-top: 180px; margin-left: 0px; padding: 1px; position: relative; 
	background: url(slider_images/productbrowser_scrollbar_base.png) no-repeat;
	}
.handle {
	position: absolute; cursor: move; height: 18px; width: 181px; top: 2px; 
	background: url(slider_images/productbrowser_scroller.png) no-repeat;
	z-index: 100;
	}
.slider span { color: #fff; font-size: 80%; cursor: pointer; position: absolute; z-index: 110; top: 4px; }
.slider .slider-lbl1 { left: 150px; }
.slider .slider-lbl2 { left: 207px; }
.slider .slider-lbl3 { left:340px; }
.slider .slider-lbl4 { left:490px; }
.slider .slider-lbl5 { left:690px; }
/*-----------------------------------------------------------
---------------------------------------------Lightbox-----------
------------------------------------------------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
.rightimg{
float:right;
padding:3px;
border:1px soild #000;
margin-left:10px;}


.Mj_featured{
	width:860px;
	float:left;
	background:#36353d;
	padding:10px;
	}
.mj_Box{
	width:211px;
	float:left;
	margin-right:7px;
	}
.MJ_title{
	width:211px;
	float:left;
	height:28px;
	background: url(http://manakamanatreks.com/wp-content/uploads/2011/09/special-trekking.png) no-repeat;}
.MJ_title1{
	width:211px;
	float:left;
	height:28px;
	background: url(http://manakamanatreks.com/wp-content/uploads/2011/09/tibet-special.png) no-repeat;}
.MJ_title2{
	width:211px;
	float:left;
	height:28px;
	background: url(http://manakamanatreks.com/wp-content/uploads/2011/09/butan-special.png) no-repeat;}
.MJ_title3{
	width:211px;
	float:left;
	height:28px;
	background: url(images/lastmin.png) no-repeat;}
.Mj_content{
	width:200px;
	float:left;
	padding:3px 0 0 10px;
	}
	.Mj_content ul{
		margin:0;
		padding:0;
		}
	.Mj_content ul li{
		width:200px;
		float:left;
		
		border-bottom:1px dashed #CCC;
		list-style:none;
		font-family:Verdana, Geneva, sans-serif;
		}
		.Mj_content ul li a{
			color:#FFF;
			font-size:11px;
			text-decoration:none;
			display:block;
			padding:3px 0 3px 10px;}
		
		.Mj_content ul li a:hover{
			color:#000;
			background:#FFF;
			text-decoration:underline;}
.fixed{
	width:200px;
	float:right;}