* { margin: 0; padding: 0; border:0; outline:0; text-decoration: none; text-align: left; }

html,body {
	height:100%; /* needed for container min-height */
	background:#8D191C; font-family:arial,sans-serif; font-size:12px; line-height: 18px; color:#FFFFFF;
}

#container {
	position:relative; margin:0 auto; text-align: center; width: 960px; height:auto !important; 
	height:100%; min-height:100%; background:#2E1010 url('../assets/main_background.jpg') no-repeat top left;
}

#logo { position: absolute; top: 0; left: 10px; }

#nav-header { float: right; overflow: hidden; }




/* ---------- initial Styling ---------- */

a, img { outline: none; }

a:hover { text-decoration: underline; }

h2 { font:16px; margin:0 0 20px; }

h1, h2, a { color: #FFCC00; z-index:1;}

p { margin:0 0 18px 0; }

h3 { font-weight: bold; font-size: 14px; }

h4 { font-weight: bold; font-size: 12px; }

.center { text-align: center; }

.italic { font-style: italic; }

.hidden { display: none; }

.no-bg-img { background-color:#2E1010; background-image: none !important; }

.push { clear:both !important; }

.anchor { visibility: hidden; }

.orange_text { color: #FFCC00; }

.inline_ul li { margin-bottom: 18px; }

.extra_margin { float: left; padding-top: 18px; }

.third { float: left; margin: 0 0 60px 0; width: 205px; }

.third ul { list-style-type: none; }

.float_right { float: right; text-align: right; }



/* ---------- Main Content Styling ---------- */
#flash {float: right;margin-bottom:0px;padding-right:0px; width: 650px; }
#main-content, #home-content { float: right; margin: 2px 30px 20px 0; width: 620px; }
#main-content p { float: left; clear: both; width: 100%; }
#gallery-content { float: right; margin: 60px 0 80px 0; width: 675px; }
#gallery-content h2 { margin-left: 20px; }
#trips, #gallery { float: left; width: 100%; margin: 0 0 28px 0; }

.triplink { float: left; margin-left: 40px; padding: 5px; width: 135px; }
.triplink img, #gallery img { border: 3px solid #FFCC00; margin-bottom: 4px; }
.triplink:hover img, #gallery a:hover img { border: 3px solid #FFFFFF; }
.triplink:hover, .triplink:hover h3 { color: #FFFFFF; text-decoration: none; }
#region_trip { float: left; clear: both; width: 100%; margin-bottom: 10px; }
#region_trip p { margin-top: 18px; }
#region_trip .triplink {margin-left: 0; margin-right: 40px; }


#trip-photo { clear: both; margin: 20px 0 20px 0; padding: 3px; border: 1px solid #FFCC00; }

#trip-photo img { border: 4px solid #FFCC00; }

#gallery { background: none; }

#gallery a { float: left; margin-left: 18px; margin-bottom: 18px; padding: 5px; width: 135px; }




/* ---------- Contact Form Styling ---------- */

.missinginfo { color: #FFCC00; font-weight: bold; }

.border { border: 1px solid #ffcc00; }

form h5, form input, form textarea { font-family:arial,sans-serif; font-size:12px; line-height: 18px; color: #FFFFFF; }

form input, form textarea { padding: 5px;  margin: 9px 0 18px 0; border: 1px solid #FFCC00; background-color: #2E1010; } 

form fieldset { float: left; }

form .right { float: right; margin-right: 10px; }

form .full, form input, form textarea { width: 580px; }

form .half, form .half input, form .half textarea { width: 270px; }

form textarea { height: 78px; }

form .full textarea { height: 60px; }

form .comments { margin-top: 16px; }
form .comments textarea { height: 215px; }

.btn { width: 115px; margin-right: 40px; background-color: #D7AA28; font-weight: bold; text-align: center; cursor: pointer; }

.btn:hover { color: #8D191C; }




/* ---------- Sidebar Styling ---------- */

#sidebar { float: left; margin: 80px 0 0 30px; width: 180px; padding: 20px 20px 36px 20px; border: 3px solid #FFFFFF; }

#sidebar ul { padding-left: 15px; }

.sidebar_links li, .sidebar_quickfind li { font-weight: bold; display: block; }

.sidebar_quickfind { list-style-type: none; }

.sidebar_quickfind li { line-height: 24px; width: 100%; }

.sidebar_quickfind a:hover { color: #FFFFFF; text-decoration: none; }


/* -------------------- Main Navigation ---------------------- */


#trip_prev, #trip_next { margin-bottom: 36px; height: 27px; background: no-repeat url('../nav/nextprev.png'); }
#trip_prev span, #trip_next span { display: none; }

#trip_prev { float: left; width: 117px ; background-position: 0 0; }
#trip_prev:hover { background-position: 0 -28px; }

#trip_next { float: right; width: 82px; background-position: -117px 0; }
#trip_next:hover { background-position: -117px -28px; }




#topnav, #footernav, #tripsnav, #aboutnav ,#infonav{ overflow: hidden; list-style-type: none; background: url('../nav/nav_bg.png') repeat-y 0 0; }

#topnav { float: right; width: 680px; padding: 0 10px 0 150px; background-position: 10px 0;}

#footernav {  width: 680px;float: right; overflow:visible;  left: 0; padding: 0 10px 0 270px; background-position: right bottom;}
#footernav #tripsnav, #footernav #aboutnav, #footernav #infonav { overflow: visible; }

#topnav li, #topnav a, #footernav li, #footernav a { height: 45px; text-decoration: none; display: block; }

#topnav li { background: url('../nav/nav_knot.png') no-repeat 0px 10px; padding-left: 35px; float: left; } 

#footernav li { background: url('../nav/nav_knot.png')  no-repeat 0px 10px; padding-left: 35px;
width:62px; float: left; } 

#home { background: none !important; padding-left: 0; }

#home a {width: 53px; background:url('../nav/nav_main.png') 0 0;}
#home a:hover, #home a.thispage {background: url('../nav/nav_main.png') 0 -43px; }

#aboutlink a { width: 55px; background:url('../nav/nav_main.png') -65px 0; }
#aboutlink a.thispage { background: url('../nav/nav_main.png') -65px -43px; }

#tripslink a {width: 45px; background:url('../nav/nav_main.png') -134px 0;}
#tripslink a.thispage {background: url('../nav/nav_main.png') -134px -43px;}

#slideshow a {width: 90px; background:url('../nav/nav_main.png') -200px 0;}
#slideshow a:hover, #slideshow a.thispage {background: url('../nav/nav_main.png') -200px -43px;}

#info a {width: 158px; background:url('../nav/nav_main.png') -302px 0;}
#info a:hover, #info a.thispage {background: url('../nav/nav_main.png') -302px -43px;}

#contact a {width: 68px; background:url('../nav/nav_main.png') -476px 0;}
#contact a:hover, #contact a.thispage {background: url('../nav/nav_main.png') -476px -43px;}

#aboutlink a:hover, #tripslink a:hover ,#info a:hover{ cursor: default; }
#aboutnav li a:hover, #tripslink li a:hover, #info li a:hover{ cursor: pointer; }




/* --------------------- Sub Navigation ---------------------- */

#aboutlink span:hover #aboutnav, #aboutlink a.over #aboutnav, #info span:hover #infonav, #info a.over #infonav ,#tripslink span:hover #tripsnav, #tripslink a.over #tripsnav { display: block; } /* The sub-navigation magic */

#aboutnav, #tripsnav ,#infonav{ position:absolute; top: 82px;  padding: 0 0 10px 0; display: none; background: repeat-x url('../nav/nav_sub_btm.png') left bottom; }

#footernav #aboutnav, #footernav #tripsnav, #footernav #infonav { padding: 8px 0 0 0; border-bottom: 2px solid #2E1010; background: repeat-x url('../nav/nav_sub_top.png') left top; }

#aboutnav { left: 360px; }
#tripsnav { left: 452px; }
#infonav { left: 652px; }
#footernav #aboutnav { top: -74px; }
#footernav #tripsnav { top: -138px; }
#footernav #infonav { top: -105px; }

#aboutnav li, #tripsnav li,#infonav li { float: none;  padding: 0 40px 0 30px; background: repeat url('../nav/nav_sub_bg.png') 0 0; }
#aboutnav li { width: 85px; }
#tripsnav li { width: 150px; }
#infonav li { width: 150px; }

#aboutnav li, #aboutnav a,
#tripsnav li, #tripsnav a { height: 32px; text-decoration: none; display: block; }
#infonav li, #infonav a{ height: 32px; text-decoration: none; display: block; }
/* ---------- */

#aboutnav_us a { width: 68px; background:url('../nav/nav_sub_about.png') 0 5px; }
#aboutnav_us a:hover { background: url('../nav/nav_sub_about.png') 0 -24px; }

#aboutnav_travelling a { width: 85px; background: url('../nav/nav_sub_about.png') -91px 5px; }
#aboutnav_travelling a:hover { background: url('../nav/nav_sub_about.png') -91px -24px; }


/* ---------- */

#tripsnav_spiritual a { width: 132px; background:url('../nav/nav_sub_trips.png') 0 2px; }
#tripsnav_spiritual a:hover { background: url('../nav/nav_sub_trips.png') 0 -28px;} 

#tripsnav_cultural a { width: 126px; background:url('../nav/nav_sub_trips.png') -158px 2px;}
#tripsnav_cultural a:hover { background: url('../nav/nav_sub_trips.png') -158px -28px;}

#tripsnav_trekking a { width: 150px; background:url('../nav/nav_sub_trips.png') -331px 2px;}
#tripsnav_trekking a:hover { background: url('../nav/nav_sub_trips.png') -331px -28px;}

#tripsnav_custom a { width: 125px; background:url('../nav/nav_sub_trips.png') -507px 2px;}
#tripsnav_custom a:hover { background: url('../nav/nav_sub_trips.png') -507px -28px;}

#infonav_spiritual a { width: 168px; background:url('../nav/nav_sub_info_2.png') 0 5px; }
#infonav_spiritual a:hover { background: url('../nav/nav_sub_info_2.png') 0 -24px; }

#infonav_cultural a { width: 160px; background: url('../nav/nav_sub_info_3.png') 0px 5px; }
#infonav_cultural a:hover { background: url('../nav/nav_sub_info_3.png') 0px -24px; }


#infonav_custom a { width: 147px; background: url('../nav/nav_sub_info_4.png') 0px 5px; }
#infonav_custom a:hover { background: url('../nav/nav_sub_info_4.png') 0px -24px; }

.clear{ clear:both; font-size:1%; line-height:1%; height:0;}

/* ---------- */

#logo, #nav-header {
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "assets/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}