/********************************************
	AUTHOR:  			Narayan Kandel
	COMPANY:			Nepal Media Network
	WEBSITE:   			http://www.nepalmedia.com/
	TEMPLATE NAME: 		Kailash Yatra Club
	VERSION:			2.0
	LAST MODIFIED:		October-23-2008
 *******************************************/ 
 
/* General */

* { 
	margin: 0; 
	padding: 0; 
}


body{
	margin: 10px 5px 10px 5px;
	padding:0;
	background: #e5e3ba url(../images/background.jpg) repeat-x top left;
	font: 12px/1.5 Arial, Helvetica, sans-serif;
}

#wrapper{
	margin:auto;
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 952? "950px" : "auto");
	min-width:755px;
	max-width:950px;
	overflow: hidden;
	background: #FFFFFF;
}

#top {
	background: #018ac1 url(../images/top-back.jpg) top left no-repeat;
	height: 64px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#logo{
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	text-align: left;
}


* html #logo{
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	text-align: left;
	position: static;
}

#top #topright {
	margin: 0px 0px 0px 280px;
	height: 64px;
	width: -280px;
	background: none;
	}
	
/* Top Name */

#topmenu{
	padding-top: 31px;
	padding-right: 5px;
	float: right;
	position: relative;
}

#topmenu ul{
	font: bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	text-transform: uppercase;
}

#topmenu li{
	display:inline;
	margin:0 5px 0 0;
	padding:0;
	text-transform:normal;
}


#topmenu a{
	text-align: left;
	float:right;
	color: #b1c7d0;
	background: #01425e url(../images/t-menu-left.jpg) no-repeat left top;
	margin:0 5px 0px 0;
	padding:0 0 0px 4px;
	text-decoration:none;
	bottom: 0px;
	cursor: hand;
}

#topmenu a span{
	float:left;
	display:block;
	background: transparent url(../images/t-menu-right.jpg) no-repeat right top;
	padding:7px 9px 7px 6px;
	vertical-align: bottom;
}

#topmenu a:hover{
	background: #002899 url(../images/t-menu-h-left.jpg) no-repeat left top;
	text-decoration:underline;
	color: #FFFFFF;
}

#topmenu a:hover span{
	background: transparent url(../images/t-menu-h-right.jpg) no-repeat right top;
}

#topmenu #current a, #topmenu #current span{ /*currently selected tab*/
	background-color: #e7e7e7;
}


/* Top Photo */

#header {
  background: #036a87 url(../images/header/roatator.php) no-repeat left top;;
  margin: 0px;
  padding: 0;
  width: 100%;
  height: 290px;
}



/* Content Warper */

#contentwrapper{
	float: left;
	width: 100%;
	background: #FFFFFF url(../images/body-back.jpg) repeat-y right top;
	margin: 0px;
}


#leftcolumn{
	margin-right: 350px; /*Set right margin to RightColumnWidth*/
	margin-top: 0px;
	margin-bottom: 0px;
	background: #ffffff url(../images/content-l-back.jpg) top left repeat-x;
	float: left;
	
}

#inner {
	padding: 10px 20px 10px 20px;
	
	}


/* Welcome Box */

#welbox {
  background: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

#welbox p{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: 0c0100;
	text-align: justify;
	line-height: 1.5;
	padding: 0px 0px 10px 5px;
	margin: 0px;
	}
	
#welbox #topw {
	width: 100%;
	position: relative;
	}
#welbox #topw #topl {
	width: 45%;
	float: left;
	}
	
#welbox #topw #topr {
	width: 53%;
	float: right;
	}
	
#welbox h1{
	font: bold 18px Arial, Helvetica, sans-serif, Verdana;
	color: #8d0a02;
	padding: 0px 5px 10px 5px;
	margin: 0px;
	}



#rightcolumn{
	float: left;
	width: 350px; /*Width of right column in pixels*/
	margin-left: -350px; /*Set left margin to -(RightColumnWidth) */
	background: #ebf3fa url(../images/content-r-back.jpg) top left repeat-x;
}

#rightcolumn h2 {
	font: bold 17px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #002d4a;
	padding: 5px 5px 5px 10px;
	text-align: left;
	}


/* Trip Box */

.tripbox {
	  background: #ebf3fa url(../images/trip-back.jpg) repeat-x left top;
	  margin: 0px 0 35px 0px;
	  padding: 0;
	  width: 100%;
}

* html .tripbox {
	 margin: 0px 0 0px 0px;
	  }
.tripbox p{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #0c0a09;
	padding: 3px 8px 5px 8px;
	text-align: justify;
	line-height: 1.5;
	}
	
.tripbox h1{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #013e4f;
	padding: 5px;
	margin: 0px;
	}


.tripmore {
	margin-right: 3px;
	color: #01b2ec;
	margin-bottom: 20px;
	float: right;
	}

.tripmore a {
	width: 102px;
	height: 19px;
	padding-top: 3px;
	padding-left: 15px;
	background: url(../images/more_button.jpg) left top no-repeat;
	display: block;
	font: bold 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #023d9e;
	text-transform: none;	
}

.tripmore a:hover {
	background-position: left bottom;	
	color: #002666;
	text-decoration: none;
	}


/* others */

h1 {
	font: bold 18px Arial, Helvetica, sans-serif, Verdana;
	color: #8d0a02;
	text-decoration: none;
	margin-bottom: 5px;
	background: none;
	}




/******* My Css ****/

.title{
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 5px;
	background: #00597e;
}


.text{
	font-family: Verdana, Arial, sans-serif;	
	font-size: 12px;
	line-height: 1.5em;
	color:#000000;
	text-align:justify;
}

.imgleft {
	border: 1px solid #d8cfc6;
	background-color: #f9f5f3;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	}
	
.imgright {
	border: 1px solid #d8cfc6;
	background-color: #f9f5f3;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	}
	
.imgfront {
	border: 2px solid #c6d0d8;
	background-color: #f3f7f9;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	}
	
.subtitle {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#783b00;
	}

a { 
	color: #0137a6;
	text-decoration: none;
}

a:hover { 
	color: #9e1b01;
	text-decoration: underline; 
}

.padding {
	padding: 4px;
	}

.bmenu {
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #990000;
	padding: 5px 3px 5px 0px;
	}
.bmenu a {
	color: #990000;
	}
	
.bmenu a:hover {
	color: #8e5e00;
	}
	
/* footer*/

#footer-menu{
	margin: 0px;
	width: 100%;
	clear: left;
	background: #6292a1;
	color: #2a3944;
	text-align: center;
	padding: 0px;
	font: bold 11px Arial, Verdana, Tahoma;
}
#footer-menu a{
	color: #003664;
	}
	
#footer-menu a:hover{
	color: #fffdfc;
	text-decoration: none
	}
	
#footer{
	margin:0;
	width: 100%;
	clear: left;
	background: #12506c url(../images/footer_back.jpg) bottom left repeat-x;
	color: #FFF;
	text-align: center;
	padding: 4px 0 5px 0;
	height: 45px;
}

#footer .left{
	float: left;
	padding: 8px 0 0 15px;
	text-align: left;
	font: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	color: #c7bbbd;
	}

#footer a{
	color: #aac6cf;
	text-decoration: none;
	}

#footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	}	
	
#footer .right{
	float: right;
	text-align: right;
	padding: 4px 15px 0 0;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;	
	}
	
.right {
	text-align: right;
	}
	/* Left Box */

	
/* Table text */

.tdpadding {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 1.4;
	padding: 4px;
	border:0px;
	}
	
/*Reservation Form */

.formbox{
	width: 96.5%;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border: 2px solid #00597e;
	background-color:#cfdee8;
	position: relative;
	float: left;
	overflow: hidden;
	
}

*:first-child+html .formbox{
	width: 95.5%;


	
}

* html .formbox{
	width: 95.5%;


	
}

.formbox div{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 5%;

}

.formbox p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #a9b5bd;
	width: 100%;

}
* html .formbox div{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: 0;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #a9b5bd;
	height: 1%;

}

.formbox .writespace{
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin-left: 5px; 
	width: 150px;
	text-align: left;
}


/*** Div box ***/
#welbox .2colbox {
width: 80%; 
margin: 0 auto;
float: left;
position: relative;
text-align: left; /* reverse IE centering hack */
}

#welbox .floatleft {
float: left; 
width: 45%;
font-family: Arial, Helvetica;
font-size: 12px;
}

#welbox.floatright {
float: right; 
width: 55%;
font-family: Arial, Helvetica;
font-size: 12px;
} 



/* amar box */

#amarbox {
	padding: 5px;
	margin: 10px 0px 0px 0px;
	position: relative;
	float: left;
	width: 99%;
	background: #d9dfec;
	}
	
*:first-child+html #amarbox {
	padding: 5px;
	overflow: hidden;
	width: 98%;

	}

* html #amarbox {
	padding: 5px;
	overflow: hidden;
	width: 98%;

	}

	
#amarbox .box{
	padding: 5px;
	margin: 0px 5px 5px 5px;
	position: relative;
	float: left;
	width: 45.5%;
	font: normal 11px/1.5 Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #d9dce8;
	background: #e9eefe;
	}
	
#amarbox .box .htitle{
	padding: 0px;
	font: bold 14px/1.5 Helvetica, Tahoma, Arial, sans-serif;
	color: #002679;
	}

#amarbox .box a.more {
		display:block;
		text-align:right;
		background:url(../images/tsr-a.gif) right center no-repeat;
		padding:0 18px 0 0;
		text-decoration:none;
		color:#44a;
	}
#amarbox .box a.more:hover {
		text-decoration:underline;
	}