/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }
	
body { background: #1b1616; }

a:link, a:visited { text-decoration: none; color: #1b1616; font-weight: bold;  }
a:hover, a:focus, a:active { color: #392f2f; text-decoration: underline; }

h2.huge { font-size: 48px; line-height: 1; }

#container { position: relative; margin-top: 70px; padding-bottom: 40px; background: url(../images/container_bg.jpg) repeat-y;  min-height: 300px; }
#nav { margin-top: 67px; background: url(../images/nav_bar_bg.jpg) repeat-x; height: 48px; border: 1px solid #333333; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#logo { position: absolute; left: 15px; top: -54px; }
#banner { margin-top: 6px; margin-bottom: 20px; position: relative; }
#banner_content { position: absolute; top: 280px; left: 0; }
#banner_content p { color: #ffffff; padding: 0 10px; }
#banner_content h1 { color: #FFFFFF; font-size: 60px; font-weight: bold; margin: 0 0 0 10px; padding: 0; line-height:.5;}
#banner_content h2 { color: #fff09f; padding: 0; margin: 0 0 0 60px; font-size: 22px; line-height: .5;}

#top_content h2 { font-size: 28px; padding: 0 8px; margin: 0; line-height: .5; }
#top_content img {  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;   }
#top_content p { padding-left: 10px; padding-right: 20px; }
.vid_thumb { padding: 3px; }

#player { margin-bottom: 21px; }

.package-list img {
	max-width: 100%;
}

#mid_content { margin: 30px 0; }
#mid_content h2 { margin: 0; padding: 0 10px; font-size: 28px; }
#mid_content p { padding-left: 10px; }

ul#species { list-style: none; margin-left: 10px; }
ul#species li { margin:0; padding:0; height: 100px; padding-top: 10px; border-bottom: 1px dotted #9d9d9d; width: 450px;}
ul#species div { margin-left: 90px; width: 375px; }
ul#species img { float: left; width:90px; border: 1px solid #CCCCCC; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
ul#species h3 { margin:0 8px; padding:0; }
ul#species p { font-size: 11px; }

ul#species.special { width: 100%; }

#gallery { margin-bottom: 10px; }
#gallery h3 { font-size:28px; line-height: .5; }
img.gallery_thumb { position: relative; border: 6px solid #FFFFFF; border-bottom: 25px solid #FFFFFF; margin: 4px 8px;
	-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-box-shadow: #000 3px 3px 8px;
	-webkit-box-shadow: #000 3px 3px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
	box-shadow: #272727 5px 5px 10px; 
}

#directions { margin: 30px 0; }
#directions h3 { margin:0; padding:0;}
#canvas { height: 400px; width: 350px; margin-left:12px; }

#book_it, #contact_details { margin-bottom: 40px; border-top: 8px solid #272727; border-bottom: 8px solid #272727; width: 350px; background: #d2c095; -moz-box-shadow: 0 3px 8px #333333; -webkit-box-shadow: 0 3px 8px #333333; box-shadow: 0 3px 8px #333333; -moz-border-radius: 8px; }
#book_it h4, #contact_details h4 { font-size: 26px; margin:0; padding: 0 8px;  }
#book_it p,#contact_details p { font-size: 14px; line-height: 1.25; margin-left: 95px; margin-top: 12px; padding-right: 12px;  }
#book_it img, #contact_details img { float: left; width: 120px; }

#contact_details_wrapper { margin: 20px; }

#accomodations p { font-size: 11px; line-height: 1.25; padding:0 24px 8px 0; }
#accomodations h3 { padding: 0; margin: 0; }
#accomodations img { padding-right: 10px;}
#accomodations img.rounded { padding: 0; }
#accomodations ul { list-style: none; margin: 0; padding: 0; }
#accomodations li { margin: 0; padding: 0; font-size: 11px; display: inline-block; width: 180px; }
#accomodations h4 { margin: 0; padding: 0; border-bottom: 1px dotted #cccccc; margin-bottom: 5px;}

#quick_contact { position: relative; margin: 20px 0; padding: 8px 8px 20px 8px; width: 450px; background:#d2c095; border: 1px solid #FFFFFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 4px 2px 5px #000000; }
#quick_contact form { margin: 0 20px; width: 320px; }
#quick_contact label { display: block; font-size: 16px; color: #272727; }
#quick_contact label span { color: #6d0000; }
#quick_contact .qc_input { width: 100%; }
#quick_contact textarea { width: 100% ; }
#quick_contact p { font-size: 11px; line-height: 1.25; width: 320px; }

.captcha { margin: 10px 0; }

#copyright p { text-align: center; margin-top: 10px; font-size: 10px; color: #b9adad; padding: 0; }
#copyright a:link, #copyright a:visited { color: #f3d187; }
#copyright a:hover, #copyright a:focus, #copyright a:active { color: #f4b225;}

.overlay { width: 100%; height: 100%; background: #000000 url(../images/ajax-loader.gif) no-repeat 50% 50%; position: absolute; top:0; left: 0; display: none; opacity: .9; }
.rounded { border: 1px solid #cccccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.headroom { margin-top: 50px; }
.remove-bottom { margin-bottom: 0; }
.add-bottom { margin-bottom: 21px; }


div.v_thumb {position: relative; width:125px; float: left; margin: 2px 6px 8px 0; background: #000000; padding: 3px 0 0; text-align: center; margin-top: 8px; border: 1px solid #CCCCCC; border-radius: 4px; height: 125px }
div.v_thumb img {width:121px;}
div.v_thumb p { position: absolute; top: 98px; color: #FFFFFF; font-size: 12px; line-height: 1; font-weight: bold; padding: 0 5px; }
.special_banner { max-width: 100%; }

/* --------------- FORM STYLES -------------- */
#contact_form form { padding: 20px 0; }
#contact_form { background:#d2c095; border: 1px solid #FFFFFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 4px 2px 5px #000000; }
#contact_form label { font-size: 16px; display: block; float: left; width: 175px; text-align: right; padding-right: 8px; margin: 5px 0; }
#contact_form input { float: left; width: 320px; margin: 10px 0; font-size: 16px; }
ul.checkboxes { list-style: none; padding: 8px; background: #eeeeee; margin: 0 0 20px 183px; display:none;}
ul.checkboxes li { width: 130px; display: inline-block;  }
#contact_form ul.checkboxes li label, #options label { display: inline; float: none; width: auto; text-align: left; padding: 0; margin: 0;}
#contact_form ul.checkboxes li input, #options input { margin: 7px;  width: auto; } 
#options div { margin: 7px 7px 7px 183px;}

#contact_form textarea {width: 320px; height: 320px; }
#contact_form h3 { margin: 0 183px; }

#contact_form #submit { width: auto; margin-left: 183px; font-size: 12px;  }

.errors p { font-weight: bold; margin: 5px 0 0 165px; padding: 5px 10px 5px 30px; background: #570606; color: #ffffff; border: 1px solid #950000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/* ------------ LIGHTBOX STYLES ------------ */

#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img
{
	border: none;
}
#lightbox-container-image-box-top
{
	width: 100%;
}
#lightbox-container-image-box-top-left
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: left;
	z-index: 10;
	display: inline;
	text-align: left;
}
#lightbox-container-image-box-top-middle
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-middle div.progress
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	background-color: #e4e4e4;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-right
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: right;
	text-align: right;
	z-index: 10;
	display: inline;
}
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image
{
	height: 100%;
	padding: 10px;
}
#lightbox-loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav
{
	position: absolute;
	top: 32px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
	left: 0;
}
#lightbox-nav a
{
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev
{
	left: 0;
	float: left;
}
#lightbox-nav-btnNext
{
	right: 0;
	float: right;
}
#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	text-align: left;
}
#lightbox-container-image-data #lightbox-image-details
{
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption
{
	font-weight: bold;
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: black;
}
#lightbox-image-details-currentNumber
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	display: inline;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	color: black;
}
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{
	display: inline;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
}