@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------- 
	General CSS
  ------------------------------------------------------------------*/	

.page-bg{
	background: url(images/page-bg.jpg) repeat-x;
	text-align: center;

}

#header{
	width: 925px;
	background:url(images/pages-header.jpg);
	height: 94px;
	margin:auto;
}
#index-header{
	width: 925px;
	margin:auto;
}
#nav-bg{
	width: 925px;
	background:url(images/nav-bg.jpg);
	height: 38px;
	margin:auto;
}
#nav-bg-index{
	width: 925px;
	background:url(images/nav-bg-index.jpg);
	height: 38px;
	margin:auto;
}
#footer{
	width: 976px;
	text-align: center;
	background-color:#F8F4EB;
	margin:auto;
	padding:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:1.5em;
}
#content{
	width: 685px;
	text-align: left;
	margin:auto;
	margin-top:22px;
	padding: 20px 180px 0 60px;
	background: url(images/body-bg.jpg) top no-repeat;
	background-color:#FFFFFF;
	
}
#content img {
	border:3px solid #a9ba8f;
	margin:2px 5px;
	
	
}
#content-index{
	width: 685px;
	text-align: left;
	margin:auto;
	margin-top:22px;
	padding: 20px 180px 0 60px;
	background: url(images/body-bg-index.jpg) top no-repeat;
	background-color:#FFFFFF;
	
}

.text-header{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #8fa97d;
	line-height: 2em;

}
.sub-header{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #504B3A;
	line-height:1.5em;
}


.body-text{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #7c7a70;
	line-height: 1.5em;
}
.body-link{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #7AA653;
	line-height: 1.5em;
	text-decoration: none;
}
.highlight{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #A2AE88;
	line-height: 1.5em;
}
a:hover.body-link{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	line-height: 1.5em;
	text-decoration: underline;
}
/*MAIN NAVIGATION*//*-------------------------------------------------------------------------
ul.main-nav {
margin: 0px 25px 0px 25px;
width:876px;
height:25px;
display:block;
padding:0px;
}
ul.main-nav li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
display:block;
}
.main-nav li a {
border:0;
text-decoration:none;
display:block;
}
li.home a {
background:url(images/nav/home.gif) 0px 0px no-repeat;
width:72px;
height:36px;
}
	li.home a:hover {
	background-position: 0px -36px;
	}

	#home li.home a {
	background-position: 0px -36px;;
	}

li.lodge a {
background:url(images/nav/lodge.gif) 0px 0px no-repeat;
width:101px;
height:36px;
}
	li.lodge a:hover {
	background-position: 0px -36px;
	}

	#lodge li.home a {
	background-position: 0px -36px;;
	}
li.wildlife a {
background:url(images/nav/wildlife.gif) 0px 0px no-repeat;
width:118px;
height:36px;
}
	li.wildlife a:hover {
	background-position: 0px -36px;
	}

	#wildlife li.home a {
	background-position: 0px -36px;;
	}

li.contact a {
background:url(images/nav/contact.gif) 0px 0px no-repeat;
width:115px;
height:36px;
}
	li.contact a:hover {
	background-position: 0px -36px;
	}

	#contact li.home a {
	background-position: 0px -36px;;
	}
li.accommodations a {
background:url(images/nav/accommodations.gif) 0px 0px no-repeat;
width:151px;
height:36px;
}
	li.accommodations a:hover {
	background-position: 0px -36px;
	}

	#accommodations li.home a {
	background-position: 0px -36px;;
	}

li.gallery a {
background:url(images/nav/gallery.gif) 0px 0px no-repeat;
width:133px;
height:36px;
}
	li.gallery a:hover {
	background-position: 0px -36px;
	}

	#gallery li.home a {
	background-position: 0px -36px;;
	}
	
li.rates a {
background:url(images/nav/rates.gif) 0px 0px no-repeat;
width:186px;
height:36px;
}
	li.rates a:hover {
	background-position: 0px -36px;
	}

	#rates li.gallery a {
	background-position: 0px -36px;;
	}*/
	
/*-------------------------------------------------------------------- 
	Image Overlay CSS
  ------------------------------------------------------------------*/	
  
/* the overlayed element */
.overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(overlay/images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:707px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.25em;
}
.overlay-a {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(overlay/images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.25em;
}

/* default close button positioned on upper right corner */
.overlay div.close {
	background-image:url(overlay/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* black version of the overlay. simply uses a different background image */
div.overlay.black {
	background-image:url(images/transparent.png);		
	color:#fff;
	
}
 
div.overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
	line-height: 2em;
}
/* default close button positioned on upper right corner */
.overlay-a div.close {
	background-image:url(overlay/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* black version of the overlay. simply uses a different background image */
div.overlay-a.black {
	background-image:url(images/transparent.png);		
	color:#fff;
	
}
 
div.overlay-a h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
	line-height: 2em;
}

div.black h2 {
	color:#fff;
}
 
#triggers {
	margin-top:0px;
	text-align:left;
	width:inherit;
	
}
 
#triggers img {
	background-color:#fff;
	border:3px solid #a9ba8f;
	margin:2px 5px;
	float:left;
}
body {
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
	color:#333333;
	line-height:1.25em;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/*-------------------------------------------------------------------- 
	Drop-Down CSS
  ------------------------------------------------------------------*/	

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 3px 0 0 24px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	text-align: center;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0 4px 0 4px;
	list-style-type: none;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: inherit;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 1020;
	cursor: default;
	width: 9em;
	position: absolute;
	text-align: center;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 18.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 0px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
	text-align: left;
	background: #eac152;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background: #d8a827;
	/*color: #FFF;*/
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background: #d8a827;
	/*color: #FFF;*/
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../SpryAssets/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background: #d8a827;
	/*background-image: url(../SpryAssets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;*/
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background: #d8a827;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #eac152;
	}
}