/**
* --------------------------------------------------------------------------------------
* Master CSS
* ----------------------------------------------------
* Modified    April 7, 2010 by Sean Langlands
* @author     Bree Emmerson <bree@navigatormm.com>
* ----------------------------------------------------
*/

/* 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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, /*table, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: separate;
	border-spacing: 0;
}*/
h1 span, h2 span {
	display:none;
}

/* GLOBAL CLASSES
--------------------------------------------------------------------------------------- */
.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear: both;
}

.clear {clear:both;}

.hidden {display:none;}
	
.floatLeft {float:left;}

.floatRight {float:right;}

.imgRight {
	margin:4px 0px 4px 10px;
	float:right;
}

.imgLeft {
	margin:4px 10px 4px 0px;
	float:left;
}
	
.textLeft {text-align:left;}

.textRight {text-align:right;}

.textCenter {text-align:center;}

.bold {font-weight:bold;}

.italic {font-style:italic;}

.required {color:#F00;}

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

.testimonial {border-bottom:1px dashed #663;padding-bottom:10px;}


/* TYPOGRAPHY
--------------------------------------------------------------------------------------- */
h1 {
	margin:0px 0px 25px 0px; /* the h1s on this site are all images */
}

h2 {
	margin:0px 0px 25px 0px;
	font-size:16px;          /* the h2s on this site are both images or text */
	line-height:18px;
}

p {
	color: #fff;
	margin: 0px 0px 18px 0px;
	line-height: 18px;
}

a {
	color: #727b34;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color: #f02e24;
	text-decoration: none;
	font-weight:bold;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

blockquote {
display: block;
padding: 0 10px;
width: 350px;
}

blockquote:before, blockquote:after {
	color: #C60;
	display: block;
	font-size: 700%;
	width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-top: -10px;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -80px;
margin-left: 360px;
}


/* GLOBAL
--------------------------------------------------------------------------------------- */
body {
	background:#000;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0px;
	margin:0px;
}

.headerWrapper {
	width:100%;
	border-top:#000 solid 10px;
	border-bottom:#000 solid 2px;
	background:#004f39;
	padding:0px;
	margin:0px;
}

	.header {
		width:900px;
		height:119px;
		margin:0px auto;
		position:relative;
	}

	.logo {
		width:200px;
		height:119px;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	.book {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 20px;
		font-weight: bold;
	}
	
	.book-btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	
	.book-btn {
	}

.showForPrint {
	display:none;
}


/* NAVIGATION
--------------------------------------------------------------------------------------- */
.navigation {
	height:24px;
	width:680px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5em;
	font-weight:bold;
	font-size:14px;
	z-index:30;
	position:absolute;
	top:42px;
	right:0px;
}

.navigation  a { 
	display:block; 
	margin:0px 6px 0px 6px; 
	padding:2px 0px 2px 0px; 
	color:#fff;
	text-decoration:none;  
}

.navigation  a:hover {color:#f02e24;}
.navigation  li {float:left;}


.imageWrapper {
	width:100%;
	height:260px;
	background:url(../../images/interface/image-bg-wood.jpg) repeat-x;
	margin:0px;
	padding:0px;
}

	#imageArea {
		width:876px;
		height:236px;
		margin:0px auto;
		padding:12px 12px 12px 12px;
	}

		#homeFade {
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			z-index:5;
		}


/* CONTENT
--------------------------------------------------------------------------------------- */
.contentWrapper {
	width:100%;
	border-top:#1f503d 1px solid;
	background:#000;
	margin:0px;
	padding:0px;
}

	.contentArea {
		width:900px;
		margin:0px auto;
		padding:30px 0px 0px 0px;
	}
	
		.leftCol {
			width:585px;
			margin:0px 0px 0px 0px;
			padding:0px 10px 0px 10px;
			float:left;
			
			position: relative;
		}
		
		.rightCol {
			width:285px;
			margin:0px 0px 0px 0px;
			padding:0px 10px 0px 0px;
			float:right;
		}
		
			.subNav {
				width:212px;
				margin:0px auto;
				padding:0px;
				list-style:none;
				text-align:center;
			}
			
				.subNav a {color:#000;}
				.subNav a:hover {color:#FFF;}
			
				.subNav li {
					width:212px;
					height:20px;
					margin:0px 0px 20px 0px;
					padding:15px 0px 10px 0px;
					background:url(../../images/interface/subnav-li.gif) no-repeat;
				}
				
				.subNav li.links {
					display: none;
				}
				.modal {
					position: absolute;
					right: 0px;
					top: 0px;
				}
				
				

/* PHOTO GALLERIES
--------------------------------------------------------------------------------------- */
#photog {
	text-align:center;
	width:900px;
	/*min-height:550px;
	height:auto !important;
	height:550px;*/
	/*padding-top:10px 0;*/
}
#photog p {font-size:1em; padding:0px 0px 0px 0px;}
#photog h2{font-weight:bold; margin-bottom:0px; margin-top:10px; display:inline;}
#photog ul{list-style:none;}
#photog li{
	display:inline;
	text-align:center;
	text-indent: 0px;
	padding:0px;
	margin:0px;
}

#photog .galimage {
	width:auto;
	margin:5px;
	padding:3px;
	background-color:#FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
}


/* Lodge Pics ---------------------------------------------------------------------------------------*/

.lodge-gallery {
	width: 100%;
	height: auto;
	margin-left: -40px;
	margin-top: 40px;
}

.lodge-gallery li {
	width: 140px;
	height: 130px;
	margin: 0px 30px 30px 0px;
	padding: 10px;
	background: #FFF;
	float: left;
}

.lodge-gallery img {
	width: 140px;
	height: 130px;
}

.lodge-gallery a {
	width: 140px;
	height: 130px;
}

/* Footer ---------------------------------------------------------------------------------------*/
.footerWrapper {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:200px 0px 0px 0px;
	background:#000 url(../../images/interface/footer-bg.jpg) repeat-x;
}

.footerWrapper a {color:#FFF;}
.footerWrapper a:hover {color:#f02e24;}

	.footerArea {
		width:900px;
		margin:0px auto 0px auto;
		padding:0px;
	}
	
		.footerArea .mainLink {font-size:14px; line-height:16px; padding-bottom:5px;}
		.footerArea .secondaryLink {font-size:12px; line-height:14px; padding-bottom:5px;}

	.copyrightArea {
		height:21px;
		width:900px;
		margin:20px auto 0px auto;
		padding:5px 0px 0px 0px;
		border-top:1px #999 solid;
	}
	
		.copyrightArea p {
			font-size:10px;
		}
		

/* Light Box 
--------------------------------------------------------------------------------------- */
#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 {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { 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: 					0;
	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;
}
#lightbox-container-image-data {
	padding:                                0 10px; 
	color: 					#666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width:					70%; 
	float: 					left; 
	text-align: 				left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: 				block; 
	clear: 					left; 
	padding-bottom: 			1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 					66px; 
	float: 					right;
	padding-bottom: 			0.7em;	
}