* {
	margin:0;
	padding:0;
}
body {
	position:relative;
	font:100%/1.4 Century Gothic, Arial, Trebuchet MS, Helvetica, sans-serif;    
	background:#fff;
	color:#000;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border:none;
}
/* ~~ Default link styles. Styling must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#00F;                 /* blue unless overridden below */
	text-decoration:underline; 
}
a:visited {
	color:#6E6C64;              /* gray unless overridden below */
	text-decoration:underline;
}
a:hover, a:active, a:focus { 
	text-decoration:underline;	/* underline unless overridden below */
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:" ";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
/*
.cf {
    zoom:1;
}
*/

.container {   					
	position:relative;
	width:100%;
	height:auto;
}
.top {
	position:relative;
	width:100%;
	background-color:#7f1a16;
}
.top-row1 {
	position:relative;
	width:100%;
	padding:2% 0;
}
.top-home {
	position:relative;
	top:20%;
	left:4%;
	width:13%;
	height:auto;
}
.top-directions {
	position:relative;
	top:20%;
	left:4%;
	width:24%;
	height:auto;
}
.top-phone {
	position:relative;
	top:20%;
	left:3%;
	width:31%;
	height:auto;
}
.top-row2 {
	position:relative;
	width:100%;
	padding:2% 0;
}
.top-about {
	position:relative;
	top:20%;
	left:3%;
	width:21%;
	height:auto;
}
.top-stuff {
	position:relative;
	top:20%;
	left:4%;
	width:22%;
	height:auto;
}
.top-maps {
	position:relative;
	top:20%;
	left:4%;
	width:22%;
	height:auto;
}
.top-hiking {
	position:relative;
	top:20%;
	left:4%;
	width:22%;
	height:auto;
}
.top-conditions {
	position:relative;
	top:20%;
	left:4%;
	width:22%;
	height:auto;
}
.header {
	position:relative;
	width:100%;
 	margin-bottom:-5px;	
}
.header-image {
	position:relative;
	width:100%;
}
.header-logo-link-home {
	position:absolute;
	top:6%;
	left:33%;
	width:25%;
	height:46%;
	background:transparent;
}
.header-logo-link-support {
	position:absolute;
	top:6%;
	left:6%;
	width:25%;
	height:80%;
	background:transparent;
}
/*
.breadcrumbTrail {
	position:relative;
	width:100%;
	background-color:#446e1a;
	padding-bottom:4px;
}
.breadcrumbTrail ul {
	position:relative;
	list-style:none;
	padding-top: 4px;
	padding-left: 10px;
}
.breadcrumbTrail ul li {
	position:relative;
	float:left;
	font-size:80%;
	color:#ffffff;
}
.breadcrumbTrail a {
	color:#ffffff;
	text-decoration:none;
}
.breadcrumbTrail a:hover {
	color:#cccccc;
}
*/
.main {
	position:relative;
	width:100%;
}
.page-navigation {
	position:relative;
	width:100%;
	background-color:#000;
}
.page-navigation h1 {
	position:relative;
	color:#fff;
	font-size:7vmin;
	font-weight:bold;
	margin-left:5%;
	padding-top:10px;
}
.page-navigation h2 {
	position:relative;
	color:#fff;
	font-size:5vmin;
	font-weight:bold;
	margin-left:5%;
	padding-top:10px;
	padding-bottom:10px;
}
.page-navigation h2 a {
	position:relative;
	color:#ffffff;	
	text-decoration:none;
}
.page-navigation h2 a:hover {
	position:relative;
	color:#7f1a16;	
	text-decoration:none;
}
.content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	background-color:#FFF;
}
.content h2 {
	position:relative;
	color:#336699;
	font-size:8vmin;
	font-weight:bold;
	padding-top:10px;
}
.content h3 {
	position:relative;
	color:#000;
	font-size:6vmin;
	font-weight:bold;
	padding-bottom:10px;
}
.content p {
	position:relative;
	color:#000000;
	font-size:5vmin;
	font-weight:normal;
	padding-bottom:10px;
}
.content a {
	position:relative;
	color:#000000;	
	text-decoration:underline;
}
.content a:hover {
	position:relative;
	color:#7f1a16;	
	text-decoration:underline;
}
.stretchImage {
	position:relative;
	top:0%;
	left:0%;
	width:100%;
}
.content-buttons {
	position:relative;
	width:100%;	
	padding:2% 0;
}
.button-up {
	position:relative;
	top:0%;
	left:32%;
	width:17%;
}
.button-home {
	position:relative;
	top:0%;
	left:33%;
	width:17%;
}

/*
.bar-color {
	color:#e40e04;
}
.content ul {
	position:relative;
	list-style:none;
	padding:20px 14px 0px 14px;
	margin-bottom:20px;
}
.content ul li {
	position:relative;
	display:block;
	font-size:100%;
	color:#000000;
	padding:6px 0px 6px 0px;	
	border-top:2px solid #999;
}
.arrow-right {
	position:absolute;
	right:0px;
}
.content ul li.last {
	position:relative;
	border-bottom:2px solid #999;
}
.content a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

.content ul li a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
}


.content a:hover {
	color:#cccccc;
}


#brandLogos
{
	position:relative;
	text-align:center;
}

#manufacturersList a
{
	font-weight:normal;
}

#Manufacturer a:visited {
	color:#cccccc;
}

#socialIcons
{
	position:relative;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width:75px;
	
}


*/
.footer {
	position:relative;
	width:100%;
	background-color:#8c1b02;
}
.icon-facebook {
	position:relative;
	float:left;
	margin-top:5%;
	margin-left:11%;
	width:11%;
}
.icon-shop {
	position:relative;
	float:left;
	margin-top:3%;
	margin-left:11%;
	width:10%;
}
.icon-cart {
	position:relative;
	float:left;
	margin-top:5%;
	margin-left:11%;
	width:16%;
}
.icon-checkout {
	position:relative;
	float:left;
	margin-top:5%;
	margin-left:11%;
	width:7%;
}
.button-cog {
	position:relative;
	margin-top:2%;
	margin-left:11%;
	margin-right:11%;
	width:78%;
	height:auto;
}
.footer-address {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	nargin-top:5%;
	width:100%;
}
.footer-address p {
	position:relative;
	color:#ffffff;
	font-size:6vmin;
	text-align:center;
}
.footer a {
	position:relative;
	color:#ffffff;	
	text-decoration:none;
}
.footer a:hover {
	position:relative;
	color:#0000cc;	
	text-decoration:none;
}

.clearBoth
{
	clear:both;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}