body {
	background-image: url(images/bg-body.jpg);
	background-color: #060503;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;}
	
h1 {color: #103214;	font-size: 1.2em; margin: 0 0 5px;}
h2 {color: #654B34;	font-size: 1em;	margin-bottom: 5px;	margin-top: 0px;}
h3 {color: #103214;	font-size: 1em;	margin: 0 0 0;}
img {border-style: none;}

#container {
	width: 990px;
	margin:0 auto;
	border-right: 2px solid #130A02;
	border-bottom: 2px solid #130A02;
	border-left: 2px solid #130A02;
	background-image: url(images/bg-container.gif);}

/*   NAVIGATION   */
#nav {background-image: url(images/nav.gif);height: 30px;border-bottom: 2px solid #130A02;}
#nav ul {list-style-type: none;	margin: 0;padding: 0;}
#nav li {float: left;}
#nav a {
	text-decoration: none;
	color: #E4DCD6;
	font-weight: bold;
	font-size: .9em;
	text-align: center;
	display: block;
	padding: 7px 15px;
	border-right: 1px solid #381F09;}
#nav a:hover {color: #fff;	background-color: #3D230E;}

#sub-images {
	border-right: 2px solid #130A02;
	border-bottom: 2px solid #130A02;
}

#header {
	width: 750px;
	float: left;
	background-image: url(images/img-div2.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: bottom;
	height: 136px;
}

.header-home {
	width: 750px;
	float: left;
	background-image: url(images/img-div.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	height: 280px;
}
#mainimg-home {
	width:750px;
	height:220px;
	background: url(images/main-img.jpg);
} /*   Home Page   */


#logo {margin-top: 5px;	margin-left: 5px;}
.home-logo {
	height: 142px;
	width: 394px;
	position: absolute;
	left: 30px;
	top: 120px;
}


/*   LEFT COLUMN   */
#left-col {
	width: 720px;
	float: left;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	padding: 0 10px 10px;
}

#home-text {
	float: left;
	width: 700px;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 10px;
	padding-right: 20px;
}
#home-text  p {
	margin-top: 0px;
	margin-bottom: 10px;
}
#photo {
	width: 186px;
	float: left;
	margin-left: 20px;
}
	
#map {
	width: 255px;
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}	/*   Location Page   */
#thumb {width: 220px;float: left;margin-bottom: 30px;} /*   360 Tours Page   */

#guides {  /*   About Page   */
	width: 250px;
	float: right;
	border: 1px solid #DBD2CA;
	margin-left: 50px;
	padding: 5px;}

#subpage-text {
	float: left;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 20px;
	padding-right: 10px;
	width: 700px;
}
#subpage-text p {
	margin: 0px 0px 10px;}
#subpage-text ul {
	margin: 0px;
	padding: 0px;}
#subpage-text li {
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
	margin-top: 5px;
	margin-left: 17px;}
#subpage-text  a {
	text-decoration: none;
	color: #A78745;
	margin-top: 20px;
}
#subpage-text a:hover {
	color: #E2B107;
}

/*   RIGHT COLUMN   */
#right-col {
	float: right;
	width: 240px;
	background-color: #dbd2ca;
	font-size: 0.8em;
	color: #382211;
	line-height: 1.3em;}
#right-col p {
	margin-bottom: 30px;}
#right-col ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}
#right-col li {
	padding-top: 11px;
	height: 29px;}
#right-col a {
	text-decoration: none;
	font-weight: bold;
	color: #ddd3cb;
	padding-left: 55px;}
#right-col a:hover {color: #130A02;}
#contact {
}
#contact a {
	color: #A78745;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#contact a:hover {
	color: #E2B107;
}

/*   FOOTER   */
#footer {
	clear: both;
	background-color: #f8f5f3;
	background-image: url(images/bg-footer.gif);
	background-repeat: repeat-x;
	height: 80px;
	font-size: .8em;
	color: #382211;
	padding-top: 15px;
	padding-left: 10px;}
	
#footer a {
	text-decoration: none;
	color: #A78745;
	margin-top: 20px;
}
	
#footer a:hover {
	color: #E2B107;
}

/*   CLASSES   */
.btn-moose {background-image: url(images/bg-btn-moose.gif);border-bottom: 1px solid #351c07;height: 40px;}
.btn-fish {background-image: url(images/bg-btn-fish.gif);border-bottom: 1px solid #351c07;height: 40px;}
.btn-bear {background-image: url(images/bg-btn-bear.gif);border-bottom: 1px solid #351c07;height: 40px;}
.btn-mystery {background-image: url(images/bg-btn-mystery.gif);height: 40px;border-bottom: 1px solid #351c07;}
.sub-lodging {
	background-image: url(images/sub-banners/sub-lodging.jpg);
	padding-top: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	height: 90px;
}
.sub-rates {
	background-image: url(images/sub-banners/sub-rates.jpg);
	padding-top: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	height: 90px;
}
.sub-photos {background-image: url(images/sub-banners/sub-photos.jpg);padding-top: 10px;padding-left: 10px;background-repeat: no-repeat;height: 90px;}
.sub-bring {
	background-image: url(images/sub-banners/sub-bring.jpg);
	padding-top: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	height: 90px;
}
.sub-location {background-image: url(images/sub-banners/sub-location.jpg);padding-top: 10px;padding-left: 10px;background-repeat: no-repeat;height: 90px;}
.sub-about {background-image: url(images/sub-banners/sub-about.jpg);padding-top: 10px;padding-left: 10px;background-repeat: no-repeat;height: 90px;}
.sub-contact {	background-image: url(images/sub-banners/sub-contact.jpg);	padding-top: 10px;	padding-left: 10px;	background-repeat: no-repeat;height: 90px;}

.float-left-clear {
	float:left;
	margin-bottom:15px;
	clear:left;
	margin-right:20px;
}
.float-left-homeimages {
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
	margin-left: 60px;
}
.float-right-clear {
	float:right;
	margin-bottom:0px;
	clear:right;
	margin-left:20px;
}
.float-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
}

.facility-thumb {clear: left;float: left;padding-bottom: 20px;padding-right: 10px;}

.clear {
	clear: left;
	border-top: 2px solid #E8E3D7;
	margin-bottom: 15px;
}

/*   PHOTO GALLERY   */
a:focus, a:hover, a:active {text-decoration: underline;}
pre {font-size: 1.2em;	line-height: 1.2em;}
#page {width: 550px;background-color: #fff;text-align: left;margin: 0px auto;}
#photo-gallery {padding: 0px;}
div.gallery-content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;float:right;width:550px;}
div.gallery-content a, div.navigation a {
	text-decoration: none;
	color: #A78745;
	font-size: 0.9em;
}
div.gallery-content a:focus, div.gallery-content a:hover, div.content a:active, div.navigation a:hover {
	color: #E2B107;
}
div.controls {margin-top: 5px;height: 23px;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.loader {background-image: url(photos/images/loader.gif);background-repeat: no-repeat;background-position: center;width: 550px;height: 350px}
div.slideshow {clear: both;}
div.slideshow span.image-wrapper {float: left;padding-bottom: 12px;}
div.slideshow a.advance-link {padding: 2px;display: block;border: 1px solid #ccc;}
div.slideshow img {border: none;display: block;}
div.download {float: right;}
div.embox {clear: both;border: 1px solid #dbd2ca;background-color: #F4F2F0;padding: 12px;width: 520px;margin-bottom: 20px;}
div.image-title {font-weight: bold;font-size: 1em;color: #654B34;}
div.image-desc {line-height: 1.3em;padding-top: 12px;font-size: .9em;}
ul.thumbs {clear: both;margin: 0;padding: 0;}
ul.thumbs li {float: left;padding: 0;margin: 5px 10px 5px 0;list-style: none;}
a.thumb {padding: 2px;display: block;border: 1px solid #ccc;}
ul.thumbs li.selected a.thumb {background: #000;}
ul.thumbs img {border: none;display: block;}
div.navigation div.top {margin-bottom: 12px;height: 11px;font-size: .9em;}
div.navigation div.bottom {margin-top: 12px;font-size: .9em;}
div.pagination a, div.pagination span.current {display: block;float: left;margin-right: 2px;padding: 1px 3px 1px 4px;border: 1px solid #dbd2ca;}
div.pagination a:hover {background-color: #eee;	text-decoration: none;}
div.pagination span.current {font-weight: bold;	background-color: #dbd2ca;border-color: #654B34;color: #654B34;}