/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

/*****************************************************
GENERIC CLASSES
*****************************************************/
.access { position: absolute; top: 0; left: -99999em; }


/*****************************************************
LAYOUT
*****************************************************/
#bodyContainer {
overflow: hidden;
color: #000;
text-align:center;
min-width: 960px;
background: #fff url('../images/backgrounds/main-bg.jpg') top center no-repeat;
}

#layoutContainer {
padding: 15px 0 0;
text-align: center;
overflow: hidden;
/*font: 10px/1.3em Arial, Verdana, Sans-Serif; color: #454545;*/
/* DON'T alter font size this sets the base size for em's */
}

.wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}


/*****************************************************
HEADER
*****************************************************/
#header {
height: 85px;
overflow: hidden;
}  

#logo { 
float: left;
padding-left: 12px; 
}
#logo a {
display: block;
overflow: hidden;
text-indent: -999em;
height: 70px; width: 147px;
background: url('../images/backgrounds/logo.gif') no-repeat;
}


#navigation {
float: right;
width: 725px;
margin: 0;
padding: 40px 25px 0 0;
list-style: none;
}
#navigation li {
float: left;
padding: 0; margin: 0;
}
#navigation li a { 
display: block;
height: 34px;
margin-right: 35px;
text-indent: -999em;
overflow: hidden;
background: url('../images/navigation.gif'); background-repeat: no-repeat; 
}
#navigation[id] li a { background-image: url('../images/navigation.png'); background-repeat: no-repeat; }

li#nav-snow-cams a { width: 96px; background-position: 0 0; }
li#nav-snow-cams a.active,
li#nav-snow-cams a:hover { background-position: 0 -34px; }

li#nav-accommodation a { width: 118px; background-position: -133px 0; }
li#nav-accommodation a.active,
li#nav-accommodation a:hover { background-position: -133px -34px; }

li#nav-tickets a { width: 76px; background-position: -285px 0; }
li#nav-tickets a.active,
li#nav-tickets a:hover { background-position: -285px -34px; }

li#nav-rental a { width: 75px; background-position: -393px 0; }
li#nav-rental a.active,
li#nav-rental a:hover { background-position: -393px -34px; }

li#nav-snowsports a { width: 93px; background-position: -501px 0; }
li#nav-snowsports a.active,
li#nav-snowsports a:hover { background-position: -501px -34px; }

li#nav-things a { width: 56px; background-position: -633px 0; }
li#nav-things a.active,
li#nav-things a:hover { background-position: -633px -34px; }


/*****************************************************
Flippy
*****************************************************/
#flippy { padding: 7px 0 0;  }
#flippy[id] { background: url('../images/backgrounds/page-image-bg.png') center -5px no-repeat; }
#flippy .wrapper { background: #fff; overflow: hidden; }

#flippy #fader { 
height: 401px;
overflow: hidden;
}

/*****************************************************
Snow Cams
*****************************************************/
#snowcams {
position: absolute;
top: 296px;
height: 132px;
z-index: 9999;
}
#snowcams .inner {
position: relative;
}
#snowcams .tab {
float: left;
}

#cam-slider {
float: left;
position: relative;
height: 82px;
width: 644px;
overflow: hidden;
padding: 25px 10px;
background: url('../images/backgrounds/snow-cam-bg.gif') repeat-x;
}
#cam-slider[id] { background-image: url('../images/backgrounds/snow-cam-bg.png'); }

#cam-slider .inner { width: 2000px; }

#snowcams .cam {
float: left;
border-left: 2px solid #fff;
border-right: 2px solid #c5d8e4;
padding: 5px 15px;
}
#snowcams .first { border-left: 0; }
#snowcams .last  { border-right: 0; }

#cam-slide-ctrl {
display: block;
outline: 0;
text-indent: -999em;
overflow: hidden;
z-index: 99;
height: 132px; width: 51px; 
background: url('../images/backgrounds/snow-cam-tab.gif') no-repeat;
}
#cam-slide-ctrl[id] { background-image: url('../images/backgrounds/snow-cam-tab.png'); }
#cam-slide-ctrl a { display: block; height: 132px; width: 51px;  }

/*****************************************************
PAGE IMAGE
*****************************************************/
#page-image { padding: 7px 0 0; }
#page-image[id] { background: url('../images/backgrounds/page-image-bg.png') center -5px no-repeat; }
#page-image .wrapper { background: #fff; }


/*****************************************************
TOUTS
*****************************************************/
#touts {
height: 128px;
overflow: hidden;
background: url('../images/backgrounds/touts.gif') center top no-repeat;
}
#touts[id] { background-image: url('../images/backgrounds/touts.png'); }

#touts .wrapper { width: 960px; }



/*****************************************************
PAGE
*****************************************************/
#page { 
overflow: hidden; 
padding: 20px 0;
}


/*****************************************************
MAIN
*****************************************************/
#main {
float: left;
width: 685px;
min-height: 340px;
overflow: hidden;
}

#main-1col {
float: left;
width: 960px;
min-height: 340px;
overflow: hidden;
}

#breadcrumbs {
color: #fff;
line-height: 1em;
font: 14px/1.3em Arial, Verdana, Sans-Serif;
padding: 8px 10px;
text-transform: lowercase;
background: #306fb6 url('../images/backgrounds/title-bg.gif') bottom no-repeat;
}
#breadcrumbs a { color: #fff; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

#breadcrumbs-1col {
color: #fff;
line-height: 1em;
font: 14px/1.3em Arial, Verdana, Sans-Serif;
padding: 8px 10px;
text-transform: lowercase;
background: #306fb6 url('../images/backgrounds/title-bg-1col.gif') bottom no-repeat;
}
#breadcrumbs-1col a { color: #fff; text-decoration: none; }
#breadcrumbs-1col a:hover { text-decoration: underline; }

#content {
padding: 17px 50px 0 10px;
}


/*****************************************************
SIDEBAR
*****************************************************/
#sidebar {
float: right;
width: 260px;
/*overflow: hidden;*/
font: 10px/1.3em Arial, Verdana, Sans-Serif;
}

#sidebar h2.title {
color: #fff;
display: block;
line-height: 1em;
font-size: 1.6em;
padding: 6px 10px 8px;
font-weight: bold;
text-transform: lowercase;
background: #b1c800;
margin-bottom: 3px;
width:240px;
}

#sidebar ul a { text-decoration: none; }

#sidebar ul.menu {
width: 260px;
background: #fff;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
#sidebar ul.menu li {
font-size: 1.2em;
color: #666666;
margin-bottom: 1px;
}
#sidebar ul.menu li a {
display: block;
padding: 8px 20px;
color: #666666; 
}
#sidebar ul.menu li.active a,
#sidebar ul.menu li a:hover {
color: #fff;
background: #bdbebe url('../images/backgrounds/bg-sidemenu-active.png') 6px 11px no-repeat;
}

#sidebar ul.menu li.active ul li {
font-size: 0.98em;  
padding: 5px 0; 
}                     
#sidebar ul.menu li.active ul li a { 
display: inline;
padding: 0;
color: #666666;
background: none;
}
#sidebar ul.menu li.active ul li.active a,
#sidebar ul.menu li.active ul li a:hover { 
font-weight: bold;
color: #666666; 
background: none;
}


/*****************************************************
HOME MAIN
*****************************************************/
#home_main {
float: left;
width: 620px;
min-height: 340px;
}

#home_main .blocks { clear: both; padding-bottom: 15px; overflow: hidden; }
#home_main .block { float: left; width: 300px; }
#home_main .block-alt { float: right; }


/*****************************************************
HOME SIDEBAR
*****************************************************/
#home_sidebar {
float: right;
width: 320px;
overflow: hidden;
}  

/*****************************************************
FOOTER
*****************************************************/
#footer {
margin-top: 30px;
background: url('../images/backgrounds/footer-rpt.png') bottom repeat-x;
font: 10px/1.3em Arial, Verdana, Sans-Serif; color: #454545;
}

/*
#footer[id] .wrapper {
background: url('../images/backgrounds/partners-bg.png') 180px top no-repeat;
}
*/
#partners {
float: left;
height: 42px;
padding: 30px 0 15px;
}
#partners h2 {
float: left;
text-indent: -999em;
overflow: hidden;
height: 35px; width: 145px;
background: url('../images/backgrounds/major-partners.png') 0 10px no-repeat;
}
#partners img { margin-right: 50px; height: 35px; } 

#social {
float: right;
width: 250px;
height: 42px;
padding: 30px 0 15px;
}
#social h2 {
float: left;
height: 32px;
width: 100px;
overflow: hidden;
text-indent: -999em;
background: url('../images/backgrounds/get-involved.png') 0 10px no-repeat;
}
#social ul {
margin: 0; padding: 0;
list-style: none;
}
#social li {
float: left;
margin-right: 20px;
height: 32px; width: 32px;
}
#social li a {
display: block;
text-indent: -999em;
overflow: hidden;
height: 32px; width: 32px;
}
#social li.youtube { margin-right: 0; } 
#social li.facebook a { background: url('../images/backgrounds/icon-facebook.png') no-repeat; }
#social li.twitter  a { background: url('../images/backgrounds/icon-twitter.png') no-repeat; }
#social li.youtube  a { background: url('../images/backgrounds/icon-youtube.png') no-repeat; }

#final-footer {
clear: both;
height: 100px;
overflow: hidden;
}  
#final-footer a {
color: #aabed9;
text-decoration: none;
}
#final-footer a:hover { text-decoration: underline; }
#final-footer .links {
padding: 22px 0 10px;
}
#final-footer ul {
margin: 0 0 5px;
padding: 0;
list-style: none;
}
#final-footer ul li {
display: inline;
color: #fff;
font-size: 1.1em;
padding-right: 12px;
}

#final-footer p {
color: #fff;
font-size: 1.1em;
}

.heading {
display: block;
color: #fff;
margin: 0 0 14px;
font-size: 1.6em;
font-weight: bold;
background: #306fb6;
padding: 8px 8px;
font-family: Arial, Verdana, Sans-Serif;
}

/*****************************************************
HOME SNOW REPORT
*****************************************************/

.snowReport { margin: 0 20px 0 8px; }
.snowReport td {
  vertical-align: top;
  padding: 0 5px 10px;
  color: #666666;
}

.snowReport p { font-size: 11px; line-height: 14px; }
.snowReport p a { color: #306fb6; text-decoration: underline; white-space: nowrap; }
.snowReport p a:hover { text-decoration: none; }
.snowReport p.more { float: right; }
.snowReport p.more a { color: #ff6600; text-decoration: none; }
.snowReport p.more a:hover { text-decoration: underline; }

/*****************************************************
XML FEED
*****************************************************/

.link-rss{
	float:right;
	font-size:1em;
	padding:0 0 2px 22px;
	background: url('../images/backgrounds/rss.gif') no-repeat;
}
.area{
	width:648px;
	margin:0 0 12px;
	background: url('../images/backgrounds/bg-area.png') no-repeat;
	padding:10px 0 0;
}
.area .c{
	width:628px;
	background: url('../images/backgrounds/bg-area-c.png') repeat-y;
	padding:0 10px;
}
.area .b{
	width:648px;
	height:10px;
	font-size:0;
	background: url('../images/backgrounds/bg-area-b.png') no-repeat;
}
.title{
	width:608px;
	padding:9px 10px 11px;
	position:relative;
	color:#fff;
	margin:0 0 2px;
	background:#9c0 url('../images/backgrounds/bg-title.gif') no-repeat;
}
.title:after{
	content:"";
	display:block;
	clear:both;
}
.title h2{
	float:left;
	font-size:1.8em!important;
	margin:0 21px 0 0!important;
}
#content .title p{
	float:left;
	margin:6px 0 0!important;
	font-weight:bold;
	font-size:1.4em!important;
}
.area table{
	width:628px;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.3em;
	border-collapse: collapse;	
	background: url('../images/backgrounds/bg-table.jpg') repeat-y;
}
.area .col1{
	width:178px;
	vertical-align:top;
	padding:10px 14px 9px;
	border:2px solid #eff2f6;
	border-left:0;
	color:#06c;
	background:url('../images/backgrounds/bg-col1.png');
}
.area .col2{
	width:376px;
	padding:10px 22px 9px;
	border:2px solid #eff2f6;
	border-width:2px 0;
	color:#036;
	background:url('../images/backgrounds/bg-col2.png');
}
.area .pic{
	position:absolute;
	top:-8px;
	right:5px;
}
.area .blue{
	width:420px;
	padding:0;	
}
.area .blue span{
	display:block;
	padding:10px 22px 9px;
	width:376px;
	background:url('../images/backgrounds/bg-blue.gif') no-repeat;
}
.area .blue3{
	width:206px;
	padding:0;	
}
.area .blue3 span{
	display:block;
	padding:10px 14px 9px;
	width:178px;
	background:url('../images/backgrounds/bg-blue3.gif') no-repeat!important;
}
.area .blue2{
	width:206px;
	padding:0;
	padding:0 0 18px;
	background:url('../images/backgrounds/bg-blue2.gif') no-repeat 0 100%!important;
}
.area .blue2 span{
	display:block;
	padding:10px 14px 9px;
	width:178px;
	background:url('../images/backgrounds/bg-col1.png');
}

#sidebar .box{
	width:268px;
	margin:10px 0 0 -5px;
	background: url('../images/backgrounds/bg-box.png') no-repeat;
	padding:12px 0 0;
}
#sidebar .box .c{
	width:242px;
	background: url('../images/backgrounds/bg-box-c.png') repeat-y;
	padding:0 13px;
	overflow:hidden;
}
#sidebar .box .b{
	width:268px;
	background: url('../images/backgrounds/bg-box-b.png') no-repeat;
	height:14px;
	font-size:0;
}
#sidebar .box h3{
	width:218px;
	color:#fff;
	display:block;
	margin:0;
	font-size:2em;
	font-weight:bold;
	padding:11px 12px 14px;
	background:#91c800 url('../images/backgrounds/bg-heading.gif') no-repeat;
}
#sidebar .inf{
	width:206px;
	color:#fff;
	font-size:1.9em;
	line-height:1.4em;
	padding:15px 22px 33px 14px;
	background:#0a284b url('../images/backgrounds/bg-inf.gif') no-repeat;
}
#sidebar .inf p{ margin:0;}
#sidebar .inf .tel{
	width:188px;
	height:40px;
	text-indent:-9999px;
	background: url('../images/backgrounds/bg-tel.png') no-repeat;
	margin:82px 0 0;
}

#snowENewsletterForm label{
display: block;
}

#snowENewsletterForm label span.labelText {
	display: block;
	width: 50px;
	float: left;
}

#snowENewsletterForm label.optinLabel {
	display: block;
	float: left;
}
#snowENewsletterForm label.shortLabel {
	width: 110px;
	margin-left: 47px
}
#snowENewsletterForm label.longLabel {
	width: 130px;
}

#eNewsletterSubmit {
	margin-left: 50px;
}

/************Pete the new Dragon *** 30-July-2010*****************************************************/
#page.dragon {
	background: url(../images/backgrounds/bg-dragon-page-c.png) center repeat-y;
	width: 960px;
	margin:0 auto;
	padding:0 14px; 
}
.page-bottom {
	background: url(../images/backgrounds/bg-dragon-page-b.png) no-repeat;
	width: 988px;
	height: 50px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}
#page.dragon .wrapper {
	float:left;
	position:relative;
	background:#114064 url(../images/backgrounds/bg-dragon-page-t.jpg) no-repeat;
	width: 960px;
}
#footer.dragon {
	margin:-5px 0 0;
}
#footer.dragon .wrapper{
	background:none;
}
#footer.dragon #partners,
#footer.dragon #social {
	padding-bottom:5px;
}

.page-heading {
	width:100%;
	overflow:hidden;
	padding-top:83px;
}


.page-heading h1.welcome {
	background: url(../images/backgrounds/text-welcome.png) no-repeat;
	width: 411px;
	height: 121px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0 0 27px 442px;
}


#nav {
	list-style:none;
	margin:0;
	padding:0 0 0 108px;
	height:1%;
	overflow:hidden;
}
#nav li {
	float:left;
	margin:0 -5px;
	display:inline;
}
#nav li a {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#nav li a.home {
	background: url(../images/bg-home.png) no-repeat;
	width: 123px;
	height: 123px;
	margin-top:20px;
}
#nav li a.story {
	background: url(../images/bg-story.png) no-repeat;
	width: 139px;
	height: 139px;
	margin-top:19px;
}
#nav li a.activities {
	background: url(../images/bg-activities.png) no-repeat;
	width: 177px;
	height: 177px;
}
#nav li a.gallery {
	background: url(../images/bg-gallery.png) no-repeat;
	width: 139px;
	height: 139px;
	margin-top:10px;
}
#nav li a.stuff {
	background: url(../images/bg-stuff.png) no-repeat;
	width: 129px;
	height: 129px;
	margin-top:22px;
}

#d-main {
	padding:27px 95px 0;
}
#d-main a {
	/*color:#fff;
	text-decoration:underline; */
}
#d-main a:hover {text-decoration:none;}
#d-main .twocolumns {
	width:714px;
	padding-bottom:41px;
}
#d-main .twocolumns:after {
	content:"";
	display:block;
	clear:both;
}

.twocolumns .column {
	float:left;
	width:327px;
	margin-right:30px;
}
 
#d-main .data {
padding-bottom:46px;
width:630px;
} 
/*
#d-main h2 {
	color:#fff;
	font:bold  2.154em/1.071em Arial, Helvetica, sans-serif;
	display:block;
	border-bottom:5px solid #8cb3ff;
	margin:0 0 18px;
	padding-bottom:8px;
}
#d-main h2.news {
	width:100%;
	overflow:hidden;
	border:0;
	padding:0;
}
#d-main h2.news span {
	border-bottom:5px solid #8cb3ff;
	float:left;
	padding-bottom:8px;
}
#d-main h2.gallery-heading {
	width:694px;
}
#d-main h3 {
	color:#39f;
	font:bold 1.462em/0.842em Arial, Helvetica, sans-serif;   
	display:block;
	margin-bottom:12px;
}
#d-main h3 a {
	color:#39f;
	text-decoration:none;
}
#d-main h3 a:hover {text-decoration:underline;}
.appearances-list {
	list-style:none;
	margin:0;
	padding:0 28px 0 4px;
}
 */