/* 
title: Gokyo Treks Nepal
xhtml/css author: Ananda K. Maharjan
date: January 2008
document: master stylesheet
*/

/* 
Colour References:
brown: #6f6251;
light yellow; #d5c9a3;
light orange: #ffe4b8;
innerbg: #b7a48a;
very light1: #fff9e6;
very light2: #f5e9cc;
*/

/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, font, ins, kbd, q, s, samp,small, strike, tt, var,dl, dt, dd, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}body {	line-height: 1;	color: black;	background: white;} ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: separate;	border-spacing: 0;}caption, th, td {	text-align: left;	font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {	content: "";}blockquote, q {	quotes: "" "";}

/******************
Overall Site Styles
******************/

/* General Styles */

body {
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	line-height:normal;
	background: #E7EFC1 url(images/bgmain.jpg) repeat-x left top;
	text-align:center;
}

#mainmenu {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	clear: both;
	height: 125px;
	position: relative;
		}
#slogan {
	position: absolute;
	top: 10px;
	left: 540px;
		}
		
.logo {
	margin-top: 32px;
	float: left;
}


/*UPPER MENU */
#stripup {
	height: 125px;
	clear: both;
	display: block;
}

#uppermenu {
	width: 950px;
	height: 51px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}

#uppermenu ul {
	float: right;
	list-style-type: none;
	margin: 0px;
	padding-top: 16px;
	display: block;
}

#uppermenu ul li {
	display: inline;
	
}

#uppermenu ul li a {
	float: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #989D7F;
	padding-left: 8px;
	padding-right: 8px;
	}
#uppermenu ul li a:hover {
	color: #057021;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6633;
	}
	
strong{font-weight:800;}
p{padding-bottom:1em;line-height:1.3em;font-size:12px;}

h1{
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#034815;
	padding-bottom:0.2em;
	}

h2{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #034815;
	padding-bottom: 5px;
	font-weight: bold;
	}
	
.big{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#034815;
	font-weight: bold;
	}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color: #000;
	padding-bottom: 5px;
	}
	
.clearer {clear: both;}

/* Links */
a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#034815;text-decoration:none;}
a:active{color:#034815;text-decoration:none;}

/* contents*/
#wrapper {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}


#leftcontents {
	width: 384px;
	float: right;
	margin-top: 22px;
	padding-top: 12px;
	}
#leftcontents a {
	text-decoration: none;
		}
	
#leftcontents img {
	margin-right: 15px;
	float:left;
	border: 1px solid #fff;
	padding: 5px;
	background-color: #D3DAB0;
	}	

.featuredtrips{
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-image: url(images/testibg2.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #fff;
}
.featuredtrips a{
	padding: 5px;
	padding-top: 10px;
	height: 95px;
	display: block;
	margin: 0;
	list-style-type: none;
	}
.featuredtrips a:hover{
	background-color: #C0C7A1;
	color: #fff;
	}

img {
border: none;
}
.banner {
	height: 329px;
	width: 950px;
	overflow: hidden;
	
}




.banner img {
	float: left;
	z-index: 5;
	}
.imageElement {
	width: 950px;
}



.small {
	font-size:10px;
	font-weight: bold;
	}
.more {
	font-size:12px;
	color:#044F17;
	font-weight: bold;
	font-style: italic;
		}
.moretwo {
	font-size:14px;
	color:#044F17;
	font-weight: lighter;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	font-style: italic;
		}
#leftcontents .more {
	font-size:10px;
	color:#FF9900;
	padding-left: 6px;
	text-decoration: underline;
		}

.more a:link, .more a:visited {
	font-size:12px;
	color:#044F17;
	font-weight: bold;
	text-decoration: underline;
	}
.more a:hover {
	color: #067823;
	text-decoration: none;
	}
.urlblack{
font-size:13px;
color:#000000;
font-weight:bold;
}

#contentblock {
	width: 566px;
	float: left;
	margin-top: 22px;
	padding-top: 12px;
				}
#contentblock h1{
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#034815;
	font-weight: normal;
	padding-bottom:0.55em;
	
		}
#midcontents {
	width: 254px;
	float: left;
	display: inline;
	padding-right: 8px;
	background-image: url(images/verticalline.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	}
#rightcontents {
	width: 256px;
	float: right;
	display: block;
	padding-right: 10px;
	
	}
	
/* PhotoGallery */
#midcontents ul {
  margin: 0;
 padding: 0;
 list-style: none;
}

#midcontents ul li {
	margin-right: 4px;
	margin-bottom: 4px;
	float: left;
			}
#midcontents ul li a {
	width: 49px;
	height: 49px;
	float: left;
	border: 1px solid #6f6251;
	padding: 4px;
	background-color: #d5c9a3;  
	}
#midcontents ul li a:hover {
	border: 1px solid #6f6251;
	padding: 4px;
	background-color: #6f6251;  
	}
	
/* SearchTrips */
#searchtrips {
	width: 226px;
	height: 150px;
	background-color: #6f6251; 
	margin-bottom: 14px;
	padding: 10px;
}
select {
	width: 226px;
	height: 20px;
	background-color: #9d9382;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 10px;
	border: 1px solid #b7a48a;
}

/* Footer */
#footer {
	clear: both;
	background-color: #656551;
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	}
#insidefooter {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #d5c9a3;
		}
#insidefooter p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d5c9a3;
	}
#insidefooter a {
	color: #d5c9a3;
	text-decoration: none;
	}
#insidefooter a:hover {
	color: #FFFFFF;
		}
.leftfooter {
	float: right;
}
.rightfooter {
	float: left;
}
.rightfooter img {
	float: left;
	margin-right: 10px;
}
#footer .rightfooter a{
	color: #fff;
}
#footer .rightfooter a:hover{
	color: #ffe4b8;
}

/* innerpages */
#maincontents {
	margin-top: 30px;
	width: 618px;
	float: left;
	color: #362f28;
			}

#maincontents h3{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 5px;
	font-weight: bold;
	}
#sidebar {
	width: 283px;
	float: right;
	margin-top: 4px;
	padding-top: 18px;
	background-color: #9BA081;
		}

#sidecontents {
	padding-left: 19px;
		}

#sidebarmenu {
	margin-left: 8px;
	margin-right: 27px;
		}
	#sidebarmenu a {
	color:#DBE2B7;
		}
#sidebarmenu h1 {
	color: #fff;
		}
#sidebarmenu ul {
	padding: 0;
	margin-top: 4px;
	margin-bottom: 22px;
	list-style: none;
		}
#sidebarmenu ul li {
	height: 36px;
	line-height: 30px;
	dispaly: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-indent: 28px;
	color: #F6FFCE;
	background-image: url(images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
		}
#sidebarmenu ul li a {
	color: #F6FFCE;
	display: block;
			}
#sidebarmenu ul li a:hover {
	color: #fff;
	background-color: #7E8269;
			}
#boxtext {
	width: 588px;
	padding: 15px;
	color: #000;
	background-color: #B7BD99;
	margin-bottom: 20px;
		}
#boxtext a {
	color: #000;
	}
#boxtext a:hover {
	color: #827260;
	}
#boxtext p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
	margin: 0;
	padding: 0;
}
#boxtext img {
	float: left;
	margin-right: 9px;
	border: 6px solid #e3d8bd;
	margin-bottom: 10px;
		}
#maincontents h2{
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#034815;
	padding-bottom:0.2em;
	}
.popular {
	width: 286px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	}
.popularright {
	width:286px;
	float: right;
	margin-bottom: 20px;
	}
#rounded {
	clear: right;
	float: right;
	display: block;
	width: 283px;
	height:10px;
	background-image: url(images/rounded.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#maincontents .intro {
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 10px;
	margin-bottom: 14px;
}
#maincontents .intro p {
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 1.5em;
	font-style: italic;
	font-weight: lighter;
	color: #ffdfbc;
	}
#maincontents .intro p:first-letter {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	font-size: 2em;
	color: #ffdfbc;
		}
.description {
	background-color: #958671;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 16px;
	padding-bottom: 6px;
	background-image: url(images/testibg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #746857;
	border-bottom-color: #4d453a;
	border-left-color: #c6b7a3;
	margin-bottom: 26px;
}

#maincontents .description h2 {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 14px;
	float: left;
	font-weight: bold;
	color: #ffe6c0;
	margin-bottom: 20px;
}

.titleright {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: right;
	font-size: 12px;
	font-weight: 100;
	color: #ffe6c0;
	font-style: italic;
}

/* triplists */
.tripphoto {
	float: left;
	padding: 0;
	}
.tripphoto img{
	margin-right: 16px;
	padding: 4px;
	border: 1px solid #958671;
	background-color: #baa78c;
	}

.tripphoto img:hover{
	border: 1px solid #bdaa8f;
	background-color: #958671;
	}

.tripdetails {
	padding-bottom: 2px;
	float: left;
	width: 416px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	}

.buttons {
	margin-top: 6px;
	width: 130px;
	height: 22px;
	line-height: 22px;
	float: left;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 7px;
	background-color: #5c5143;
	background-image: url(images/button.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #383229;
	border-bottom-color: #352f27;
	border-left-color: #7c7469;
}
	
.buttons a {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/button.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #af9a81;
	top: 9px;
}
.buttons a:hover {
	background-position: left bottom;
	color: #af9a81;
	background-color: #4d3e2b;
}
.buttons a:active, .buttons a:visited {
	color: #af9a81;
	}
.indent {
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	width: 68px;
	color: #000000;
}
#numbering {
	clear: both;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	margin-top: 12px;
	margin-bottom: 12px;
	}
#numbering .pgno a{
	text-align: center;
	display: inline-block;
	height: 10px;
	padding: 5px;
	background-color: #d3b99c;
	border: 1px solid #c5ad92;
	}

#numbering .pgno a:hover {
	background-color: #8b7a67;
	color: #FFFFFF;	
	}
.leftlist {
 float: left;
 width: 220px;
}
.rightlist {
 float: left;
}
#patch {
	clear: both;
	width: 950px;
	height: 63px;
	background-color: #362f28;
	}
#patch h1 {
	font-size: 22px;
	padding-top: 20px;
	float: left;
	}
.huge {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 54px;
	font-style: italic;
	font-weight: lighter;
	color: #413930;
}
.extrahead{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#034815;
	width: 259px;
	font-size: 18px;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 5px;
		}
		
/* contact form */
#boxtext .cssform p{
	width: 588px;
	clear: left;
	margin: 0;
	padding-left: 22px;
	height: 1%;
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}

.cssform label{
font-weight: bold;
float: left;
width: 150px; 
}

.cssform input[type="text"]{
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.cssform textarea{
	width: 250px;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.selectoptions {
	padding-top: 18px;
	padding-left: 18px;
	float: left;
	background-color: #ececec;
	width: 180px;
}
.selectionbg {
	background-color: #ececec;
	height: 120px;
	margin-top: 11px;
}

/* Photo Gallery */
#photogallery {
	width: 618px;
	float: left;
	margin-top: 50px;
			}
#diapoContainer {
	position: absolute;
	top: 274px;
	width: 648px;
	height: 80%;
	verflow: hidden;
	}

.imgDC {
		position: absolute;
		cursor: pointer;
		border: #000 solid 2px;
		filter: alpha(opacity=90);
		opacity: 0.9;
		visibility: hidden;
	}
	

	
	.imgsrc {
		position: absolute;
		width: 120px;
		height: 67px;
		visibility: hidden;
		margin: 3%;
	}
	
	#bkgcaption {
		position: absolute;
		bottom: -50px;
		left: 0px;
		width: 100%;
		height: 40px;
		background:#6f6251;
	}
	#caption {
		position: absolute;
		font-family: arial, helvetica, verdana, sans-serif;
		color: #000;
		bottom: -45px;
		width: 100%;
		left: -10000px;
		text-align: center;
	}
	
#Navbar {
	margin-top: 75px;
	float: right;
	
		}

#Navbar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#Navbar ul li {
	float: left;
	display: inline-block;;
}

#Navbar ul li a {
	padding: 15px;
	text-align: center;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	display: block;
	font-variant: small-caps;
	background-color: #006600;
	color: #E6EDBF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#Navbar ul li a:hover {
	background-color: #033A11;
	color: #FFFFFF
}

#dropmenudiv{
	position:absolute;
	width: 180px;
	border: 1px solid #fff;
	border-top: none;
	z-index: 100;
	background-color: #067923;
	background-image: url(images/dropdown.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

#dropmenudiv a{
	display: block;
	text-indent: 3px;
	text-decoration: none;
	color:#A8AE8D;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	height: 31px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 14px;
	line-height: 31px;
	font-size: 12px;
	z-index: -5;
	}

#dropmenudiv a:hover{
	color:#E7EFC1;
	text-align: left;
	background-color: #05611C;
	background-image: none;
	}
