/*
// $Id: wrapper.css,v 1.17 2012/01/10 22:54:28 karenk Exp $
// $Revision: 1.17 $
// $Author: karenk $
//
// $Log: wrapper.css,v $
// Revision 1.17  2012/01/10 22:54:28  karenk
// change features background
//
// Revision 1.16  2012/01/09 19:02:47  karenk
// remove text from homepage features.  shrink box
//
// Revision 1.15  2011/12/23 18:42:14  karenk
// *** empty log message ***
//
// Revision 1.14  2011/12/21 19:51:34  karenk
// allow no headline and large picture
//
// Revision 1.13  2011/11/01 04:33:40  karenk
// change font size
//
// Revision 1.12  2011/11/01 03:46:51  karenk
// *** empty log message ***
//
// Revision 1.11  2011/10/29 03:55:07  karenk
// add countdown
//
// Revision 1.10  2011/10/28 12:37:32  karenk
// *** empty log message ***
//
// Revision 1.9  2011/10/28 07:37:19  karenk
// more flash to jquery conversion
//
// Revision 1.8  2011/10/27 11:14:30  karenk
// finsh new hero area on winter theme
//
// Revision 1.7  2011/10/18 11:28:08  karenk
// change flash to slideshow part 1
//
// Revision 1.6  2011/10/14 03:44:59  karenk
// add lifts/grooming report
//
// Revision 1.5  2011/06/07 04:03:55  karenk
// new images, shorten text box
//
// Revision 1.4  2011/06/07 01:44:46  karenk
// more email signup updates
//
// Revision 1.3  2011/06/05 00:48:14  karenk
// more email signup changes
//
// Revision 1.2  2010/11/25 00:25:17  randyr
// updated yellow bar area
//
// Revision 1.1  2009/10/08 21:49:37  randyr
// created new theme
//
//
*/

/* GLOBAL */

body
{
	/*background:url(../images/bg.repeat.jpg) repeat-y;*/
	margin:0;
	padding:0;
	overflow-x:hidden;
	background-image: url(../images/bg.repeat.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: fixed;
}

body,th,td,p,input
{
	font:normal 11px Verdana;
	color:#686a6e;
	line-height:14px;
}

th {font-weight:bold}

form {display:inline}

h1,h2,h3,h4,h5,h6 {margin:0;padding:3px 0;}

h1
{
	font-family:Helvetica, sans-serif;
	font-weight:normal;
	font-size:24px;
	color:#102c4f;
	text-transform:uppercase;
	line-height:22px;
}

h2, h2 a, h2 a:hover
{
	font-family:Georgia;
	font-style:italic;
	font-weight:normal;
	font-size:16px;
	color:#011b3f;
	text-decoration:none;
	line-height:16px;
}

a {font:bold 11px Verdana;color:#ff6600}
a:hover {color:#d95c05}

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

li{
background:url(../images/arrow.gif) no-repeat 0 4px;
padding-left:10px;
line-height:1.5em;
}

img {border:0}

#parent 
{
	width:868px;
	margin:auto;
}

#mainnav {background-color: #fff;}

#buyonline {
	position:relative; 
	/*background-color:#f3c218;*/
	background:url(../images/yellow-bar-bkgd.gif) repeat-x top left;
	width: 868px;
	height:62px;
	padding: 0px;
}

#buyonline .left {
	float: left;
}
#buyonline .right {
	float: right;
}
#boxPurchase {
	float: right;
	width: 305px;
	height:62px;
}
#boxFB {
	float: right;
	background:url(../images/yellow-bar-fb-bkgd.gif) no-repeat top left;
	width: 271px;
	height:62px;
}
#emailSignupBox {
position: relative;
background:url(../images/yellow-bar-enews-signup-bg.gif) no-repeat top left;
width: 292px;
height:62px;
}
#txtEmail {
position: absolute;
top: 32px;
left: 68px;
width: 160px;
height: 11px;
}
#emailSignupButton {
position: absolute;
top: 33px;
right: 25px;
}
#callouts 
{
	width:90%;
	border:0;
	float:right;
}

#twitter {
	width: 211px;
	height: 199px;
	background:url(../images/bg.twitter.jpg) no-repeat top left;
}

	ul#twitter_update_list	{
		margin: 0;
		padding: 40px 10px 10px 0px;
		list-style-type: none;
	}
	ul#twitter_update_list li 
	{
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		background: none;
	}
	ul#twitter_update_list li a:link {
		color: #fff;
		text-decoration: none;
	}
	ul#twitter_update_list li a:visited {
		color: #fff;
		text-decoration: none;
	}
	ul#twitter_update_list li a:hover {
		color: #fff;
		text-decoration: underline;
	}
	ul#twitter_update_list li a:active {
		color: #fff;
		text-decoration: underline;
	}

#content
{
	width:620px;
	padding:16px 15px 10px 0;
	/*float:right;*/
}

#content h1 {padding-bottom:8px;}

#datepicker
{
	position:absolute;

}

#footer
{
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#8497ab;
	text-align:right;
	float:right;
	padding-top:10px;
	width: 868px;
}

#footer a 
{
	font:bold 11px Helvetica, Arial, sans-serif;
	color:#10155d;
	text-decoration:none;
	text-transform:uppercase;
}

#footer a:hover {color:#102c4f;}

#footerPhone {
	font: bold 11px Arial;
	color: #4e5c6b;
	padding-left: 25px;
}

#header {
	width: 868px;
	height: 103px;
	background-image: url(../images/bg_header_winter.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}

#hero {height:400px;}

#hero img
{
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}

#hero_caption
{
	width:350px;
	height:20px;
	float:left;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:#fff;
	font:italic 11px Georgia;
	color:#385371;
	padding:6px 0 0 121px;
}

#hero_overlay
{
	width:867px;
	position:absolute;
	margin-top:-26px;
	z-index:10;
}

#leftcol
{
	width:217px;
	/*float:left;*/
	padding:10px 0 15px 10px;
	/*border: 1px solid red;*/
}

#heroContainer {
position: relative;
width: 867px;
height: 400px;
}
#heroBox {
position: absolute;
top: 0px;
left: 0px;
}
#heroBox .heroImg {
position: absolute;
top: 0px;
left: 0px;
width: 867px;
height: 400px;
z-index: 1;
}
#heroBox .on {
z-index: 2;
}
#heroBox .heroImg img {
position: absolute;
top: 0px;
left: 0px;
}
#heroBox  .heroHeading {
position: absolute;
left: 0px;
width: 867px;
background: url(../images/blk.bkgd.png) repeat top center;
}
#heroBox .hhTop {
top: 0px;
}
#heroBox .hhBottom {
bottom: 0px;
}
#heroBox .heroHeadingInner {
width: 560px;
padding: 10px;
}
#heroBox .heroHeadingInner h1 {
font-family: BebasNeueRegular;
color: #ffffff;
font-size: 43px;
line-height: 34px;
font-weight: normal;
padding: 1px 0 2px 0;
}
#heroBox .heroHeadingInner h2 {
font-family: BebasNeueRegular;
color: #cbd3da;
font-size: 21px;
line-height: 20px;
font-style: normal;
font-weight: normal;
padding: 1px 0 2px 0;
}
#heroBox .heroHeadingInner a {
font-family: BebasNeueRegular;
color: #959597;
font-size: 16px;
line-height: 20px;
text-decoration: none;
font-weight: normal;
}
#heroBox .heroHeadingInner a:hover {
color: #cbd3da;
}
#featuresBox {
position: absolute;
z-index: 5;
background: url(../images/featuresBG.gif) no-repeat top center;
top: 58px;
right: 7px;
width: 274px;
height: 164px;
}
#featuresNav {
position: absolute;
right: 8px;
bottom: 10px;
}
#featuresNav div {
float: left;
background-position: top center;
}
#featuresNav div:hover, #featuresNav div.active  {
background-position: bottom center;
}
#featuresNav .featuresPrev {
background: url(../images/btn.special.arrow.left.gif) no-repeat top center;
width: 18px;
height: 19px;
}
#featuresNav .featuresNext {
background: url(../images/btn.special.arrow.right.gif) no-repeat top center;
width: 18px;
height: 19px;
}
#featuresNav .featuresItem {
width: 18px;
height: 19px;
}
#featuresItem1 { background-image: url(../images/btn.special.1.gif); }
#featuresItem2 { background-image: url(../images/btn.special.2.gif); }
#featuresItem3 { background-image: url(../images/btn.special.3.gif); }
#featuresItem4 { background-image: url(../images/btn.special.4.gif); }
#featuresItem5 { background-image: url(../images/btn.special.5.gif); }

#featuresBox ul {
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
}
#featuresBox ul li {
position: absolute;
top: 0px;
left: 0px;
display: none;
background-image: none;
padding: 0px;
overflow: hidden;
}
#featuresBox li .image {
overflow: hidden;
margin: 3px;
}
#featuresBox li .spacer {
padding: 10px;
}
#featuresBox li .featuresText {
margin: 5px 10px 5px 12px;
}
#featuresBox li h1 {
font-family: BebasNeueRegular;
color: #ffffff;
font-size: 28px;
line-height: 24px;
font-style: normal;
font-weight: normal;
padding: 0 0 2px 0;
}
#featuresBox li h2 {
font-family: BebasNeueRegular;
color: #cbd3da;
font-size: 16px;
line-height: 18px;
font-style: normal;
font-weight: normal;
padding: 0 0 2px 0;
}
#featuresBox li a {
font-family: BebasNeueRegular;
color: #8eb6e2;
font-size: 16px;
line-height: 18px;
text-decoration: none;
font-weight: normal;
}
#featuresBox li a:hover {
color: #ffffff;
}


#leftcol a
{
	font:bold 11px #7a8da1;
	color:#7a8da1;
	text-transform:uppercase;
	text-decoration:none;
}

#leftcol a:hover
{
	font:bold 11px #7a8da1;
	color:#102c4f;
	text-decoration:none;
}

#leftcol h1 a, #leftcol h1 a:hover
{
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#7a8da1;
	text-transform:uppercase;
}

#leftcol ul li
{
	background-image:none;
	padding-left:6px;
}

#snowreport tr td
{
	font-weight: bold;
	vertical-align:top;
	color:#102c4f;
}

#subhero {height:276;}

#ticker {padding:3px}

#weather
{
	width:261px;
	margin-top:44px;
	height:52px;
	float:right;
	background-color: #f5f78c;
}

.bkg_fixed
{
	background:url(../images/bg.jpg) no-repeat top center;
	position:absolute;
	width:100%;
	height:768px;
}

.debug {border:solid 1px red;}
.debug2 {border:solid 1px green;}
.error {color:#ff0000;}
.orange {color:#ff6600;}

.palette
{
	width:337px;
	height:172px;	
	float:right;
	margin-right:1px;
	position:relative;
	z-index:10;
	margin-top:-172px;
	/*
	opacity:0.9;
	filter:alpha(opacity=90);
	background-color:#000;
	*/
	background-color:#131414;
}

.palette a
{
	text-decoration:none;
}

.palette h2
{
	font-family:Georgia;
	font-style:italic;
	font-size:15px;
	color:#ff6600;
}

.palette_nav
{
	width:867px;
	height:26px;
	position:absolute;
	text-align:right;
	z-index:10;
	margin-top:-198px;
	display:none;
}

.palette ul li a
{
	font-style:italic;
}

table.palette
{
	vertical-align:top;
}

table.palette tr td
{
	vertical-align:top;
}

.snowReportSection {
margin: 10px 0 20px 0;
}
.snowReportSection h2 {
margin: 10px 0 10px 0;
}
.snowReportSection .liftImage {
padding: 0 5px 0 0;
}
.snowReportSection table.trails {
width: 90%;
}
.snowReportSection table.trails td {
text-align: center;
}

.snowReportSection table.trails .header td {
font-weight: bold;
}
.snowReportSection table.trails .header2 td {
padding: 5px;
text-align: left;
font-weight: bold;
}


#counterBox {
display: none;
position: absolute;
left: 0px;
bottom: 40px;
background:url(../images/counterBackground.jpg) no-repeat top center;
width: 304px;
height: 134px;
z-index: 10;
text-align: center;
}
#counterBox .title {
font-family: BebasNeueRegular;
color: #ffffff;
font-size: 22px;
letter-spacing: .05em;
line-height: 21px;
font-style: normal;
font-weight: normal;
padding: 7px 0 7px 0;
text-transform:uppercase;
height: 46px;
}
#counterBoxClose {
background:url(../images/countdown_close_btn.png) no-repeat top center;
position: absolute;
top: -9px;
right: -9px;
width: 18px;
height: 18px;
}
#countdownToggle {
display: none;
cursor: pointer;
}
#countdownToggleDiv {
display: inline;
}
/* jQuery Countdown styles 1.5.9. */
.hasCountdown {
}
.countdown_rtl {
direction: rtl;
}
.countdown_holding span {
background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	text-align: center;
}
.countdown_section {
float: left;
position: relative;
width: 55px;
margin: 0 10px 0 10px;
_margin: 0 7px 0 7px;
text-align: center;
}
/* numbers */
.countdown_amount {
behavior: url(/huntermtn/SiteBase/wrap/common/js/iepngfix.htc);
background: url(../images/number_background.png) no-repeat top center;
width: 55px;
height: 54px;
text-align: center;
line-height: 54px;
font-size: 20px;
}
.countdown_amount img {
margin-top: 14px;
behavior: url(/huntermtn/SiteBase/wrap/common/js/iepngfix.htc);
}
.countdown_label {
padding: 2px 0 2px 0;
}
.countdown_label img {
behavior: url(/huntermtn/SiteBase/wrap/common/js/iepngfix.htc);
}

/*words*/
.countdown_descr {
display: block;
width: 100%;
background-color: Green;
}




@font-face {
font-family: 'BebasNeueRegular';
src: url('../fonts/BebasNeue-webfont.eot');
src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeue-webfont.woff') format('woff'),
        url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
        url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'digi';
src: url('../fonts/DS-DIGI.TTF.ttf') format('truetype');
    font-weight: normal;
font-style: normal;
}