@charset "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica;
}

a {
	border: none;
	text-decoration: none;
}

img {
	border: none;
}

ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.clear {
	clear: both;
}

/* NAVIGATION  + BANNER */


.navWrapper {
	min-height:60px;
	background:#fff url(images/h-layout/greyBlackTopShim.jpg) repeat-x;
	width:100%;
	position:relative;
}

.nav {
	width: 1000px;
	margin: 0px auto 0px auto;
}

.navLinks {
	float: right;
	margin: 30px 0px 0px 0px;
}

.navLinks ul {
	padding: 0px;
	margin: 0px;
}

.navLinks li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

.navLinks li:last-child {
	border-right: none;
}

.navLinks a {
	font-size: 13px;
	margin: 0px 15px 0px 9px;
	padding: 30px 0px 30px 0px;
	color: #2D9245;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.navLinks a:hover {
	color: #fff;
}

.navLinks a.second {
	margin: 0px 2px 0px 2px;
}

.bannerWrapper {
	min-height:480px;
	background:#fff url(images/h-layout/dropshadow.png) top repeat-x;
	width:100%;
	position:relative;
	border-bottom: 1px #000 solid;
	padding-top: 15px;
}  

.banner {
	margin: 0px auto 0px auto;
	width: 1000px;
	height: 480px;
	background: url(images/h-layout/banner.jpg) top left no-repeat;
}

.banner h1 {
	font-family: Impact;
	text-transform: uppercase;
	color: #2D9245;
	text-shadow: 3px 3px 10px #000;
	margin: 0px;
	padding: 400px 0px 0px 0px;
	text-align: center;
	font-size: 50px;
}

.bannerLinks h5 {
	font-size: 26px;
	font-family: Impact;
	color: #FFF;
	text-shadow: 3px 3px 5px #000;
	padding: 0px;
	margin: 0px;
}

.bannerLinks h5:hover {
	color: #2D9245;
}

#elevated {
	padding: 150px 0px 0px 550px;
}

#coat {
	padding: 70px 0px 0px 262px;
}

#beer {
	padding: 20px 0px 0px 520px;
}

#aero {
	padding: 50px 0px 0px 320px;
}


.launchCounter {
	margin: 10px 0px 0px 0px;
	padding: 15px;
	float: right;
	width: 150px;
	background: #2D9245;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.launchCounter h2 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 26px;
	color: #fff;
}

.launchCounter p {
	font-size: 10px;
	color: #CCC;
	margin: 0px;
	padding: 0px;
}

/* CONTENT */

.contentWrapper {
	background: #087023 url(images/h-layout/clothTexture.png);
	width: 100%;
	margin: 0px;
	padding: 0px;
	min-height: 200px;
}

.content {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 20px 0px;
	display: block;
}

.pageTitle {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.pageTitle h1 {
	font-family: Impact;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 3px 3px 10px #000;
	margin: 0px;
	padding: 35px 0px 0px 0px;
	text-align: right;
	font-size: 72px;
}

.pageTitle img {
	float: left;
}

/* CONTENTMAIN */

#dropShadow {
-moz-box-shadow: 3px 3px 10px #000;
-webkit-box-shadow: 3px 3px 10px #000;
box-shadow: 3px 3px 10px #000;
}

.contentBox {
	background: #FFF;
	min-height: 200px;
	margin: 0px 0px 10px 0px;
}

/* HOME PAGE BOX */

.contentHome {
	float: left;
	width: 319px;
}

#contentHome {
	margin: 25px 20px 20px 0px;
}

#contentHomeLast {
	margin: 25px 0px 20px 1px;
}

.contentHome h4 {
	margin: 0px 0px 10px 0px;
	padding-bottom: 5px;
	font-size: 20px;
	color: #fff;
	border-bottom: 1px #222 solid;
	text-shadow: 3px 3px 10px #000;
}

.contentHomeBox {
	background: #fff;
	
}

.contentHomeBox img {
	border: 2px #2D9245 dashed;
	margin: 8px;
	
}

/* AD BOX RULES */

.advertiserTitle h1 {
	font-family: Impact;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 3px 3px 10px #000;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	text-align: left;
	font-size: 72px;
}

.advertiserTitle img {
	float: right;
}

.contentAdBox {
	float: left;
	background: #fff;
	width: 258px;
	margin: 0px 10px 0px 0px;
	min-height: 258px;
	border: 1px #000 solid;
}

.contentAdBox img {
	border: 2px #2D9245 dashed;
	margin: 8px;
}

.contentAdInfo {
	background: #FFF;
	width: 688px;
	min-height: 220px;
	margin: 0px 0px 10px 0px;
	float: left;
	padding: 20px;
	border: 1px #000 solid;
}

.contentAdInfo a:hover {
	background: #2D9245;
}

.contentAdInfo h1 {
	text-shadow: 2px 2px 2px #000;
	color: #2D9245;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.contentAdInfo h4 {
	padding: 0px;
	margin: 10px 0px 6px 10px;
	color: #222;
}

.contentAdInfo p {
	padding: 0px;
	width: 360px;
	font-size: 12px;
	margin: 2px 0px 0px 10px;
	color: #444;
}

/* AD PAGE CONTENT - PAGES DEVOTED TO SPECIFIC AD SPACE */

#bannerDoor {
	background: url(images/h-layout/bannerBackDoor.jpg) top left no-repeat;
}

#bannerAero {
	background: url(images/h-layout/bannerAero.jpg) top left no-repeat;
}

#bannerCoat {
	background: url(images/h-layout/bannerCoat.jpg) top left no-repeat;
}

#bannerBeer {
	background: url(images/h-layout/bannerBeer.jpg) top left no-repeat;
}

#bannerElevated {
	background: url(images/h-layout/bannerElevated.jpg) top left no-repeat;
}

.adPageContentWrapper {
	padding: 0px;
	margin: 20px 20px 20px 0px;
	width: 740px;
	float: left;
}

.adPageContent {
	margin: 0px 0px 20px 0px;
	padding: 20px;
	width: 700px;
	min-height: 150px;
	background: #fff;
}

.adPageContent h2 {
	margin: 0px 0px 15px 0px;
	color: #333;
	font-family: Impact;
	text-transform: uppercase;
}

.adPageContent h4 {
	margin: 15px 0px 15px 0px;
	padding: 20px 0px 0px 0px;
	color: #333;
	font-size: 24px;
	font-family: Impact;
	text-transform: uppercase;
	border-top: 1px #CCC solid;
}

.adPageContent p {
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
	font-size: 13px;
}

.adPageLinks {
	float: left;
	margin: 20px 0px 0px 0px;
	width: 240px;
}

.adPageLinks li {
	background: #fff;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
	margin: 0px 0px 20px 0px;
	text-align: center;
	padding-bottom: 5px;
}

.adPageLinks li:hover {
	background: #222;
}

.adPageLinks a {
	color: #2D9245;
	font-weight: bold;
}

.adPageLinks img {
	padding: 10px;
}

.adCountBox {
	width: 350px;
	font-family: Impact;
	float: left;
	margin-right: 20px;
}

.adCountBox h1 {
	float: left;
	padding: 0px 20px 15px 0px;
	margin: 0px;
	font-size: 50px;
	color: #2D9245;
	min-width: 35px;
	text-shadow: 3px 3px 2px #AAA;
	font-family: Impact;
}

.adCountBox p {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	font-size: 20px;
	color: #2D9245;
	text-shadow: 2px 2px 5px #AAA;
	text-transform: uppercase;
}

.adCheckBox {
	float: left;
	width: 330px;
}

.adCheckBox li {
	background: url(images/h-layout/checkmark.jpg) left center no-repeat;
	padding-left: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
}

.adCheckBox {
}

.adMonthBox {
	margin: 55px 0px 20px 0px;
	display: block;
	padding: 0px;
}

.adMonthBox li {
	display: inline;
	padding: 20px 5px 20px 5px;
	text-transform: uppercase;
	margin: 50px 12px 15px 0px;
	background: #2D9245;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
	color: #fff;
}

.adMonthBox li:last-child {
	margin: 20px 0px 15px 0px;
}

.mobileFacts li {
	background: url(images/bigfootIco.png) left center no-repeat;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 13px;
}

.bigfootRoute img {
	float: left;
}

.bigfootRoute h2 {
	margin: 0px 0px 15px 20px;
	min-width: 370px;
	color: #333;
	font-family: Impact;
	text-transform: uppercase;
	float: left;
}

.bigfootRoute ul {
	float: left;
	margin-left: 25px;
}

.bigfootRoute li {
	background: url(images/bigfootIco.png) left center no-repeat;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 13px;
}

/* GALLERY */

.galleryWindows {
	margin: 10px 0px 10px 0px;
	width: 1000px;
}

.galleryBox {
	width: 240px;
	margin: 0px 13px 15px 0px;
	float: left;
	background: #fff;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
	text-align: center;
	padding-bottom: 5px;
}

.galleryBox:hover {
	background: #222;

}

.galleryWindows img {
	padding: 10px;
}

.galleryWindows a {
	color: #2D9245;
	font-weight: bold;
}

/* CALENDAR */

.calMonths {
	width: 994px;
	display: block;
	background: #fff;
	padding: 6px 0px 6px 6px;
	margin: 0px 0px 10px 0px;
}

.calActiveMonth{
	width: 1000px;
}

.calActiveMonth h3 {
	color: #fff;
	text-shadow: 3px 3px 10px #000;
	margin: 10px 0px 6px 0px;
	text-align: right;
	font-size: 72px;
	text-transform: uppercase;
}

.calMonths li {
	display: inline;
}

.calMonths a {
	color: #777;
	text-decoration: none;
	padding: 2px 13px 2px 13px;
}

.calMonths a:hover {
	text-shadow: 1px 1px 1px #888;
}

#activeMonth {
	color: #2D9245;
}

.calTitles {
	width: 1000px;
}

.calTitles li {
	display: block;
	float: left;
	width: 134px;
	padding: 6px 0px 6px 0px;
	text-align: center;
	background: #2D9245;
	color: #fff;

}

.calDay {
	width: 1000px;
}

.calDay li {
	display: block;
	float: left;
	width: 130px;
	height: 130px;
	text-align: right;
	background: #fff;
	color: #2D9245;
	padding: 2px;

}

#calCol {
	margin: 0px 10px 11px 0px;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
}

#calColLast {
	margin: 0px 0px 10px 1px;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
}

/* EVENT */

.eventContentWrapper {
	padding: 0px;
	margin: 0px 20px 20px 0px;
	width: 740px;
	float: left;
}

.eventContent {
	margin: 0px 0px 20px 0px;
	padding: 20px;
	width: 700px;
	min-height: 150px;
	background: #fff;
}

.eventContent h2 {
	margin: 0px 0px 15px 0px;
	color: #333;
	font-family: Impact;
	text-transform: uppercase;
}

.eventNavigation {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 240px;
}

.eventNavigation li {
	background: #fff;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
	margin: 0px 0px 20px 0px;
	text-align: center;
	padding-bottom: 5px;
}

.eventNavigation li:hover {
	background: #222;
}

.eventNavigation img {
	padding: 10px;
}

.eventNavigation a {
	padding: 0px 0px 10px 0px;
	color: #2D9245;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.eventContent img {
	border: 2px #2D9245 dashed;
	float: left;
	margin: 0px 20px 20px 0px;
}

.eventContent h3 {
	text-align: center;
	text-transform: uppercase;
	text-shadow: 3px 3px 5px #777;
	color: #2D9245;
	margin: 0px 0px 20px 0px;
	font-size: 20px;
	font-weight: bold;
}

.eventContent h1 {
	margin: 0px 0px 20px 0px;
	text-transform: uppercase;
	font-family: Impact;
	color: #333;
	font-size: 30px;
}

.eventContent p {
	font-size: 12px;
}

.charityCounter {
	float: left;
	padding: 50px 35px 50px 0px;
	text-align: center;
	font-family: Impact;
}

.charityCounter h1 {
	font-size: 50px;
	color: #2D9245;
	padding: 0px;
	margin: 0px;
}

.charityCounter p {
	font-weight: bolder;
	text-transform: uppercase;
	color: #333;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}

/* ABOUT */

#bannerAbout {
	background: url(images/h-layout/bannerTheStory.jpg) top left no-repeat;
}

.aboutContent {
	margin: 0px 20px 20px 0px;
	padding: 20px;
	width: 700px;
	min-height: 400px;
	background: #fff;
	float: left;
}

.aboutContent img {
	border: 3px #2D9245 solid;
	float: left;
	margin: 10px 15px 10px 15px;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
}

.aboutContent p {
	font-size: 12px;
}

.aboutContent h1 {
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	font-family: Impact;
	color: #333;
	font-size: 30px;
}

.aboutNavigation {
	float: left;
	margin: 0px;
	width: 240px;

}

.aboutNavigation h3 {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	text-shadow: 3px 3px 10px #000;
}

.aboutNavigation img {
	margin-bottom: 10px;
}

/* FOOTER */

.footerWrapper {
	min-height:200px;
	background:#000 url(images/footerShim.jpg) repeat-x;
	width:100%;
	position:relative;
}

.footer {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
	font-size: 13px;
}

.footer p {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #AAA;
	float: right;
}

.footerLinks ul {
	margin: 0px 30px 0px 0px;
	float: left;
}

.footerLinks li {
	list-style-type: none;
	border-left: 1px #fff solid;
}

.footerLinks a {
	text-decoration: none;
	color: #2D9245;
	font-size: 13px;
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.footerLinks a:hover {
	color: #FFF;
}