/*----------------------------------
| TYAX Resort
| Stylesheet
| Author: dpelletier
| Version 2.0
| Date: March 17, 2009
|
+-----------------------------------*/

body {
	margin: 0 0 30px 0;
	font-size: 12px;
	color: #534741;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(graphics/bg_wood.jpg) 50% 0 no-repeat;
	}

	
img { border: none; }
p {
	margin: 0 0 15px 0; 
	line-height: 18px;
	}
form { margin: 0; }
.bReplace {
	text-indent: -9999px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
	}
.clearBoth, .clear {clear: both; }
.center {text-align: center;}
.photoBorder {
	border: 10px solid #d7d3bb;
	}
.floatLeft { float: left; }
.floatRight { float: right; }

/*----------------------------------
| STRUCTURE
+-----------------------------------*/
#topStrip {
	height: 11px;
	background: url(graphics/bg_topstrip.jpg) 50% 0 repeat-x;
	}
#siteContainer {
	width: 960px;
	margin: 0 auto;
	background: url(graphics/bg_wood.jpg) 50% -11px no-repeat;
	}
	
	.bigHeader #header {
		height: 497px;
		}
	.bigHeader #featureLeft {
		height: 379px;
		background: url(graphics/bg_feature_left_big.gif) no-repeat;
		}
	.bigHeader #featureRight {
		height: 386px;
		background-image: url(graphics/bg_feature_right_big.jpg);
		}
		
	.squishHeader #featureLeft {
		background: url(graphics/bg_feature_left_squish.jpg) 11px 0 no-repeat;
		}
		
	.squishHeader #featureRight {
		background: url(graphics/bg_feature_right_squish.jpg) 0 39px no-repeat;
		}
		
	#header {
		height: 402px;
		width: 960px;
		}		
		#headerLeft {
			background: url(graphics/bg_nav.jpg) no-repeat;
			position: absolute;
			width: 295px;
			height: 353px;
			margin: 49px 0 0 0;
			}
			#headerLeft h1 {
				height: 75px;
				width: 260px;
				padding: 6px 0 0 10px;
				margin: 0;
				}
				#headerLeft h1 a {
					width: 270px;
					height: 71px;
					background-image: url(graphics/logo.jpg);
					}		
			#primaryLinks {
				margin: 0 0 0 0;
				padding: 0;
				width: 240px;
				height: 252px;
				list-style: none;
				}
				#primaryLinks li {}
					#primaryLinks li a {
						text-decoration: none;
						text-indent: -9999px;
						display: block;
						height: 28px;
						outline: none;
						background-image: url(graphics/nav_primary.gif);
						background-repeat: no-repeat;
						}
						#plSpecials { background-position: 0 0; } #plSpecials:hover, .current #plSpecials { background-position: -240px 0; }
						
						#plAccommodation { background-position: 0 -28px; } .current #plAccommodation { background-position: -240px -28px; }
							#plAccommodation:hover, li.soOver #plAccommodation { background-image: url(graphics/nav_primary_slide.gif); background-position: 0 -28px; }
							
						#plActivities { background-position: 0 -56px; } .current #plActivities { background-position: -240px -56px; }
							#plActivities:hover, li.soOver #plActivities { background-image: url(graphics/nav_primary_slide.gif); background-position: 0 -56px; }
							
						#plWeddings { background-position: 0 -84px; } #plWeddings:hover, .current #plWeddings { background-position: -240px -84px; }
						#plCorporateRetreats { background-position: 0 -112px; } #plCorporateRetreats:hover, .current #plCorporateRetreats { background-position: -240px -112px; }
						#plGettingHere { background-position: 0 -140px; } #plGettingHere:hover, .current #plGettingHere { background-position: -240px -140px; }
						#plPhotoGallery { background-position: 0 -168px; } #plPhotoGallery:hover, .current #plPhotoGallery { background-position: -240px -168px; }
						
						#plOurCompany { background-position: 0 -196px; } .current #plOurCompany { background-position: -240px -196px; }
							#plOurCompany:hover, li.soOver #plOurCompany { background-image: url(graphics/nav_primary_slide.gif); background-position: 0 -196px; }
							
						#plContactUs { background-position: 0 -224px; } #plContactUs:hover, .current #plContactUs { background-position: -240px -224px; }
						
						#primaryLinks li.soOver {
						}
						#primaryLinks li.soOver ul {
							display: block;
							}
						/*
						#ulAccommodations { background: url(graphics/ul_accommodations.gif) no-repeat; }
						#ulActivities { background: url(graphics/ul_activities.gif) no-repeat; }
						#ulOurCompany { background: url(graphics/ul_our_company.gif) no-repeat; }
						*/
						
						#primaryLinks ul {
							position: absolute;
							list-style: none;
							width: 200px;
							display: none;
							padding: 0 0 0 0;
							margin: -28px 0 0 200px;
							}
							#primaryLinks ul li {
								float: none;
								cursor: pointer;
								}
								#primaryLinks ul li a {
									color: #FFF;
									text-indent: 0;
									filter: Alpha(Opacity=80);
									opacity: 0.8;
									display: block;
									width: 100%;
									height: auto;
									background: none;
									background-color: black;
									padding: 5px 10px 5px 15px;
									cursor: pointer;
									}
									#primaryLinks ul li a:hover {
										filter: Alpha(Opacity=100);
										opacity: 1;
										cursor: pointer;
										}

			#headerRight {
				position: absolute;
				width: 690px;
				margin: 29px 0 0 295px;
				height: 393px;
				background: url(graphics/bg_header_right.gif) 0 0 no-repeat;
				}
				#bViewMap {
					background-image: url(graphics/b_view_map.gif);
					width: 165px;
					height: 31px;
					}
					#bViewMap:hover { background-position: 0 -31px; }
				
				ul.secondaryLinks {
					margin: -11px 0 0 0;
					height: 40px;
					width: 754px;
					padding: 0 0 0 41px;
					list-style: none;
					}
					ul.secondaryLinks li {
						height: 29px;
						background-repeat: no-repeat;
						display: block;
						float: left;
						
						}
						ul.secondaryLinks li a {
							display: block;
							height: 29px;
							text-decoration: none;
							text-indent: -9999px;
							outline: none;
							}
							ul.secondaryLinks li a:hover,
							ul.secondaryLinks li a.current {
								background: url(graphics/sub_hover.gif) 50% 100% no-repeat;
								}
							#subActivities li { background-image: url(graphics/sub_activities.jpg); }
							#subOurCompany a { background-image: url(graphics/sub_ourcompany.gif); }
							#subMultimedia a { background-image: url(graphics/sub_multimedia.gif); }
							#subGettingHere a { background-image: url(graphics/sub_getting_here.gif); }
							#subPackagesPricing a { background-image: url(graphics/sub_packages.gif); }
							
							
							#sactOverview { background-position: 0 0; width: 90px; }
							#sactHorseback { background-position: -90px 0; width: 145px; }
							#sactATV { background-position: -235px 0; width: 140px; }
							#sactMountain { background-position: -375px 0; width: 135px; }
							#sactBoating { background-position: -510px 0; width: 79px; }
							#sactFishing { background-position: -589px 0; width: 78px; }
							#sactHiking { background-position: -667px 0; width: 70px; }
							
	#contentArea {
		background: url(graphics/bg_content_tile.jpg) repeat-y;
		padding: 0 0 0 0;
		}
		#contentBackground {
			background: url(graphics/bg_content_top.jpg) no-repeat;
			padding: 30px 0 0 0;
			}
		#contentArea h1 {
			margin: 0 0 10px 41px;
			}
			#colLeft h1 {
				margin-left: 0 !important;
				}
			#contentArea h1.hReplace {
				background-repeat: no-repeat;
				text-indent: -9999px;
				height: 58px;
				}
				
				
				
		#contentArea h2 {
			margin: 0 0 0 0;
			}
			#colLeft h2 {
				margin-left: 0 !important;
				margin-bottom: 10px;
				color: #790000;
				font-size: 20px;
				text-transform: uppercase;
				}
			#contentArea h2.hReplace {
				background-repeat: no-repeat;
				text-indent: -9999px;
				height: 42px;
				margin-bottom: 17px;
				}
				#h2ATVTours { background-image: url(graphics/headers/h2_atv_tours.jpg); }
				#h2FloatplaneSightseeing { background-image: url(graphics/headers/h2_floatplane_sightseeing.jpg); }
                #h2FloatplaneBackcountry { background-image: url(graphics/headers/h2_floatplane_backcountry.jpg); }
				#h2Hiking { background-image: url(graphics/headers/h2_hiking.jpg); }
				#h2HorsebackRiding { background-image: url(graphics/headers/h2_horseback_riding.jpg); }
				#h2MountainBiking { background-image: url(graphics/headers/h2_mountain_biking.jpg); }
				#h2NonGuidedActivities { background-image: url(graphics/headers/h2_non_guided_activities.jpg); }
				#h2SkyCamp { background-image: url(graphics/headers/h2_skycamp.jpg); }
				#h2Wildlife { background-image: url(graphics/headers/h2_wildlife.jpg); }
				#h2Hiking { background-image: url(graphics/headers/h2_hiking.jpg); }
				
				#h2EnvironmentalStewardship { background-image: url(graphics/headers/h2_environmental_stewardship.jpg); }
				#h2OurCrew { background-image: url(graphics/headers/h2_our_crew.jpg); }
				#h2JobOpportunities { background-image: url(graphics/headers/h2_job_opportunities.jpg); }
				#h2History { background-image: url(graphics/headers/h2_history.jpg); }
				#h2Links { background-image: url(graphics/headers/h2_links.jpg); }
				
				#h2OtherActivities { background-image: url(graphics/headers/h2_other_activities.jpg); }
				
				#h2PhotoGallery { background-image: url(graphics/headers/h2_photo_gallery.jpg); }
				#h2Video { background-image: url(graphics/headers/h2_video.jpg); }
				
				#h2AllInclusive { background-image: url(graphics/headers/h2_all_inclusive.jpg); }
				#h2ALaCarte { background-image: url(graphics/headers/h2_a_la_carte.jpg); }
				
				#h2Ground { background-image: url(graphics/headers/h2_ground.jpg); }
				#h2Air { background-image: url(graphics/headers/h2_air.jpg); }
				
				#h2LodgeCrew { background-image: url(graphics/headers/h2_lodge_crew.gif); }
				#h2HeadOffice { background-image: url(graphics/headers/h2_head_office.gif); }
		
		h3 {
			font-size: 16px;
			margin: 4px 0 7px 0;
			color: #790000;
			}
		#contentArea h4 {
			font-size: 14px;
			margin: 0 0 7px 0;
			}
		#colLeft {
			width: 624px;
			padding-left: 41px;
			float: left;
			}
			.fullWidth {
				width: 902px !important;
				}
		#colRight {
			width: 278px;
			padding-top: 12px;
			float: right;
			}
		#colSingle {
			padding-left: 41px;
			}
		#minHeight {
			width: 1px;
			height: 421px;
			float: left;
			}
		.shortPage #contentArea {
			height: 201px;
			}
		.shortPage #contentArea h2.hReplace {
			margin-bottom: 0;
			}
		.shortPage #minHeight {
			display: none;
			}
		.shortPage #footer {
			background: url(graphics/bg_footer_short.jpg) 15px 0 no-repeat;
			}
		#footer {
			clear: both;
			font-size: 9px;
			color: #7a786c;
			height: 94px;
			overflow: hidden;
			padding: 0 0 0 49px;
			background: url(graphics/bg_footer.jpg) no-repeat;
			}
			#footer p {
				margin-left: 3px;
				}
			#contentArea #footerLinks {
				margin: 0;
				padding: 48px 0 7px 0;
				list-style: none;
				}
				#contentArea #footerLinks li {
					display: inline;
					background: none;
					font-weight: normal;
					padding: 0;
					line-height: 12px;
					}
					#footerLinks li a {
						color: #7a786c;
						text-decoration: none;
						margin: 0 6px 0 3px;
						}
						#footerLinks li a:hover {
							color: #000;
							text-decoration: underline;
							}
							
		.divider {
			height: 1px;
			margin: 0 0 15px 0;
			background: url(graphics/divider.gif) repeat-x;
			}
			#contentArea a {
				color: #790000;
				}
				#contentArea a:hover {
					color: #bf9815;
					}
			#colLeft ul {
				list-style: none;
				margin: 0 0 15px 19px;
				padding: 0;
				}
				#colLeft ul li {
					padding: 0 0 0 13px;
					background: url(graphics/bullet_blue_arrow.gif) 0 6px no-repeat;
					
					line-height: 18px;
					}
		#featuredMedia {
			margin: 7px 0 0 0;
			}
			
		.package {
			background: url(graphics/bg_grad_box.jpg) repeat-x;
			padding: 10px;
			}
			.package h3 {
				font-size: 13px;
				}
			.package h3 a {
				font-size: 13px;
				line-height: 17px;
				padding-left: 24px;
				outline: none;
				background: url(graphics/bg_package_plus.gif) 0 0 no-repeat;
				}
				.package h3 a span {
					font-size: 11px;
					}
			.packageOpen h3 a {
				background-image: url(graphics/bg_package_minus.gif);
				}
			.packageContent {
				display: none;
				padding: 10px 0 10px 0;
				}
				.packageContent p {
					margin: 0 0 5px 0;
					}
				
				.packageContent table th {
					text-align: left;
					color: #0054a6;
					padding-right: 10px;
					}
				.packageContent table td {
					width: 33%;
					padding: 3px 10px 3px 0;
					vertical-align: top;
					}
				#contentArea .packageContent ul {
					margin-left: 0;
					}
					#contentArea .packageContent ul li {
						font-weight: normal;
						font-size: 11px;
						padding-left: 7px;
						background-image: url(graphics/bullet_blue_arrow_small.gif);
						}
		
		#colRight #adsBox {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#colRight #adsBox li {
				padding: 0;
				background: none;
				margin: 0 0 2px 0;
				}
				#colRight #adsBox li img {
					}
		#recentNews {
			padding: 43px 10px 10px 10px;
			margin: 10px 0;
			width: 236px;
			background: #ede9d2 url(graphics/bg_recent_news.jpg) 0 0 no-repeat;
			}
			#bMoreNews {
				position: absolute;
				width: 59px;
				height: 20px;
				margin: -29px 0 0 182px;
				background: url(graphics/b_more_news.gif) no-repeat;
				}
				#bMoreNews:hover {
					background-position: 0 -20px;
					}
				.newsItem {
					clear: right;
					background: url(graphics/bg_news_item.gif) repeat-y;
					padding: 0 0 0 8px;
					font-family: Georgia, Times, "Times New Roman", serif;
					color: #406618;
					line-height: 16px;
					font-size: 11px;
					margin: 0 0 9px 0;
					}
					#contentArea .newsItem a {
						color: #406618;
						text-decoration: none;
						}
						#contentArea .newsItem a:hover {
							text-decoration: underline;
							}
					.newsItem a span {
						font-weight: bold;
						color: #406618;
						}
		#ddMultimedia {
			margin-left: -100px !important;
			}
		
		.profile {
			padding: 0 0 0 0;
			background: url(graphics/divisder.gif) 0 100% no-repeat;
			margin: 15px 0 0 0;
			}
			.profile img {
				float: left;
				}
			.profileContent {
				float: right;
				width: 500px;
				padding-right: 10px;
				}
				.profile p {
					margin-top: 10px;
					font-size: 11px;
					}
					.profile p.profileName {
						margin: 0;
						font-weight: bold;
						font-size: 12px
						}
					.profile p.profilePosition {
						margin: 0;
						font-size: 12px;
						}
						
	#colSplitLeft {
		width: 45%;
		float: left;
		}
	#colSplitRight {
		width: 45%;
		float: right;
		}
		
	.ratesTable { margin: 0 0 15px 0; }
		.ratesTable td,
		.ratesTable th {
			vertical-align: top;
			padding: 3px 15px 3px 0;
			text-align: left;
			}
		.ratesTable td { font-size: 11px; }
		tr.titleRow td {
			font-size: 13px;
			font-weight: bold;
			}
			.ratesTable tr.titleRow td span { font-size: 11px; }
		.ratesTable tr.ratesColHeader td { font-size: 10px; }
		.ratesTable th {
			font-size: 12px;
			font-weight: bold;
			}
			
	.chaletTable { margin: 0 0 15px 0; }
		#contentArea .chaletTable th {
			width: 62px;
			padding: 4px 5px;
			}
		#contentArea .chaletTable td {
			width: 48px;
			padding: 4px 0;
			text-align: center;
			}
		#contentArea .chaletTable td,
		#contentArea .chaletTable th {
			vertical-align: top;
			}
		#contentArea .chaletTable td { text-align: center; }
		#contentArea .chaletTable th { text-align: left; }
	
	.nonGuidedTable {margin: 0 0 15px 0;}
		.nonGuidedTable th,
		.nonGuidedTable td {
			vertical-align: top;
			padding: 4px 5px !important;
			width: 20% !important;
			}
		.nonGuidedTable th {
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			}
		.nonGuidedTable td {
			text-align: center;
			}
	.basicTable { margin: 0 0 5px 0; }
		.basicTable th,
		.basicTable td {
			vertical-align: top;
			text-align: left;
			padding: 3px;
			}
			.basicTable th {	padding-right: 15px; }
	.campingTable {
		margin: 0 0 5px 0;
		width: 100%;
		}
		.packageContent .campingTable td {
			padding: 4px;
			width: 16%;
			vertical-align: top;
			text-align: left;
			}
	
	.packageDates {
		margin: 0 0 15px 0;
		border-collapse: collapse;
		width: 100%;
		}
		.packageDates th,
		.packageDates td {
			text-align: left;
			padding: 3px 7px;
			}
		.packageDates td {
			font-size: 10px;
			border-right: 1px solid #e4e0c9;
			}
			.packageDates td.tourNo {
				border-left: 1px solid #e4e0c9;
				border-right: none;
				}
			.packageDates td.tourNo span {
				font-weight: bold;
				}
		
	.noWrap td {
		white-space: nowrap;
		}
	.tableWithBorder { border-collapse: collapse; }
		.tableWithBorder td,
		.tableWithBorder th { border: 1px solid #e4e0c9; }
		
		#pLinks #contentArea ul li a {
			font-weight: normal;
			} 
	
	.contactTable {
		margin: 0 0 15px 0;
		}
	.contactTable td {
		padding: 3px 10px 3px 0;
		}
		
	tr.smallRow td,
	tr.smallRow th {
		font-size: 9px !important;
		white-space: nowrap;
		}	
	.warning {
		border: 1px solid #9e0b0f;
		padding: 10px;
		background-color: #fdf9f4;
		}
		
		td.shade { background: #efebd2 !important; }
		
		
		.post h3 {
			margin: 0 !important;
			}
			.postDate {
				margin: 0 0 5px 0;
				}
				
	#bAllInclusive {
		margin: 13px 20px 0 20px;
		width: 280px;
		height: 90px;
		background: url(graphics/b_all_inclusive.gif) no-repeat;
		float: left;
		}
	#bALaCarte {
		margin: 10px 0 0 0;
		width: 241px;
		height: 84px;
		background: url(graphics/b_a_la_carte.gif) no-repeat;
		float: left;
		}
	
	#bPricingPackage {
		width: 215px;
		height: 31px;
		background-image: url(graphics/b_pricing_package.jpg);
		}
		#bPricingPackage:hover {
			background-position: 0 -31px;
			}
			
	.packagePhotoRow {
		height: 31px;
		}
		.packagePhotoRow a { float: left; }
	
	#bViewPhotoGallery {
		width: 180px;
		height: 31px;
		background-image: url(graphics/b_view_photo_gallery.jpg);
		}
		#bViewPhotoGallery:hover {
			background-position: 0 -31px;
			}
			
			
			.bInfo {
				font-size: 9px;
				font-weight: normal;
				padding-left: 5px;
				}
	.spiritBearTable {
		width: 100%;
		margin: 0 0 15px 0;
		}
		.spiritBearTable td,
		.spiritBearTable th {
			width: 12% !important;
			white-space: nowrap;
			padding: 3px !important;
			}
			
			
			
			#rotateFlash {
				margin: 32px 0 0 0;
				width: 666px;
				height: 323px;
				}
				
				
				
	.defaultTable {
		margin: 0 0 15px 0;
		}
		.defaultTable th,
		.defaultTable td {
			text-align: left;
			padding: 3px;
			vertical-align: top;
			}
			
		.defaultTable .headRow td {
			font-size: 13px;
			font-weight: bold;
			}
			
		.defaultTable th {
			color: #0054A6;
			}