﻿/* Body & Main Wrapper------------------------------------------------*/
/*--------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #ffffff;
	text-align:center;
	background: #333333;
	font-size: 69%;
	}

#wrapper {
	padding: 0;
	border: 0;
	width: 800px;
	margin: 0 auto;
	background: #333333 url(images/tileBackground.png) repeat-y top left;
	}
	
#wrapper img {
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	}

/* Basic Elements -------------------------------------------------*/
/*-----------------------------------------------------------------*/

#navTrail {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	text-align:left;
	margin: 2px 2px 2px 5px;
	}

a:link {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #CC0000;
	font-weight: normal;
	text-decoration: none;
	}

a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #CC0000;
	font-weight: normal;
	text-decoration: none;
	}

a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
	}


a:active {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #CC0000;
	font-weight: normal;
	text-decoration: none;
	}

/* styled links */
a.email:link {
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}

a.email:visited {
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}

a.email:hover {
	color: #ffffff;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	text-decoration: underline;
	}

a.email:active {
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}
	
a.product:link {
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	}

a.product:visited {
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	}

a.product:hover {
	color: #ffffff;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	text-decoration: underline;
	}

a.product:active {
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	}

a.news:link {
	color: #ff9623;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}

a.news:visited {
	color: #ff9623;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}

a.news:hover {
	color: #ff9623;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	text-decoration: underline;
	}

a.news:active {
	color: #ff9623;
	text-decoration: none;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}

p {
	margin: 5px 5px 5px 5px;
	padding-bottom: 20px;
}

/* Home Page -----------------------------------------------------*/
/*----------------------------------------------------------------*/
#homeContainer {
	display: block;
	border: none;
	margin: 0 44px 0 41px;
	padding: 55px 0 0 0;
	width: 718px;
	background: transparent url(images/titleHome.png) no-repeat top left;
	}

#homePrimary {
	display: block;
	border: none;
	margin: 0;
	padding:0;
	width: 718px;
	height: 300px;
	background: #333333;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}
	
#homeLeftContent {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 359px;
	height: 300px;
	background-color: #333333;
	}

#homeRightContent {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 359px;
	height: 300px;
	background-color: #333333;
	}
	
#otherContainer {
	display: block;
	border: none;
	margin: 0 44px 0 41px;
	padding: 0;
	width: 718px;
	background:#333333;
	}
	
#otherPrimary {
	display: block;
	border: none;
	margin: 0;
	padding:0;
	width: 718px;
	height: auto;
	background: #333333;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}
	
#otherPrimarySmall {
	display: block;
	border: none;
	margin: 0;
	padding:0;
	width: 718px;
	height: auto;
	background: #333333;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	}
	
#otherLeftContent {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 358px;
	height: auto;
	background-color: #333333;
	border-right: 1px solid #d3c4af;
	text-align:left;
	}
	
#otherLeftContentNoRightBorder {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 536px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherLeftContent h1 {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 358px;
	height: auto;
	background-color: #333333;
	text-align:left;
	font-size:14px;
	color:#FF9933;
	}
	
#otherLeftContent div.sub_1 {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 178px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherLeftContentNoRightBorder div.sub_1_RightAlign {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 178px;
	height: auto;
	background-color: #333333;
	text-align:right;
	}
	
#otherLeftContentNoRightBorder div.sub_2 {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 358px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherLeftContent div.sub_2{
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 178px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherLeftContent div.sub_3{
	display: inline;
	float: left;
	border: none;
	margin: 0 0 2px 0;
	padding: 0;
	width: 358px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}

#otherRightContent {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 359px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherRightContent h1 {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 359px;
	height: auto;
	background-color: #333333;
	text-align:left;
	font-size:14px;
	color:#FF9933;
	}
	
#otherRightContent div.sub_1 {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 178px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherRightContent div.sub_2{
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 178px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherRightContent div.sub_3{
	display: inline;
	float: left;
	border: none;
	margin: 0 0 2px 0;
	padding: 0;
	width: 358px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherRightContent div.sub_4 {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 110px;
	height: auto;
	background-color: #333333;
	text-align:center;
	}
	
#otherLeftTeamContent {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 175px;
	height: auto;
	background-color: #333333;
	border-right: 1px solid #d3c4af;
	text-align:left;
	}
	
#otherRightTeamContent {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 542px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}
	
#otherTeamContent {
	display: inline;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 718px;
	height: auto;
	background-color: #333333;
	text-align:left;
	}

#homeSecondary {
	display: block;
	border: none;
	margin: 0;
	padding:0;
	width: 718px;
	height: auto;
	background-color: #333333;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	}
	
.homeSecondarySub {
	display: inline;
	float:left;
	margin: 0;
	padding:0;
	width: 358px;
	height: auto;
	background-color: #333333;
	}
	
/*=======HOME SUB LEFT==========*/
#homeSubLeft {
	padding: 0;
	text-align: left;
	border-right: 1px solid #d3c4af;
	height:150px;
}
#homeSubLeft div.sub_1 {
	display: inline;
	float: left;
	text-align: left;
	width: 358px;
	background-color: #333333;
}

#homeSubLeft div.sub_2{
	display: inline;
	float: left;
	width: 358px;
	height: auto;
	text-align: left;
	background-color: #333333;
}
/*=======END HOME SUB LEFT==========*/

/*=======HOME SUB RIGHT==========*/
#homeSubRight {
	padding: 0;
	text-align: left;
	height:150px;
}
#homeSubRight div.sub_1 {
	display: inline;
	float: left;
	text-align: center;
	width: 358px;
	background-color: #333333;
}

#homeSubRight div.sub_2 {
	display: inline;
	float: left;
	width: 358px;
	height: auto;
	text-align: center;
	background-color: #333333;
}

/*=======END HOME SUB RIGHT==========*/

/* Header  ---------------------------------------------------------*/
/*------------------------------------------------------------------*/
#header {
	display: block;
	width: 718px;
	height: 126px;
	background: transparent;
	padding: 0;
	margin-top: 0;
	margin-right: 44px;
	margin-bottom: 0px;
	margin-left: 41px;
	}
	
/* Footer  ------------------------------------------------*/
/*---------------------------------------------------------*/
#footer {
	display: block;
	border-top: none;
	padding: 0;
	margin: 0;
	width: 718px;
	background-color: #333333;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	}
	
#copyright {
	color: #ffffff;
	text-align: center;
	margin: 0;
	width: 718px;
	font-size: 10px;
}

/* Top Nav --------------------------------------------------------*/
/*-----------------------------------------------------------------*/
#topNav {
	display: block;
	padding: 0;
	border: 0;
	background: #333333 url(images/backgroundNav.png) no-repeat top left;
	height: 32px;
	width: 730px;
	margin: 0 38px 0 35px;
	}
	
	#topNav ul {
		width: 730px;
		height: 32px;
		margin: 0 0 0 0;
		list-style: none;
		padding: 0;
		border: 0;
		}

			#topNav ul li {
				list-style-type: none;
				display: inline;
				margin-right: 0px;
				padding: 0;
				float: left;
				}
				
				/* HOME----------*/
				li#homeLink,
				li#homeLink a {
					display: inline;
					background: transparent url(images/homeBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 58px;
					height: 32px;
					clip: rect(0, 58px, 32px, 0);
					}

				li#homeLink a {
					padding: 32px 0 0 0;
					height: 0px !important;
					height /**/:32px;
					}
				
				li#homeLink a:hover,
				li#homeLink a.selected {
					background-position: 0 -32px;
					}
					
				/* COMPANY----------*/
				li#companyLink,
				li#companyLink a {
					display: inline;
					background: transparent url(images/companyBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 89px;
					height: 32px;
					clip: rect(0, 89px, 32px, 0);
					}

				li#companyLink a {
					padding: 32px 0 0 0;
					height: 0px !important;
					height /**/:32px;
					}
				
				li#companyLink a:hover,
				li#companyLink a.selected {
					background-position: 0 -32px;
					}

				/* PRODUCTS----------*/
				li#productsLink,
				li#productsLink a {
					display: inline;
					background: transparent url(images/productsBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 96px;
					height: 32px;
					clip: rect(0, 96px, 32px, 0);
					}

				li#productsLink a {
					padding: 32px 0 0 0;
					height: 0px !important;
					height /**/:32px;
					}
				
				li#productsLink a:hover,
				li#productsLink a.selected {
					background-position: 0 -32px;
					}
	
			/* PICS----------*/
				li#picsLink,
				li#picsLink a {
					display: inline;
					background: transparent url(images/picsBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 146px;
					height: 32px;
					clip: rect(0, 146px, 32px, 0);
					}

				li#picsLink a {
					padding: 32px 0 0 0;
					height: 0px !important;
					height /**/:32px;
					}
				
				li#picsLink a:hover,
				li#picsLink a.selected {
					background-position: 0 -32px;
					}
					
				/* TEAM GO----------*/
			li#teamLink,
			li#teamLink a {
				display: inline;
				background: transparent url(images/teamBtn.png) no-repeat top left;
				float: left;
				margin: 0;
				padding: 0;
				overflow: hidden;
				width: 83px;
				height: 32px;
				clip: rect(0, 83px, 32px, 0);
				}

			li#teamLink a {
				padding: 32px 0 0 0;
				height: 0px !important;
				height /**/:32px;
				}
			
			li#teamLink a:hover,
			li#teamLink a.selected {
				background-position: 0 -32px;
				}

			/* STORE----------*/
				li#storeLink,
				li#storeLink a {
					display: inline;
					background: transparent url(images/storeBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 63px;
					height: 32px;
					clip: rect(0, 63px, 32px, 0);
					}

				li#storeLink a {
					padding: 32px 0 0 0;
					height: 0px !important;
					height /**/:32px;
					}
				
				li#storeLink a:hover,
				li#storeLink a.selected {
					background-position: 0 -32px;
					}

			/* CASEY'S CABIN----------*/
				li#reviewsLink,
				li#reviewsLink a {
					display: inline;
					background: transparent url(images/cabinBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 128px;
					height: 32px;
					clip: rect(0, 128px, 32px, 0);
					}

				li#reviewsLink a {
					padding: 32px 0 0 0;
					height: 0px !important;
					height /**/:32px;
					}
				
				li#reviewsLink a:hover,
				li#reviewsLink a.selected {
					background-position: 0 -32px;
					}

			/* GAMES----------*/
				li#gamesLink,
				li#gamesLink a {
					display: inline;
					background: transparent url(images/gamesBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 67px;
					height: 32px;
					clip: rect(0, 67px, 32px, 0);
					}

				li#gamesLink a {
					padding: 32px 0 0 0;
					height: 0px !important;
					height /**/:32px;
					}
				
				li#gamesLink a:hover,
				li#gamesLink a.selected {
					background-position: 0 -32px;
					}

/* Team Great Outdoors Links ----------------------------*/
/*-----------------------------------------------------------------*/
#teamNav {
	display: block;
	padding: 0;
	border: 0;
	height: 238px;
	width: 175px;
	margin: 0 0 0 0;
	}
	
	#teamNav ul {
		width: 175px;
		height: 238px;
		margin: 0 0 0 0;
		list-style: none;
		padding: 0;
		border: 0;
		}

			#teamNav ul li {
				list-style-type: none;
				display: inline;
				margin-right: 0px;
				padding: 0;
				float: left;
				}
				
				/* PRO STAFF----------*/
				li#prostaffLink,
				li#prostaffLink a {
					display: inline;
					background: transparent url(images/prostaffBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 175px;
					height: 34px;
					clip: rect(0, 175px, 34px, 0);
					}

				li#prostaffLink a {
					padding: 34px 0 0 0;
					height: 0px !important;
					height /**/:34px;
					}
				
				li#prostaffLink a:hover,
				li#prostaffLink a.selected {
					background-position: 0 -34px;
					}
					
				/* TEAM PRODUCT REVIEWS----------*/
				li#teamReviewsLink,
				li#teamReviewsLink a {
					display: inline;
					background: transparent url(images/reviewsBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 175px;
					height: 34px;
					clip: rect(0, 175px, 34px, 0);
					}

				li#teamReviewsLink a {
					padding: 34px 0 0 0;
					height: 0px !important;
					height /**/:34px;
					}
				
				li#teamReviewsLink a:hover,
				li#teamReviewsLink a.selected {
					background-position: 0 -34px;
					}
					
				/* MEDIA----------*/
				li#mediaLink,
				li#mediaLink a {
					display: inline;
					background: transparent url(images/mediaBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 175px;
					height: 34px;
					clip: rect(0, 175px, 34px, 0);
					}

				li#mediaLink a {
					padding: 34px 0 0 0;
					height: 0px !important;
					height /**/:34px;
					}
				
				li#mediaLink a:hover,
				li#mediaLink a.selected {
					background-position: 0 -34px;
					}
					
				/* SPONSORS----------*/
				li#sponsorLink,
				li#sponsorLink a {
					display: inline;
					background: transparent url(images/sponsorsBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 175px;
					height: 34px;
					clip: rect(0, 175px, 34px, 0);
					}

				li#sponsorLink a {
					padding: 34px 0 0 0;
					height: 0px !important;
					height /**/:34px;
					}
				
				li#sponsorLink a:hover,
				li#sponsorLink a.selected {
					background-position: 0 -34px;
					}
					
				/* EVENTS----------*/
				li#eventLink,
				li#eventLink a {
					display: inline;
					background: transparent url(images/eventsBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 175px;
					height: 34px;
					clip: rect(0, 175px, 34px, 0);
					}

				li#eventLink a {
					padding: 34px 0 0 0;
					height: 0px !important;
					height /**/:34px;
					}
				
				li#eventLink a:hover,
				li#eventLink a.selected {
					background-position: 0 -34px;
					}
					
				/* LINKS----------*/
				li#linksLink,
				li#linksLink a {
					display: inline;
					background: transparent url(images/linksBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 175px;
					height: 34px;
					clip: rect(0, 175px, 34px, 0);
					}

				li#linksLink a {
					padding: 34px 0 0 0;
					height: 0px !important;
					height /**/:34px;
					}
				
				li#linksLink a:hover,
				li#linksLink a.selected {
					background-position: 0 -34px;
					}
					
				/* CONTACT US----------*/
				li#contactLink,
				li#contactLink a {
					display: inline;
					background: transparent url(images/contactBtn.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 175px;
					height: 34px;
					clip: rect(0, 175px, 34px, 0);
					}

				li#contactLink a {
					padding: 34px 0 0 0;
					height: 0px !important;
					height /**/:34px;
					}
				
				li#contactLink a:hover,
				li#contactLink a.selected {
					background-position: 0 -34px;
					}
					
/* Pro Staff Links ----------------------------*/
/*-----------------------------------------------------------------*/
#prostaffNav {
	display: block;
	padding: 0;
	border: 0;
	height: 234px;
	width: 536px;
	margin: 0 0 0 0;
	}
	
	#prostaffNav ul {
		width: 536px;
		height: 234px;
		margin: 0 0 0 0;
		list-style: none;
		padding: 0;
		border: 0;
		}

			#prostaffNav ul li {
				list-style-type: none;
				display: inline;
				margin-right: 0px;
				padding: 0;
				float: left;
				}
				
				/* CASEY----------*/
				li#caseyLink,
				li#caseyLink a {
					display: inline;
					background: transparent url(images/team/casey_r_thumbnail.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 536px;
					height: 78px;
					clip: rect(0, 536px, 78px, 0);
					}

				li#caseyLink a {
					padding: 78px 0 0 0;
					height: 0px !important;
					height /**/:78px;
					}
				
				li#caseyLink a:hover,
				li#caseyLink a.selected {
					background-position: 0 -78px;
					}
					
				/* BRANDEN----------*/
				li#brandenLink,
				li#brandenLink a {
					display: inline;
					background: transparent url(images/team/branden_v_thumbnail.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 536px;
					height: 78px;
					clip: rect(0, 536px, 78px, 0);
					}

				li#brandenLink a {
					padding: 78px 0 0 0;
					height: 0px !important;
					height /**/:78px;
					}
				
				li#brandenLink a:hover,
				li#brandenLink a.selected {
					background-position: 0 -78px;
					}
					
				/* KIRK----------*/
				li#kirkLink,
				li#kirkLink a {
					display: inline;
					background: transparent url(images/team/kirk_s_thumbnail.png) no-repeat top left;
					float: left;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 536px;
					height: 78px;
					clip: rect(0, 536px, 78px, 0);
					}

				li#kirkLink a {
					padding: 78px 0 0 0;
					height: 0px !important;
					height /**/:78px;
					}
				
				li#kirkLink a:hover,
				li#kirkLink a.selected {
					background-position: 0 -78px;
					}

/* Content Container ----------------------------*/
/*-----------------------------------------------------------------*/

#contentContainer {
	margin: 0;
	padding: 0;
	width: 751px;
	text-align: center;
	background: #ffffff;
	}

	#contentContainer img {
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		}

/* Basic Classes -------------------------------------------------*/
/*----------------------------------------------------------------*/
.hide {
	display: none;
	}


.small {
font-size: 10px;
}

.clear {
	content: ".";
	overflow: hidden;
	clear: both;
	font-size: 1px;
	}

.clearBoth {
	clear: both;
	}


.clearAll {
	clear: both;
	}


.right {
	float: right;
	padding: 10px;
	}

.center {
	text-align: center;
	}

.left {
	float: left;
	padding: 10px;
	}

.noborder {
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
	}

.padded {
	margin-bottom: 10px;
}

.needInfo,
.needInfo p {
	color: #FF33CC;
}

.divider_top {
	background: #333333 url(images/horizontal_divider.png) no-repeat top left;
	margin: 0;
	padding: 0;
	width: 718px;
	height: 1px;
	display: block;
	}
.divider_bottom {
	background: #333333 url(images/horizontal_divider.png) no-repeat top left;
	width: 718px;
	height: 1px;
	display: block;
	}
