/* screen styles */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Layout
		Page Specific Layout
	Typography and Inline Elements
	Navigation
		Specific Nav Button Styling
*/

/* Non-displaying Elements*/
/* *************************************************************************************** */
#branding-logo {display:none;}
#nav-main a, #branding {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */

/* Layout */
/* *************************************************************************************** */
body {
	font-size:0.875em;
	text-align:center;
	background: url(images/bg.png) fixed;
	padding-top:25px;
}
#branding {
	background: url(images/topImage.png) no-repeat;
	height: 157px;
	width: 707px;
	position: absolute;
	left: 175px;
	top: 0px;
	z-index: 5;
}
#container {
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:left;
	width: 932px;
}
#content {
	position: absolute;
	top: 0px;
	left: 175px;
	width: 760px;
	background: url(images/pageRight.png) no-repeat right 14px;
	padding-top: 150px;
	z-index: 1;
	height:430px;
	padding-bottom:2em;
}
* > #content {min-height:430px;height:auto;}
#content-main {
	width: 607px;
	background: url(images/contentBg.png) repeat-y;
	height: 376px;
	padding: 2em 50px;
	float: left;
	clear: both;
	height:376px;
}
* > #content-main {min-height:376px;height:auto}
#siteinfo {
	background: url(images/siteInfo.png) repeat;
	position: relative;
	width: 607px;
	padding:0 50px;
	height: 126px;
	clear: both;
	float: left;
}

img.left, img.right{border: 1px solid #5A5A45;}
img.right.from_edge {border:0px solid white; margin-right:-40px}

#high_country_ad {
	float: right;
	margin: 0px 0px 1em 1em;
	padding: 0.5em;
	border: 1px solid #5A5A45;
	background: #F2F2EE;
	width: 277px;
	font-size: 0.8em;
	line-height: 1.6em;
}
#high_country_ad img {border: 1px solid #5A5A45;}
#high_country_ad a:link, #high_country_ad a:visited {
	text-decoration: none;
	color: #000000;
}
#high_country_ad a:focus, #high_country_ad a:hover, #high_country_ad a:active {
	text-decoration: underline;
	color: #000000;
}



/* Page Specific Layout */
.thumbnails {
	margin-left : -26px;
	overflow : hidden; /* expand the ul around the floated li's (kind of like self-clearing) */ }
.thumbnails img {
	float : left;
	margin : 0 0 26px 26px; }

/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {}
h2 {}
h3 {}
p {}

.calendar {
	width: 607px;
	height: 500px;
	margin-bottom: 1em;
	border: 0px none #FFFFFF;
}

/* Navigation */
/* *************************************************************************************** */
#nav-main {
	background: url(images/pageLeft.png) no-repeat 13px top;
	height: 540px;
	position: absolute;
	left: 0px;
	top: 32px;
	padding-top: 25px;
	margin-left: -10px;
	width: 210px;
	z-index: 10;
}
#nav-main ul {}

#nav-main ul, #nav-main li {
	/* fix IE6 and IE7 List bug */
	display: inline;
}

/* Specific Nav Button Styling */
#nav-main a {
	display:block;
	width:210px;
	height:40px;
	background-position:top left;
}
#nav-main a:hover, #nav-main a:active {background-position:top right}

#homeBtn {background-image:url(images/navHome.png)}
#aboutUsBtn {background-image:url(images/navAboutUs.png)}
#ratesBtn {background-image:url(images/navRates.png)}
#localWatersBtn {background-image:url(images/navLocalWaters.png)}
#hatchChartBtn {background-image:url(images/navHatchChart.png)}
#reservationsBtn {background-image:url(images/navReservations.png)}
#photoGalleryBtn {background-image:url(images/navPhotoGallery.png)}
#contactUsBtn {background-image: url(images/navContactUs.png);}
