/* ########################################################  G L O B A L  C S S */
/* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 */
html, body, div, span,h1, h2, h3, h4, h5, h6, p,
abbr, address, em, img, small, strong,
ol, ul, li, footer, header,nav, section {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
footer, header,section { display:block; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* --------------------------------------------------------- END RESET CSS */
/* Font normalisation
fonts.css from the YUI Library: developer.yahoo.com/yui/
Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages */
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
/* maxvoltar.com/archive/-webkit-font-smoothing - Webkit font smoothing */
html { -webkit-font-smoothing: antialiased; }
 /* Force scrollbar*/
html { overflow-y: scroll; }
/* --------------------------------------------------------------------- IE Fixes */ 
/* Min-height in IE */
.box {
	min-height:500px;
	height:auto !important;
	height:500px;
}
/* IE7 image resizing: bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* ######################################################## S T A R T  L A Y O U T . C S S */
body {
    -webkit-text-size-adjust: 100%;   /* Stops Mobile Safari from auto-adjusting font-sizes */
    background: #fff;
    color: #000;
    font: 100%/1.6 Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    nowhitespace: afterproperty;
    padding: 0;
    text-align: center;
}
/* ######################################################## R E S E T */
ul, ol {
	list-style-type:none;
}
a img { 
	border: none;
}
a:link {
	color: #438235; 
	text-decoration: none; 
}
a:visited {
	color: #438235;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}
/* ###################################################### M A J O R  B L O C K S */
.masthead {
	background: #33383e; /* Old browsers */ 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZWJkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzMzODNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NGI1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #f0ebd6 0%, #33383e 0%, #454b51 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0ebd6), color-stop(0%,#33383e), color-stop(100%,#454b51)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0ebd6 0%,#33383e 0%,#454b51 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0ebd6 0%,#33383e 0%,#454b51 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0ebd6 0%,#33383e 0%,#454b51 100%); /* IE10+ */
background: linear-gradient(top, #f0ebd6 0%,#33383e 0%,#454b51 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33383e', endColorstr='#454b51',GradientType=0 ); /* IE6-8 */
	-moz-box-shadow: 0px 0px 2px 1px #888;
	-webkit-box-shadow: 0px 0px 2px 1px #888; 
          	box-shadow: 0px 0px 2px 1px #888;
	height:88px;
	line-height:33px;
	width:100%;
	position:relative; /*This combined with z-index of 999 keeps the box shadow on top of cream bkgd*/
	z-index:999;
}
.innerWrap {
	width: 860px;
	margin: 0 auto; 
	overflow:hidden;
}
.innerWrap h1{
	text-transform:uppercase;
	letter-spacing:1px;
	color:#f4f1e8;
	font-size:130%;
	font-weight:normal;
	padding-top:10px;
	margin:0 150px; /*contracts border bottom*/
	border-bottom:1px solid #787a7d;
}
.innerWrap h2{
	color:#fff;
	font-size:110%;
	font-weight:normal;
	letter-spacing:1px;
}
.contentArea {
	background-color:#eae7d6;
	width:100%;
	padding:20px 0 0 0;
}
/* ~~ FLOATS ~~ */
.right, .left {
	width:386x;
	text-align:center;
	overflow:hidden;
}
.right {
	float:right;
}
.left {
	float:left;
}
.imgInfo {
	background-color:#fff;
	padding:12px 0;
	border-top:2px solid #eae7d6;
	text-align:center;
}
.img.world {
	background:#fff url('../images/classic_hikes_world_portal.jpg') no-repeat;
	width:386px;
	height:500px;
}
.img.na {
	background:#fff url('../images/classic_hikes_north_america_portal.jpg') no-repeat;
	width:386px;
	height:500px;
}
.img.world a, .img.na a {
	display:block;
	width:386px;
	height:500px;
	background-image: none;
}
.right li.img, .left li.img {
	background-color:#fff;
}
.right h3, .left h3 {
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
	font-size:110%;
}
.right .subtitle, .left .subtitle {
	color:#757775;
	font-size:90%;
}
.right a, .left a {
	font-size:120%;
	background: url('../images/arrow-portal.gif') right center no-repeat;
	padding-right: 17px;
}
.right li.img a, .left li.img a {	
	padding-right: 0;
}
a.buy-amazon {
	background-image:none !important;
	display:block;
	text-align:center;
	padding-top:20px;
}
/* ############################################################### F O O T E R + C L E A R */
footer {
	background: url('../images/footer_bkgd.gif') repeat;
	padding: 20px 0 10px 0;
	margin-top:1px;
	border-top:1px solid #7e8861;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	width:100%;
	overflow:hidden;
}
footer .inner {
	background: url('../images/footer_hiker_img.jpg') center center no-repeat;
	width:860px;
	margin: 0 auto;
	height:270px;
}
footer .inner  .quote {
	color:#eee;
	font-style:italic;
	font-size:90%;
	padding-top:4px;
}
footer .inner  .quote_author {
	color:#eee;
	font-size:90%;
	margin-bottom:15px;
}
footer .inner a.author {
	font-size:140%;
	text-transform:uppercase;
	color:#fff !important;
	background: url('../images/arrow_author.png') right center no-repeat;
	padding-right: 21px;
}
address {
	color:#eee;
	font-size:70%;
	font-style:normal;
}
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}