/*****
Template Name: Himalaya Treks
Version: 1.5
Author: Ravi Kandel - www.nepalmedia.com
Date: Jan 16 2009
*****/

* {
	margin: 0;
	padding: 0;
}

body{
	width: 100%;
	background: #d8d8d8;	
}

#toprail {
	width: 100%;
	height: 10px;
	background: url("../images/top-rail.gif") repeat;
}

#topwrap{
	position:relative;
	width: 100%;
	background: #d8d8d8;
	border-top: 1px solid #203137; 	
}

#topbox{
	height: 120px;
	position:relative;
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 932? "930px" : "auto");
	min-width:755px;
	max-width:930px;
	margin:auto;
	background: transparent url("../images/topbackground.jpg") repeat-x;
}

#topmenuline #left{
	float: left;
	width: 65%;
}

#topmenuline #right{
	float: right;
	width: 30%;
	text-align:right;
	margin-right: 5px;
}

#menuline{
	position:relative;
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 932? "930px" : "auto");
	min-width:755px;
	max-width:930px;
	margin:auto;
	background: #FFFFFF;
}

#menuline #leftside{
	width: 37.5%;
	float: left;
}

* html #menuline #leftside{
	width: 36.5%;
}

#menuline #rightside{
	width: 62%;
	float: left;
	right: 5px;
	text-align: right;
}

* html #menuline #rightside{

	float: right;

}

#containerwrap{
	position:relative;
	width: 100%;
	background: #ebebeb;
}

#containerbox{
	position:relative;
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 932? "930px" : "auto");
	min-width:755px;
	max-width:930px;
	margin:auto;
	background-color: #FFFFFF;
}

#containerbox #content-left{
	width: 20%;
	float: left;
	text-align: justify;
}

#containerbox #content-right{
	width: 77%;
	float: right;
	padding-left: 10px;
}


#containerbox #content-right h1{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #324252;
	padding: 0px 0px 4px 0px;
}

#containerbox #content-right h2{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #454648;
	padding: 7px 0px 7px 0px;
	text-align:left;
}


/*** Package Programmes ***/

#containerbox #content-right #mybox1{
		height: auto;
		padding: 0px;
		float: left;
		width: 100%;
	}
	
#containerbox #content-right #mybox1 p{
		padding: 3px;
		margin: 0px;
	}
	
#containerbox #content-right #mybox1 #two-columns {
		/*set that background image*/
		/*repeat it and center it*/
		height: auto;
		width: 100%;
		margin:auto;
		margin-bottom:0px;
	}
#containerbox #content-right #mybox1 #two-columns #column-2 {
		/*float it*/
		float:right;
		height: auto;
		width: 49%;
		padding:0px;
	}
#containerbox #content-right #mybox1 #two-columns #column-1 {
		height: auto;
		width: 49%;
		padding:0px;
	}

#containerbox #content-right #mybox1 #two-columns #column-3 {
		height: auto;
		width: 100%;
		padding:0px;
		background: #FFFFFF;
	}
	/*clear the above float*/
#containerbox #content-right #mybox1 .clr {
		clear:both;
	}
	
	.boxtitle{
		padding:3px;
		font-family:Helvetica, Arial, Verdana;
		font-size: 14px;
		font-weight: bold;
		color: #5b5b74;
		width: auto;
		background-color: #c6c6c6;
	}

.boxtitle a{
	color: #FFFFFF;
}


.boxtext{
	padding:2px 7px 2px 3px;
	text-align:justify;
}

.package{
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size:11px;
	width: auto;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #d0d0d0;	
	text-align: left;
	background: url(../images/p-arrow.gif) left center no-repeat;
}

.package a{
	text-decoration: none;
	padding-left: 15px;
	color: #5e6973;
}


.package a:hover{
	text-decoration: underline;
	color: #060;
}
.packagebox{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 3px 10px 3px 10px;
}

.package .day{
	font-weight: normal;
	color: #1e5685;
	font-size: 11px;
	float: right;
	margin-right: 5px; 
	width: 20%;
	text-align: right;
}



#sidepad {
	margin-left: 12px;
	margin-right: 12px;
	text-align:justify;
	font-family:Georgia, Verdana, arial;
	font-size: 12px;
	line-height: 20px;
	padding-top: 10px;
	position:relative;
}


/***Marquee box ***/
      #marquebox { 
	  	padding-bottom: 1px; 
		width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 932? "930px" : "auto");
		min-width:755px;
		max-width:930px;
		margin:auto;
		background: #e1e4dd url(../images/marquee-back.jpg) top left repeat-x;
	  }
	  
	  
#marquebox #in { 
	  	
		float: left;
		width: 100%;
		background: #e1e4dd url(../images/marquee-back.jpg) top left repeat-x;
	  }
	  
#marquebox #in #in-box{ 
	  	
		padding: 3px 3px 3px 230px;
		width: 500px;
		 font: normal 12px Arial, Helvetica, sans-serif, Georgia, "Times New Roman", Times, serif;
		}
	  
#divText {

    font: normal 12px Arial, Helvetica, sans-serif, Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-align:justify;
	text-decoration: none;
}

	  
/**** Footer ***/
/*** footer box ***/
      #footerbox { 
	  	padding-bottom: 1px; 
		width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 932? "930px" : "auto");
		min-width:755px;
		max-width:930px;
		margin:auto;
	  }
	  
      #footerboxinner { 
	  background: #d8dade url(../images/footer-col-l.jpg) left top repeat-x;
	  float: left; 
	  overflow: hidden; 
	  width: 100%;	  
	  }
	  
      #footerboxinner div { 
	  width: 35%; 
	  float: left; 
	  padding: 10px 10px;
	  margin-bottom: -500px; 
	  padding-bottom: 500px; 
      font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  }
	  
      #footerboxinner .col2 {
	  width: 59%; 	   
	  background: #c0c3d4 url(../images/footer-col-r.jpg) top right repeat-x; 
	  margin-right: 0; 
	  float: right;
	 
	  }


#footer {
width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 932? "930px" : "auto");
min-width:755px;
max-width:930px;
background: #cdc2b0 url(../images/footer-back.jpg) top left;
margin:auto;
height: 60px;
}

#footer {
clear:left;
margin-bottom: 5px;
}

#footer .left{
	font-family: Verdana, Arial, "Lucida Grande", Georgia;
	font-size: 11px;
	float:left;
	width: 55%;
	padding: 10px;
}

#footer .right{
	font-family: Verdana, Arial, "Lucida Grande", Georgia;
	font-size: 11px;
	float:right;
	width: 30%;
	text-align: right;
	padding: 10px;
}


.ufooteruptext{
	font-family: "Lucida Grande", Arial, Tahoma;
	font-weight: bold;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	text-align:justify;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;	
	border-right: 1px solid #DDDDDD;
}

.ufooterbottext{
	font-family: "Lucida Grande", Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 4px;
	text-align:center;
	background: #d0c7b6 url(../images/f-menu-back.jpg) top left;
	color: #666666;
}

/*** Trips Box ***/

#trips-box {
	background: transparent;
	border-top: 0px;
	color: #74604b;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	width: 100%;
}

* html #trips-box {
	padding: 0px;
	float: left;
	width: 100%;
}

#trips-box ul li {
	border-bottom: 1px solid #dce1eb;
	list-style-type: none;
	background: #f3f4f6;
}

#trips-box ul li a {
	color: #445b6f;
	display: block;
	padding: 3px 6px 3px 6px;
	font: normal 12px "Lucida Grande", Georgia, Arial;
	text-decoration: none;
}

* html #trips-box ul li a {
	display: block;
	padding: 2px 6px 2px 6px;
	
	}
*:first-child+html #trips-box ul li a {
	display: block;
	padding: 0px 6px 1px 6px;
	
	}	
* html #trips-box ul li a:hover {
	display: block;
	padding: 2px 6px 2px 6px;
	
	}

#trips-box ul li a:hover {
	background: #83a8c4;
	color: #003762;
	padding: 3px 6px 3px 6px;
	font: normal 12px "Lucida Grande", Georgia, Arial;
	text-decoration: none;
}

.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both; padding: 0px; margin: 0x;}

.col3, .col3last {width: 32%; margin-right: 2%;}

* html .col3, * html .col3last {width: 32%; margin-right: 1.1%;}
.col3last {margin-right: 0;}
#trips-box h2 {
	font: bolder 14px Helvetica, Georgia, Arial;
	letter-spacing: 0px;
	background: #c6c6c6 url("../images/left-top-cornor.gif") top left no-repeat;
	color: #5b5b74;
	padding: 5px;
}