/* basic */
body { margin: 0; padding: 0; border-width: 0; text-align: center; font: normal 0.5em/1.5em Verdana, Helvetica, sans-serif; color: black; background: #181818 url(images/bg.gif) fixed center 0 no-repeat; behavior: url(../../css/csshover.htc); }
h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; text-align: left; }
#print { display: none; }
a img { border-width: 0; }

h2 { margin: 20px 20px; padding: 0; color: #ff6600; font-weight: normal; font-size: 24px; line-height: 120%; }
h3 { margin: 0 20px 20px 20px; padding: 0; color: #000000; font-size: 20px; line-height: 120%; }
h4 { margin: 10px 20px; padding: 0; color: #424242; font-size: 17px; line-height: 120%; }
h5 { margin: 10px 20px 0px 20px; padding: 0; color: #424242; font-size: 14px; font-weight:bold; line-height: 120%; }

.orange_text { color: #ff6600; }

/* container2, container3 */
.container2 { width: 750px; margin: 0 auto; }
.container3 { width: 729px; border-left: 10px solid #2c2c2c; border-right: 11px solid #2c2c2c; background: #ff8a00; margin: 0 auto; }

.container3 h1 { float:right; margin: 0px 20px 10px 0px !important; line-height: 24px !important; display: block !important; font-size: 18px; color: #ffffff; }

.container4 { width: 729px; border-left: 10px solid #2c2c2c; border-right: 11px solid #2c2c2c; background: #ff8a00; margin: 0 auto; }

.clearing { clear: both; border-bottom: 11px solid #2c2c2c; }
.clearing2 { clear: both; }

/* top */
.top { height: 147px; background: url(images/odd-outdoor-activities-top-banner.jpg) 0 0 no-repeat; }
#top_home { width: 220px; height: 147px; display: block; float: left; }
#top_mail { width: 160px; float: left; display: block; height: 20px; margin: 35px 0 0 289px; }
html>body #top_mail { margin: 35px 0 0 354px; }
#top_book { display: block; float: left; height: 70px; width: 160px; margin: 10px 0 0 289px; }
html>body #top_book { margin: 10px 0 0 354px; }

/* Top Menu */
#menu { float: left; margin: 0; padding: 0px 0px 0px 10px; width:730px; z-index:5000; height: 56px; background: #2c2c2c url(images/nav-top.jpg) top left no-repeat; z-index: 100; }
#menu ul li { display: inline; float:left; margin: 0; padding: 0; list-style: none; z-index: 5000; }

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
.menu, .menu ul { margin: 0; padding: 0; list-style-type: none; display: block; z-index: 500; }
.menu li { margin: 0; padding: 0; display: block; float: left; position: relative; z-index: 500; }
.menu li:hover { z-index: 500; white-space: normal; }
.menu li li { float: none; background: url(/site_includes/css/images/dropdown_bg.gif) repeat-x  !important; font-size: 12px !important;  }
.menu ul { visibility: hidden;	position: absolute; z-index: 10; left: 0; top: 0; }
.menu li:hover>ul { visibility: visible; top: 100%; }
.menu li li:hover>ul { top: 0; left: 100%; }

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; }
/* IE7 float clear: */ 
.menu, .menu ul { min-height: 0; }

/* -- sticky.submenu -- */
.menu ul { background-image: url(../../css/empty.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; }
.menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; }
/* -- sticky.submenu.END -- */

/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu, .menu ul li { color: #ffffff; }
.menu ul { width: 11em; }
.menu a { text-decoration: none; color: #ffffff; font: bold 15px verdana, arial, sans-serif; padding: 9px 10px 9px 10px; display: block; position: relative; background:url(/site_includes/css/images/button-line.png) bottom center no-repeat; }
.menu a#arrow { background: url(/site_includes/css/images/button-line-arrow.png) bottom center no-repeat  !important; }
.menu a.no_line { background: none !important; }
.menu a.photo { background: url(/site_includes/css/images/photo-icon.jpg) top left no-repeat  !important; }
.menu a:hover, .menu li:hover>a { color: #ffffff; }
.menu li li { width:17em !important; text-align:left !important; background: url(/site_includes/css/images/dropdown_bg.gif) repeat-x  !important; font-size: 12px !important; }
.menu ul>li + li { border-top: 0;  width:17em; text-align:left !important; background: url(/site_includes/css/images/dropdown_bg.gif) repeat-x  !important; font-size: 12px !important; }
.menu li li:hover>ul {	top: 5px; left: 90%; }

.menu li li a { text-decoration: none; color: #ffffff; font: bold 11px verdana, arial, sans-serif; padding: 9px 0px 9px 9px; display: block; position: relative; background:url(/site_includes/css/images/dropdown_bg.gif) bottom center no-repeat; }
.menu li li a:hover { text-decoration: none; color: #ff8a00; }

/* Fix for IE5/Mac \*/
.menu a { float: left; }
/* End Fix */

<!--[if lte IE 6]>
/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */
.menu, .menu ul { /* float.clear */ zoom: 1; }
.menu li.adxmhover { z-index: 10000; }
.menu .adxmhoverUL { /* li:hover>ul selector */ visibility: visible; }
.menu .adxmhoverUL { /* 1st-level submenu go below their parent item */ top: 100%; left: 0; }
.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; }

.list { list-style: none; }
.list li { display: block; float: left; position: relative; }
.list li a { display: block; color: white; background: transparent; text-decoration: none; }

/* left column */
.left_column { float: left; padding: 55px 0 10px 0; width: 208px; background: url(images/nav_02.jpg) 0 0 no-repeat; }
.left_column p { padding: 0px 0 6px 20px; color: #ffffff; font-weight: bold; font-size: 12px; text-align:left; }
.left_column p:hover { background: url(images/cursor2.png) top center no-repeat; }
.left_column a { color: #ffffff; text-decoration: none; }
.left_column a:hover { color: #cccccc; }

.left_column ul { margin: 0px 0px 0px 3px; padding: 15px 0px 10px 10px; list-style: none; float:left; background:url(/site_includes/css/images/sub-menu-background.jpg) no-repeat; width: 195px; text-align:left; }
.left_column li { display: inline; margin: 0px; padding: 0px; text-align: left; }
.left_column li a { float:left; margin: 0; padding: 4px 0px 4px 0px; text-decoration:none; font-weight:bold; color:#ffffff; font-size: 11px !important; width: 180px; text-transform:uppercase; }
.left_column li a:hover { text-decoration: none; background: none; color: #ff8a00; }

.left_column li a.stay { margin: 0; background:url(/site_includes/css/images/where-to-stay-icon.jpg) 100% 0 no-repeat; }
.left_column li a.stay:hover { margin: 0; background:url(/site_includes/css/images/where-to-stay-icon.jpg) 100% 92% no-repeat; }
.left_column li a.find { margin: 0; background:url(/site_includes/css/images/how-to-find-us-icon.jpg) 100% 0 no-repeat; }
.left_column li a.find:hover { margin: 0; background:url(/site_includes/css/images/how-to-find-us-icon.jpg) 100% 92% no-repeat; }
.left_column li a.brochure { margin: 0; background:url(/site_includes/css/images/download-our-brochure-icon.jpg) 100% 0 no-repeat; }
.left_column li a.brochure:hover { margin: 0; background:url(/site_includes/css/images/download-our-brochure-icon.jpg) 100% 92% no-repeat; }

/* left nav */
.ideal { display: block; height: 30px; width: 208px; }
.ideal:hover { background: url(images/cursor.png) 0 0 no-repeat; }

#nav_find { float: left; display: block; width: 104px; height: 87px; background: url(images/nav_find.jpg) 0 0 no-repeat; }
#nav_eco:hover, #nav_gift:hover, #nav_brochure:hover, #nav_special:hover, #nav_accomodation:hover, #nav_find:hover { background-position: left bottom; }

/* right column */
.right_column { width: 510px; float: left; text-align: left; margin: 0px; }
.right_column h1 { display:block; height: 46px; margin: 0; padding: 0; float: right !important; z-index:3; color: #ffffff; }
.right_column h1 img { margin: 0; padding: 0; float: right !important; }
ul#slideshow { width:515px; list-style:none; padding:0; margin: 0px 0 5px 0; z-index:1; height:237px; overflow:hidden; }
#slideshow { visibility:hidden; }
#slideshow a img { text-decoration: none; border:none; }
.frame-block { clear:both; position: absolute; display: block; height:237px; width: 515px; margin: 28px 0 0 0px; border: none; }
.frame-margin { margin: -11px 0 0 -5px !important; }
.frame-block a img { border: none !important; text-decoration: none !important; }
.frame-block span { background: url(/site_includes/css/images/frame.png) no-repeat center top; height:237px; width: 515px; display: block; position: absolute; z-index: 1000; }

#usp { width: 518px; height:210px; background: url(/site_includes/css/images/usp.jpg) top left no-repeat; }
#usp1 { position: absolute; width: 173px; height: 150px; }
#usp2 { position: absolute; width: 173px; margin: 0 0 0 350px; height: 150px; }
#usp3 { position: absolute; width: 173px; height: 150px; margin: 75px 0 0 173px; }
#usp4 { position: absolute; width: 173px; height: 150px; margin: 150px 0 0 0; }
#usp5 { position: absolute; width: 173px; height: 150px; margin: 150px 0 0 350px; }

/*.right_column h1 span { display: none; }
.right_column h1.test { float:right; margin: 0px !important; line-height: 24px !important; display: block !important; }*/

.image_right { float: right; margin: 0 0 0 10px; }
.image_left { float: left; margin: 0 10px 0 0; }


/* content */
.content { background: url(images/content_bg.jpg) 0 0; padding: 15px 0; text-align: center; }
.content h1 { display:block !important; float:none !important; margin: 0px 40px 20px 20px !important; padding: 0; color: #ff6600; font-size: 24px; }
.content p { padding: 10px 20px; font-size: 13px; line-height: 1.75em; }
.content span { color: #ff6600; }
.content a { color: #ff6600; }
.content a:hover { color: #ff6600; text-decoration:none; }

.content ul { padding: 10px 40px; font-size: 1.4em; }
.content ul ul { font-size: 1em; }
.content li { margin: 5px 0 10px; line-height: 1.75em; }
.content ul ul a { font-size: 0.7em; }

/* content orange */
.content_orange { padding: 0px 0; text-align: center; padding: 5px; }
.content_orange img { padding: 0px; }
/*.content_orange img { padding: 5px; border: 1px solid #b46602; background: #6c6a6b; } */
.content_orange h1 { padding: 5px 0; margin-bottom: 0px !important; font-size: 17px; line-height: 120%; }
.content_orange h2 { padding: 0; margin: 0 auto; width: 90%; font-size: 22px; line-height: 120%; color: #ffffff; font-weight: normal; }
.content_orange p { padding: 5px 0;  font-size: 13px; line-height: 120%; }
.content_orange a { color: #ffffff; }
.content_orange a:hover { color: #ffffff; text-decoration:none; }

.content_light { margin: 0 auto; width: 100%; }
.content_light.border { border-top: 5px dotted #ff6600; }
.content_light p { padding: 10px 20px 10px 20px !important; line-height: 1.75em; display: block; margin: 10px 0; }
.content_light p.centered { padding: 10px 0; display: block; text-align: center; }
.content_light ul { margin-top: -20px !important; }
.content_light li { font-size: 13px !important; }
.content_light h1 { margin-bottom: 0px !important; font-size: 22px; font-weight: normal; }
.content_light h2 { text-align: left; }

#orange_bg { background: #e0e0e0; padding: 5px; border: 2px solid #e0e0e0; width: 90%; margin: 10px auto; text-align: center; } 

#contact_table { width: 90%; margin: 0 auto; font-size: 12px; }
#contact_table td { padding-bottom: 10px; font-size: 12px; }

#content_bottom { background: url(images/content_bottom.jpg) 0 0 no-repeat; height: 16px; }

/* logos */
.logos { background: black; clear:both; }
.logos img { float: left; margin: 10px 10px; }
#logo1 { margin-left: 20px; }
#logo2 { margin-top: 12px; }
.logos p { color: white; float: left; width: 400px; font-size: 1.125em; line-height: 1.5em; text-align: left; padding: 10px 10px; }

.line { border-top: 1px solid #000; padding: 30px 0 0px 0;}


table#gallery { margin: 0px; padding: 0; height: auto; width: 99%; vertical-align: top; border-collapse:collapse; }
table#gallery h2 { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#970000; background-color:inherit; display:block; margin: 15px 0 0 0; text-align: center; padding: 0; }
table#gallery p { margin: 0px; text-align:center; padding: 0; }
table#gallery td { vertical-align:top; padding: 0px 5px; text-align:center; width: 50%; }
table#gallery img { border: 1px solid #3d3d3d; background: #fd8900; padding: 5px; width: 250px; height: auto; }

table.terms { font-size: 11px !important; margin: 0px !important; padding: 0px !important; }
table.terms td { font-size: 11px !important; margin: 0px !important; padding: 25px 0 5px 0px !important; text-align:left; }

/* footer */
.footer { clear:both; width: 650px; margin: 0 auto; padding: 10px 50px; color: #9e9e9e; font-size: 1.25em; line-height: 1.5em; }
.footer p { margin: 10px 0 0; }
.footer p a { text-decoration: underline; }
.footer a { color: #f4911e; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
#bordertop { padding: 10px 0 0; border-top: 1px solid #424242; }
div#captcha { margin: 20px 40px; text-align:center; padding: 0px; background-color: transparent; clear:both; }