/* Base Styles */

body, input, textarea, select { font-family: Arial, Helvetica, Verdana; font-size: 12px; }

body { margin: 0px; padding: 0px; }



body { background: #000000 url('/images/bgBody.jpg') top center repeat-x; color: #ffffff; }



a { color: #ffffff; text-decoration: none; }

a:hover { }



img { border: 0px; padding: 0px; margin: 0px; }



/* Form hack */

form { padding: 0px; margin: 0px; }



/* Formatting hack */

.clear { clear: both; }

.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }

.clearafter { display: inline-block; }



/* Hides from IE-mac */

* html .clearafter { height: 1%; }

.clearafter { display: block; }



/* Generic Styles */

.center { text-align: center }

.left { float: left }

.right { float: right }



/* Container */

#container { background: #b91924 url('/images/bgContainer.jpg') top center repeat-x; width: 100%; height: auto; }



#container .body { width: 900px; height: auto; margin: 0px auto 0px auto; }



/* Header */

#header { background: url('/images/bgHeader.jpg') top center no-repeat; width: 100%; height: 170px; }



/* Nav */

#nav { padding: 40px 0 0 0; margin: 0px;  width: 100%; height: 12px; font-size: 12px; font-weight: bold; }



#nav ul { float: right; list-style: none; padding: 0px; margin: 0 1px 0 0; text-transform: uppercase; }

#nav ul li { float: left; padding: 0 8px 0 8px; margin: 0px; }



#nav ul li a:hover { text-decoration: underline; }



/* Menu */

#menu { padding: 22px 0 0 0; width: 100%; height: 13px; font-size: 13px; font-weight: bold; }



#menu ul { float: right; list-style: none; padding: 0px; margin: 0 1px 0 0; text-transform: uppercase; }

#menu ul li { float: left; padding: 5px 8px 5px 8px; margin: 0px; }



#menu ul li div { width: auto; }

#menu ul li:hover { background: #e9be34; }



#menu ul ul { z-index: 10000; text-transform: none; display:none; position: absolute; padding: 0px; margin: 5px 0 0 -8px; width: auto; font-size: 12px;  border-bottom: 3px solid #ffdf79;  }

#menu ul ul li { clear: both; padding: 3px 5px 3px 5px; background: #e9be34; margin: 0px; width: 170px; height: auto; }



#menu ul ul li a { color: #ffffff; }

#menu ul ul li:hover { background: #f8d03f; }



#menu ul ul .pad { padding: 3px 0 3px 10px; }



/* Content */

#content { position: relative; z-index: 1000; margin: 0 auto 0 auto; width: 880px; height: auto; }



#content h1 { font-size: 20px; color: #e7c035; padding: 0px; margin: 0px }

#content h2, #content h3, #content h4 { color: #e7c035; padding: 15px 0 0 0; margin: 0px }



#content h2 { font-size: 16px; }

#content h3 { font-size: 14px; }

#content h4 { font-size: 12px; }



#content p { padding: 15px 0 0 0; margin: 0px }



#content ul { padding: 15px 0 0 30px; margin: 0px }

#content ul li { padding: 0px; margin: 0px }



#content a { color: #e7c035; }

#content a:hover { text-decoration: underline }



#content dl { width: 410px; height: auto; margin: 0px; padding: 0px; }

#content dt { clear: both; float: left; width: 150px; height: auto; margin: 0px; padding: 5px 0 0 0; }

#content dd { float: left; width: 250px; height: auto; margin: 0px; padding: 5px 0 0 0; }



#content .links { list-style: lower-roman; font-style: italic; color: #e7c035; }

#content .links li { padding: 5px 0 0 0; margin: 0px; }



#content .photo { padding: 18px 0 0 15px; float: right; width: auto; }

#content .photo img { float: left; clear: both; border: 1px solid #e7c035; margin: 0 0 5px 0; }



#content .ad_b { padding: 10px 0 0 0; float: right; width: auto; }

#content .ad_b img { clear: both; }

#content .ad_b p { padding: 0px; margin: 0 0 0 45px; }



#content .ad { padding: 10px 0 0 10px; float: right; width: auto; }

#content .ad img { float: left; clear: both; margin: 0 0 5px 0; }



#content .floatLeft { float: left; width: 45%; padding: 0 0 0 25px; }

#content .floatRight { float: right; width: 45%; padding: 0 0 0 25px; }



#content .booknow img { border: 0; margin: 0 1px 0 1px; }



#content .feature { float: right; width: auto; height: auto; padding: 0 0 0 0; }

#content .feature h2 { padding: 0 0 10px 0; }

#content .feature p { font-size: 11px; font-weight: bold; padding: 5px 0 0 0; }



#content .subfeatures { clear: both; width: 870px; height: auto; padding: 10px 0 0 0; margin: 0 auto 0 auto; }



#content .fronttext { float: left; width: 520px; height: auto; padding: 0 0 10px 0; }

#content .badges { float: left; width: auto; height: auto; padding: 10px 0 0 0; }

#content .badges img { padding: 0 10px 0 0; }

#content .right { float: right; width: auto; height: auto; }

#content .left { float: left; width: auto; height: auto; }

#content .star { color: #e7c035; font-weight: bold }

#content .text { width: 250px; }

#content .noliststyle { list-style: none; }

#content .special { font-size: 16px; font-weight: bold }



#content .daytouritinerary { padding: 10px 0 0 10px; margin: 0px; }

#content .daytouritinerary th { text-align: left; font-weight: bold; padding: 0 10px 0 0; margin: 0px; }

#content .daytouritinerary td { text-align: left; padding: 0 10px 0 0; margin: 0px; }



#content .mountainsafariaccom_opt1 { border: 1px solid #e7c035; padding: 5px; margin: 5px; width: 47%; height: 100px; float: left; }

#content .mountainsafariaccom_opt2 { background:url('/images/itinerary/3day/accomOpt02.jpg') right no-repeat; border: 1px solid #e7c035; padding: 5px; margin: 5px; width: 47%; height: 100px; float: right; }

#content .mountainsafariaccom_opt3 { background:url('/images/itinerary/3day/accomOpt03.jpg') right no-repeat; border: 1px solid #e7c035; padding: 5px; margin: 5px; width: 47%; height: 100px; float: left; }

#content .mountainsafariaccom_opt4 { background:url('/images/itinerary/3day/accomOpt01.jpg') right no-repeat; border: 1px solid #e7c035; padding: 5px; margin: 5px; width: 47%; height: 100px; float: right; }



#content #dvd { width: 325px; height: 270px; padding: 0px; margin: 0px 10px 0 0; border: 1px solid #e7c035;  }

#content #dvd1 { width: 500px; height: 400px; padding: 0px; margin: 0px; border: 1px solid #e7c035;  }

#content .dvd1wrap { margin: 10px auto 0 auto; width: 500px; height: auto; }



#content #phday01, #content #phday02, #content #phday03, #content #phday04, #content #phday05, 

#content #phday06, #content #phday07, #content #phday08, #content #phday09, #content #phday10 { clear: both; width: 180px; height: 180px; border: 1px solid #e7c035; }



/* Itinerary */

#itinerary { width: 700px; height: auto; border: 1px solid #e7c035; margin: 15px auto 0 auto; padding: 0 50px;}



#itinerary .body { float: left; overflow: auto; width: 680px; height: auto; font-size: 12px; padding: 10px; }

#itinerary .side { float: right; width: 300px; height: auto; padding: 0 0 5px 0; }

#itinerary .body .text { width: 460px; padding: 0; }



#itinerary .side #googlemap { width: 300px; height: 310px; background: #b91924; font-size: 11px; color: #444444; } 

#itinerary .side #googlemap span { display: none; }



#itinerary .menu ul { list-style: none;  padding: 0 10px; margin: 0 auto 0 auto; }

#itinerary .menu ul li { float: left; padding: 5px 5px 0 0; margin: 0px; }

#itinerary input { padding: 0px; margin: 0px; width: auto; height: auto; border: 1px solid #e7c035; background: #b91924; color: #e7c035; font-size: 11px; cursor: pointer; }



#itinerary .body #day1, #itinerary .body #day2, #itinerary .body #day3, #itinerary .body #day4, #itinerary .body #day5, 

#itinerary .body #day6, #itinerary .body #day7, #itinerary .body #day8, #itinerary .body #day9, #itinerary .body #day10, #itinerary .body #day11 { display: none; }



#itinerary .body h2 { padding: 0px; margin: 0px; }

#itinerary .booknowBtn { font-size: 14px; font-weight: bold; width: 83px; height: 15px; border: 1px solid #ffffff; padding: 5px; margin-top: 5px; }



/* Footer */

#footer { background: #000000 url('/images/bgFooter.jpg') top center repeat-x; width: 100%; height: auto;  margin: -80px 0 0 0; }



#footer .sunset { background: #000000 url('/images/bgFooterSunset.jpg') top center no-repeat; width: 100%; height: auto; }

#footer .body { width: 900px; padding: 220px 0 50px 0; margin: 0px auto 0px auto; height: auto; font-size: 11px; }



#footer .left { float: left; width: 350px; height: auto; }



#footer .left p { padding: 5px 0 0 0; margin: 0px; }



#footer .right { float: right; width: 500px; height: auto; }



#footer .right ul { list-style: none; float: right; padding: 0px; margin: 0px; }

#footer .right ul li { float: left; padding: 5px 2px 0 2px; margin: 0px; }



#footer .right a { color: #fffe83; }