/*
//  style_site
//
//  Created by Paul Hansen on 2010-02-04.
//  Copyright (c) 2010 __MyCompanyName__. All rights reserved.
*/

/* ------------------------Home Page------------------------*/

body {
	background-color: #1f5c24;
	
}

#wrapper {
	position: relative;
	width: 1024px;
	margin-left: 80px;
}
#header { 
    position: fixed;
    top: 0;
    left: 0;
    width: 1060px;
	margin-left: 80px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
	background: url('../../i/nwffoBanner.jpg') no-repeat ;
	z-index: 300;
}

li {
	margin:0;
}

hr {
	border-top: 3px dotted #1f5c24;
}

/* ---------Main Navigation---------*/

#navMain {
	margin: 80px 0 0 150px;
	background-color: #ffffff;
	height: 20px;
	width: 872px;
}

	#navMain li {
		margin: 0;
		padding: 0;
		float:left;
	}

		#navMain a {
			float: left;
			padding: 0 8px;
			color: #630;
			text-decoration: none;
			line-height: 1.25;
			font-size: .8em;
			font-weight: bold;
		}

			#navMain a:hover {
				background-color: #38280c;
				color: #ffff99;
				height: 20px;
			}

#body_home #nav_home a,
#body_about #nav_about a,
#body_trips #nav_trips a, 
#body_classes #nav_classes a,
#body_levels #nav_levels a,
#body_reports #nav_reports a,
#body_news #nav_news a,
#body_contact #nav_contact a {
	background: #1f5c24;
	color: #ffffff;
	height: 20px;
	
}

/* ---------Side Bar---------*/

#sidebar { 
    position: fixed;
    top: 115px;
    left: 0;
    width: 150px;
   margin-left: 80px;
}

#logo {
	margin-left: 25px;
}

/* ---------Side Bar Fonts---------*/
#sidebar h6 {
	text-align: right;
	color: #ffffff;
	padding: 1.2em 5px 0 0;
}
#sidebar h6 a {
	color: #ffff99;
}

#sidebar h6 a:hover {
	color: #ffffff;
}

/* ---------Store Navigation---------*/

#navStore {
	border-top: 1px solid #996633;
}

	#navStore li {
		border-bottom: 1px solid #996633;
	}

		#navStore a {
			text-align: right;
			display: block;
			color: #ffff99;
			text-decoration: none;
			padding: 0 5px 0 0;
			line-height: 1.4em;
			font-size: .8em;
}

			#navStore a:hover {
				background-color: #38280c;
				color: #ffff99;
}

#body_rods #nav_rods a,
#body_reels #nav_reels a,
#body_waders #nav_waders a, 
#body_flies #nav_flies a,
#body_levels #nav_levels a,
#body_lines #nav_lines a,
#body_tying #nav_tying a,
#body_acc #nav_acc a {
	background: #ffff99;
	color: #630;
	height: 20px;
	
}

/* ---------Content---------*/



#content {
	position: relative;
	top: 115px;
    margin-left: 150px;
	width: 872px;
	z-index: 1;
	background: #ffffff url('../../i/562yellow.jpg') repeat-y;
	display: block;
}

#sthd {
	position: absolute;
	top: -15px;
	left:0px;
}

.box li {
	margin: 0 0 0 14px;
	font-size: .8em;
	list-style-type: square;
}

/* ---------Column522---------*/

#column522 {
	float:left;
	padding: 5px 2em;
	width: 522px;
	height: 100%;
}

#column522 p {
	margin-top: 5px;
}

#white {
	background: #ffffff;
	height: 70px;
}   /*on index page*/

.headBack {
	margin: 0;
	background: url('../../i/headBack.png') repeat-y;
	width: 360px;
	font-size: 1em;
	line-height: 1.2em;
	padding: 3px 0 3px 8px;
	color: #cccc66;
}

.headBackTop {
	margin-top: 0;
	margin-bottom: 0;
	background: url('../../i/headBack.png') repeat-y;
	width: 360px;
	font-size: 1em;
	line-height: 1.2em;
	padding: 3px 0 3px 8px;
	color: #cccc66;
}

#column522 li, #column522a li{
	font-size: 0.825em;
	}

#storePhotos {
	margin: 0 0 0 0;
}

#fisher {
	margin-top: 15px;
}

#storePhotosLarge {
	display: block;
	border: 1px solid #1f5c24;
	width: 100%;
}

.interior {
	padding: 3px 0 0 0;
}	
	
.prodPhoto {
	margin: 8px 0 0 55px;
	border: 1px solid #ffffff;
}

/*------------Tables--------------*/

table th, table td {
	width: 200px;
	padding-left: 5px;
}

.even {
	background-color: #ccffcc;
	
}

/* ---------Column220 (actually 255px wide)---------*/

#column220 {

	width: 255px;
	float: right;
	padding: 0 20px 0 0;
}

/* ---------Column340 (actually 369px wide)---------*/

#column340 {
	float:left;
	padding: 35px 2em;
	width: 369px;
}

#column340 p {
	padding: 0 15px 0 0;
}

#column340white {
	float:right;
	padding: 75px 2em;
	width: 369px;
}

/* ---------box (brown)---------*/

.box {
	background-color: #996633;
	height: 100%;
	padding: 5px 10px 1px 10px;
	margin-top: 15px;
}

.boxFirst {
	background-color:#996633;
	height: 100%;
	padding: 5px 10px 1px 10px;
	margin-top: 0;
}

.video {
	background-color: #1f5c24;
	padding: 20px 15;
	
}

content object {
	margin; 20px;
}

/* ---------box Fonts---------*/

.box h5, .boxFirst h5 {
font-size: 1em;
font-style: normal;
color: #ffff99;
}

.box h6, .boxFirst h6 {
padding: 0;
font-size: .75em;
font-style: italic;
color: #99ff99;
	text-align: left;
	border-bottom: 1px dotted #99ff99;
}

.video {
	width: 350px;
}

.video object {
	padding: 15px;
}

/* ---------box Fonts---------*/

.box h5, .boxFirst h5 {
font-size: 1em;
font-style: normal;
color: #ffff99;
}

.box h6, .boxFirst h6 {
padding: 0;
font-size: .75em;
font-style: italic;
color: #99ff99;
	text-align: left;
	border-bottom: 1px dotted #99ff99;
}

/* ---------button---------*/

.button {
	font:bold small-caps .8em helvetica, arial, sans-serif;
	background-color: #666633;
	color: #ffffff;
	padding:2px 6px;
	text-align: center;
}

.button a {
	color: #ffffff;
}

	.button:hover {
		background-color: #000;	
	}

/* ------------------------Store Story Page------------------------*/

#storeWrapper {
	width:500px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
}

#storyReel {
	float: left;
	padding: 5px 10px 0 0;
}

/* ------------------------Store Story Page------------------------*/

.aboutPhoto {
	margin: 5px 10px 0 0;
	float: left;
	border: 1px solid #ffffff;
}

#shopStuff {
	margin-top: 3px;
}

.map {
	border: 1px solid #996633;
}

/* ------------------------Guided Trips Page------------------------*/

/* ------------------------animation on Index Page------------------------*/

#page-wrap { width: 520px; margin: 10px 0 0 0; position: relative; height: 293px; background: black; }

.image-link { display: block; width: 520px; height: 260px; position: absolute; top: 43px; left: 0; }

#one { background: url('../../i/one.jpg') no-repeat; z-index: 2;}
#two { background: url('../../i/two.jpg') no-repeat; }
#three { background: url('../../i/three.jpg') no-repeat; }
#four { background: url('../../i/four.jpg') no-repeat; }
#five { background: url('../../i/five.jpg') no-repeat; }
#six { background: url('../../i/six.jpg') no-repeat; }

#one span { position: absolute; left: 20px; bottom: 263px; }
#two span { position: absolute; left: 100px; bottom: 263px; }
#three span { position: absolute; left: 180px; bottom: 263px; }
#four span { position: absolute; left: 260px; bottom: 263px; }
#five span { position: absolute; left: 340px; bottom: 263px; }
#six span { position: absolute; left: 420px; bottom: 263px; }

.image-link span { width: 78px; display: block; height: 38px; padding: 2px 0; text-align: center; }
.image-link:hover { z-index: 100; }
.image-link img {border: 1px solid white;}
.image-link:hover span { background: #000; }