/********************************************
	AUTHOR:  		Binod Thapa
	COMPANY:		Alpine Adventure Club Treks & Expedition
	WEBSITE:   		http://www.alpineadventureclub.com/
	TEMPLATE NAME: 		Alpine Adventure Club Treks & Expedition
	LAST MODIFIED:		July-11-2010
 *******************************************/ 


*{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	background-color: #404040;
	font: 12px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
}
#headerwrap {
	background: #4572B2 url(../images/topbkg.gif);
	height: 200px;
	padding-top: 10px
}
		
#header {
	margin:auto;
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 902? "900px" : "auto");
	min-width:755px;
	max-width:900px;
	background: #4572B2 url(../images/header.jpg);
	height: 200px;
	position:relative;
}

#header h1#logo {
	position: absolute;
	margin: 0; 
	padding: 0;
	font: bolder 1.35em Helvetica, 'Trebuchet MS', Arial, Sans-serif;
	color: #C6030C;
	letter-spacing: -1px;
	top: 8px; 
	left: 22px;	
}

#header h2#slogan {
	position: absolute;
	top: 28px;
	left: 38px;
	color: #020202;
	text-indent: 0px;
	font: bold 12px Arial, Helvetica, Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
}

#header h3#headline {
POSITION: absolute;
TOP: 6px;
LEFT: 545px;
RIGHT: 6px;
COLOR: #FAFEFF;
PADDING-RIGHT: 4px; 
PADDING-LEFT: 4px;  
FONT:  bold 11px Arial, Helvetica, Tahoma, 'trebuchet MS', Sans-serif;
PADDING-BOTTOM: 2px; 
PADDING-TOP: 2px; 
BORDER: 1px solid #D0E5FD;
BACKGROUND: #66D4FE;

}
#header h3#headline a{
COLOR: #FAFEFF;
}

#header h4#link {
	min-width:300px;
	max-width: 350px;
	height: 17px;
	padding-left: 8px;
	padding-top: 3px;
	top: 178px;
	color: #BEE4FF;
	font: bolder 1.10em Helvetica, 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	position:relative;
	
}
#header form.searchform {
	position: absolute;
	top: 10px; 
	right: 12px;	
}

#header #logo{
	float: left;
	padding: 5px;
	margin: 5px 0px 0px 5px;

}


	
#container{
	margin:auto;
	background-image:  url(../images/variation.gif);
	background-repeat: repeat-y;
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 902? "900px" : "auto");
	min-width:755px;
	max-width:900px;
	background-color:#FFFFFF;
}

#nav{
		float: left;
		width: 170px;
		margin-left: 10px;
		padding-top: 1em;
		}
* html #nav{
		margin-left: 5px;
		}
		
#nav p { margin-top: 0; }
		
#content{
		padding-top: 1em;
		margin: 0 1em 0 200px;
		color:#272727;
		}

#content #topbox {
	background: url(../images/top-bkg.jpg) bottom left repeat-x;
	padding: 0em 1em 1em 1em;
	}
#content #topbox h1 {
	margin-top: 0; 
	margin-bottom: 10px;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #374E63;
	border-bottom: 1px solid #EEEEEE;
	background: url(../images/arrow-title.gif) center left no-repeat;
	padding: 0px 0px 4px 20px;
	}
	
#content p { text-align: justify; padding-bottom: 10px; line-height: 1.5;}
		
#content h2 { 
    margin-top: 0; 
    margin-bottom: 10px;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #374E63;
	border-bottom: 1px solid #EEEEEE;
}

#content h3 { 
    margin-top: 0;
    margin-bottom: 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #FF5600;
	border-bottom: none;
	padding: 0px 0px 4px 250px;
}	
		
#content h1 { 
	margin-top: 0; 
	margin-bottom: 10px;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #374E63;
	border-bottom: 1px solid #EEEEEE;
	background: url(../images/arrow-title.gif) center left no-repeat;
	padding: 0px 0px 4px 20px;
	}
	
#topbox h1 { margin-top: 0; padding-bottom: 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #374E63;
	}	
		
#foot{
	clear: both;
	background:transparent url(../images/right-bkg.gif) bottom right no-repeat;
	}


#footerwrap{
position:relative;
width: 100%;
background:transparent url(../images/footer-bkg.gif) repeat-x top;
height:60px;
padding-bottom: 2px;
}

#footerbox{
position:relative;
width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 902? "900px" : "auto");
min-width:755px;
max-width:900px;
margin:auto;
padding-top: 15px;
padding-bottom: 10px;
color:#FFFFFF;
}

*:first-child+html #footerbox {
	padding-bottom: 0px;
	}



#footerbox #footer-left {
	width: 50%;
	float: left;
	text-align: left;
	margin: 0; 
	padding: 10px 10px 10px 10px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#footerbox #footer-left a { 
	text-decoration: none; 
	color: #6d82a4; 
}
#footerbox #footer-left a:visited { 
	text-decoration: none; 
	color: #627494; 
}
	
#footer #footer-left a:hover { 
	text-decoration: underline; 
	color: #83a6e1; 
}
#footerbox #footer-right {
	width: 30%;
	float: right;
	text-align: right;
	margin: 0; 
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
}
#footerbox #footer-right a { 
	text-decoration: none; 
	color: #ffba00; 
}
	
#footerbox #footer-right a:hover { 
	text-decoration: underline; 
	color: #83a6e1; 
}

.title {
	font: bold 12px Helvetica, Arial, Verdana, sans-serif;
	padding: 0px;
	color: #FF5600;
	}


/* Tickets */
.royalty p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
}

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

.royalty .day{
	font-weight: normal;
	font-size: 11px;
	float: right;
	margin-right: 5px; 
	width: 35%;
	text-align: center;
}

/* Column left two boxes */

#box {
	width: 100%;
	position: relative;

}

.box1 {
	float: left;
	width: 50%;
	margin: 20px 13px 15px 0;
}

.box2 {
	float: left;
	width: 45%;
	margin: 20px 0 15px 0;
}

.small-text {
padding: 3px;
}

.small-link {
padding: 20px;

}

.weather p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 15%;
}

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

.weather .day{
	font-weight: normal;
	font-size: 12px;
	float: right;
	margin-right: 5px; 
	width: 8%;
	text-align: center;
}


  
#colboxinner { 
	  float: left; 
	  overflow: hidden; 
	  width: 98%;
	  padding: 4px;
	  background: #434b57 url(../images/tbox-back.gif) top left no-repeat;
	  }
	  
#colboxinner-in { 
	  padding: 8px 4px 4px 0px;
	  right: -4px;
	  top: -4px;
	  background: #434b57 url(../images/tbox-back-right.gif) top right no-repeat;
	  position: relative;
	  }
	  
  
	  
* html #colboxinner #colboxinner-in { 

	  width: 100%;
	  position: relative;
	  padding: 8px 4px 0px 0px;
	  }
	  
	  
#colboxinner #colboxinner-in div { 
	  float: left; 
	  width: 47%; 
	  margin-right: 10px;
	  padding: 5px; 
      font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Tahoma, Verdana;
	  font-size: 12px;
	  background: #e6e6c8 url(../images/pro_back.gif) top left repeat-x;
	  }
	  
#colboxinner #colboxinner-in .col2 { 
	  background: #e6e6c8 url(../images/pro_back.gif) top left repeat-x;
	  margin-right: 0; 
	  width: 47%;
	  }
	  
/** Col 2 **/
#colboxinner1 { 
	  float: left; 
	  overflow: hidden; 
	  width: 98%;
	  padding: 0px 4px 4px 4px;
	  background: #434b57 url(../images/tbox-left-btm.gif) bottom left no-repeat;
	  }
	  
#colboxinner-in1 { 
	  padding: 0px 4px 162px 0px;
	  right: -4px;
	  bottom: -4px;
	  background: #434b57 url(../images/tbox-back-btm.gif) bottom right no-repeat;
	  position: relative;
	  }
	  
  
	  
* html #colboxinner1 #colboxinner-in1 { 

	  width: 100%;
	  position: relative;
	  padding: 0px 4px 8px 0px;
	  }
	  
	  
#colboxinner1 #colboxinner-in1 div { 
	  float: left; 
	  width: 47%; 
	  margin-right: 10px;
	  padding: 5px; 
      font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Tahoma, Verdana;
	  font-size: 12px;
	  background: #e6e6c8 url(../images/pro_back.gif) top left repeat-x;
	  }
	  
#colboxinner1 #colboxinner-in1 .col21 { 
	  background: #e6e6c8 url(../images/pro_back.gif) top left repeat-x;
	  margin-right: 0; 
	  width: 47%;
	  }


	  


.moreright{
	font-family: Arial, Verdana, Helvetica;
	display: block;
	float: right;
	padding-right: 10px;
	font-weight: bold;
}


.formbox{
	width: auto;
	padding: 10px;
	border: 1px solid #eee9e2;
	background-color:#fbf9f6; 	
}

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

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

}

.formbox .writespace{
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin-left: 5px; 
	width: 25%;
	text-align: left;
}
/* Departure box */

.departure p{

	font-family: Verdana, Arial, Helvetica;

	font-size:12px;

	width: auto;

	clear: left;

	left: auto;

	right: auto;

	margin: 0;

	padding: 2px;

	border-bottom: 1px dashed #CCCCCC;

	height: 15%;

}

* html .departure p{

	font-family: Verdana, Arial, Helvetica;

	font-size:12px;

	width: auto;

	clear: left;

	left: auto;

	right: auto;

	margin: 0;

	padding: 2px;

	border-bottom: 1px dashed #CCCCCC;

	height: 1%;



}

.departure .day{

	font-weight: normal;

	font-size: 12px;

	float: right;

	margin-right: 5px; 

	width: 15%;

	text-align: center;



}

.note{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#1F8726;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.policy{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color:#0018FF;
}

.note-write{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color:#CD3500;
	line-height: 1.5em;
	margin-bottom: 10px;