/*=== Setup ===*/
*{
	border: 0;
	margin: 0;

}
body{
	background: #c4c4c4;
	/*color: #626a70;*/
	/*font: 11px Arial,Verdana,Helvetica,Sans-Serif;*/
	color: #484e52;
	font: 12px Arial,Verdana,Helvetica,Sans-Serif;
	line-height: 1.5em;
	padding: 20px 0 0;
}
a{
	color: #75838e;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #efefef 1px solid;
	border-left: 2px solid #999999;
	border-top: 2px solid #999999;
	font-size: 11px;
	padding: 2px;
}
li{
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.4em; 
	width:100%
}
td, th {
	padding: 0;
}


.col2_right {
	float: left;
	margin: 0 0 0 14px;
	width: 677px;
}
/*=== Layout ===*/
.page{
	background: url(/tpl_homepage/page-bot.gif) #ffffff no-repeat bottom;
	margin: 0 auto 15px;
	padding: 0 14px 14px;
	width: 952px;
}
.page-top{
	background: url(/tpl_homepage/page-top.gif) no-repeat top;
	height: 7px;
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
}
/*=== Header ===*/
#header{
	border-bottom: 1px solid #c0c0c0;
	height: 80px;
	margin: 0 0 5px;
}
/*- Logo -*/
#header h1{
	background: url(/tpl_homepage/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 310px;
}
#header h1 a{
	display: block;
	height: 69px;
}
#header h1 a:hover{
	text-decoration: none;
}
/*=== Navigation ===*/

/*- Nav1 -*/
#nav1{
	clear: both;
	margin: 0 0 5px;
}

/*=== Title ===*/
#title{
	clear: both;
	height: 171px;
	margin: 0 0 3px;
	overflow: hidden;
	text-transform: uppercase;
}
#title h2{
	font-size: 24px;
	letter-spacing: -1px;
}
#title-pic{
	position: absolute;
}
#title-txt{
	color: #ffffff;
	font-size: 12px;
	margin: 0 0 0 20px;
	position: absolute;
	text-transform: uppercase;
	top: 320px;
}
#title-txt a{
	color: #b4bdc3;
}
/*=== News ===*/
#news{
	background: url(/tpl_homepage/news-bgr.gif) no-repeat top;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
}
#news strong{
	color: #d95910;
}

/*=== All Columns ===*/
/*--- Without Backgoround --*/
#column {
	background: url(/tpl_homepage/two-column-bgr.gif) repeat-y center;
	height: 1%;
	padding: 13px 0 0;
}
#column h2{
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 10px;
}
#column h3{
	clear: both;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
}
#column h4, .sidecol h4{
	color: #d95910;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 5px;
}
#column p{
	padding: 0 0 14px;
}

#columns{
	background: url(/tpl_homepage/columns-bgr.gif) repeat-y center;
	height: 1%;
	padding: 13px 0 0;
}
#columns h2{
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 10px;
}
#columns h3{
	clear: both;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
}
#columns h4, .sidecol h4{
	color: #d95910;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 5px;
}
#columns p{
	padding: 0 0 14px;
}

#columns2{
	padding: 13px 0 0;
}
#columns2 h2{
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 10px;
}

/*- Headings -*/
.hdr{
	color: #ffffff;
	height: 37px;
	line-height: 37px;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 0 0 0 10px;
}
.hdr.left{
	background: url(/tpl_homepage/hdr1.gif) no-repeat left top;
	margin: 0;
}
.hdr.center2 {
	background: url(/tpl_homepage/hdr-full.gif) no-repeat left top;
	
}
.hdr.center3 {
	background: url(/tpl_homepage/hdr-2-3.gif) no-repeat left top;
	width: 690px;
	margin-bottom: 16px;
}
.hdr.center{
	background: url(/tpl_homepage/hdr2.gif) no-repeat left top;
}
.hdr center h2{
	font-size: 12px;
}
.hdr.right{
	background: url(/tpl_homepage/hdr3.gif) no-repeat left top;
	margin: 0;
}
.hdr.slideshow{
	background: url(/tpl_homepage/hdr4.gif) no-repeat left top;
	margin: 0;
}
/*=== Side Columns ===*/
.sidecol{
	float: left;
	width: 247px;
}

/*=== Center Column ===*/
.centercol{ 
	float: left;
	margin: 0 0 0 14px;
	width: 430px;
}

.centercol .spacer{
	padding: 0 10px 15px;
}
.centercol .spacer ul{
	margin-top: 5px;
}
.centercol .spacer li{
	list-style-type: square;
	padding: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.centercol .spacer_listing{
	padding: 0;
}

.centercol2 {
	float: left;
	margin: 0 0 0 0px;
	width: 100%;
}

/*=== Wrapper ===*/
.wrap{
	float: left;
	margin: 7px 15px 0 0;
	width: 226px;
}
.wrap h3{
	background: url(/tpl_homepage/wrap-hdr.gif) no-repeat top;
	color: #ffffff;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 35px;
	text-transform: uppercase;
}
.wrap h3 a{
	color: #ffffff;
}
.wrap img{
	display: block;
}
.wrap.last{
	margin-right: 0;
}

/*=== Boxes ===*/
/*- Box1 -*/
.box{
	background: url(/tpl_homepage/box-top.gif) #ececec no-repeat top;
	height: 1%;
	margin: 0 0 5px;
	padding: 15px 0 0;
}
.box .spacer{
	background: url(/tpl_homepage/box-bot.gif) no-repeat bottom;
	height: 1%;
	padding: 0 15px 15px 10px;
}
.box .spacer .testimonial_body{
	font-size: 14px;
	font-style: italic;
}
.box .spacer .testimonial_footer{
	font-size: 12px;
}

/*=== Styling Forms ===*/
input.btn{
	border: 0;
	padding: 0;
}
/*- Newsletter -*/
#newsl{
	background: url(/tpl_homepage/newsl-bgr.gif) no-repeat top;
	height: 34px;
	padding: 10px 0 0 40px;
	width: 390px;
}
#newsl label{
	color: #ff8e18;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 10px 0 0;
}
#newsl input{
	color: #959595;
	float: left;
	font-size: 12px;
	padding: 4px;
	width: 130px;
}
#newsl .btn{
	margin: -5px 0 0 5px;
	width: auto;
}
/*- Form1 -*/
.form1{
	background: url(/tpl_homepage/form1-bgr.gif) #ececec no-repeat bottom;
	height: 1%;
	padding: 10px;
}
.form1 label{
	display: block;
	font-size: 9px;
	text-transform: uppercase;
}
.form1 div{
	clear: both;
	margin: 0 0 2px;
}
.form1 div div{
	clear: none;
	float: left;
}
.form1 div div.fr{
	float: right;
}
/*=== Footer ===*/
#footer{
	background: url(/tpl_homepage/footer-bgr.gif) no-repeat top;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	height: 62px;
	margin: 0 auto;
	padding: 19px 0 0;
	text-transform: uppercase;
	width: 980px;
}
#footer a{
	color: #75838e;
}
#footer ul{
	color: #75838e;
	padding: 0 0 3px 196px;
}
#footer li{
	border-right: 1px solid #75838e;
	display: inline;
	line-height: 11px;
	padding: 0 7px;
}
#footer li.last{
	border: 0;
}
#footer div{
	color: #75838e;
	padding: 0 0 0 204px;
	text-transform: uppercase;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
hr{
	border-bottom: 1px solid #cfcfcf;
	clear: both;
	height: 1px;
	margin: 5px 0 10px;
	width: 100%;
}
.fl{
	float: left;
}
img.fl{
	margin: 0 12px 12px 0;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}

.sub_nav{
	background: url(../tpl_homepage/form1-bgr.gif) #ececec no-repeat bottom;
	height: 1%;
	float: left;
	width: 247px;
	margin: 0 0 10px 0;
}

.sub_nav ul{
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	padding: 2px 0 0 0;
}

.sub_nav li{
	padding: 3px 10px 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.sub_nav li strong{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;

}

.col2_right {
	float: left;
	margin: 0 0 0 14px;
	width: 677px;
}

#a_record {
	border: 1px solid #CCCCCC;
}
#a_record table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#a_record h3 {
	font-size: 14px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
}

#list_activities div {
	float:left;
	width:101px;
	padding: 0px 3px 0px 3px;
	margin: 5px 0px 5px 0px;
	text-align:center;
	height:96px;
}

#list_activities div a:link, #list_activities div a:visited, #list_activities div a:active {
	text-decoration: none;
	color: #333333;
}
#list_activities div a:hover {
	text-decoration: underline;
	color: #63719C;
}

#list_accommodations div {
	float:left;
	width:117px;
	height:183px;
	padding: 6px;
	text-align:center;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 6px;
}

#list_accommodations div a:link, #list_accommodations div a:visited, #list_accommodations div a:active {
	text-decoration: none;
	color: #333333;
}
#list_accommodations div a:hover {
	text-decoration: underline;
	color: #63719C;
}


#list_woodrun div {
	float:left;
	width:117px;
	height:130px;
	padding: 6px;
	margin: 5px 5px 5px 0px;
	text-align:center;
	border: 1px solid #CCCCCC;
}

#list_woodrun div a:link, #list_woodrun div a:visited, #list_woodrun div a:active {
	text-decoration: none;
	color: #333333;
}
#list_woodrun div a:hover {
	text-decoration: underline;
	color: #63719C;
}
/*=== Search Right Side ===*/
#search_area {
	width: 235px;
	height: 40px;
	margin-left: 10px;
}
#search_area #left_area {
	clear: both;
	float: left;
	width: 18px;
	height: 40px;
}
#search_area #left_area img{
	border: none;
	margin: 0px;
	padding: 0px;
}
#search_area #middle_area {
	float: left;
	width: 140px;
	height: 40px;
}
#search_area #middle_area .input_area {
	width:130px; 
	height:14px; 
	border:1px solid #000000; 
	border-left:0px; 
	margin-right:4px;
	
	display: block;
	float: left;
}
#search_area #right_area {
	float: left;
	width: 55px;
	height: 40px;
	margin-left: 5px;
}

/*-- Local Businesses--*/
#list_tiles {
	float: left;
	display: inline; 
	margin: 0 0 20px 10px;
}

#list_tiles div {
	float: left;
	display: inline; 
	margin: 0 5px 10px 0;
	width: 100px; 
	height: 125px;
	text-align: center;
}
#list_tiles div img {
	/*padding-bottom: 5px;*/
}

.featured_business_left {
	clear: both;
	float: left;
	display: inline;
	width: 100px;
	margin-right: 12px;
	
}
.featured_business_right { 
	float: left;
	width: 315px;
	min-height: 56px;
	height: auto !important;
	height: 56px;
	margin-bottom: 7px;
}
.standard_business_left {
	clear: both;
	float: left;
	display: inline;
	width: 100px;
	height: 60px;
	margin-right: 12px;
}
.standard_business_right {
	float: left;
	width: 315px;
	height: 67px;
	height: auto !important;
	min-height: 67px;
	margin-bottom: 7px;
}

/*-- Featured Businesses--*/
#list_listing { 
	clear: both;
	float: left;
	width: 428px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	
}
#list_listing div { 
	float: left;
	margin-bottom: 7px;
}
#list_listing div img {
	float: left; 
	display: inline;
	margin-right: 12px;
}

.gallery {
	float: left;
	display: inline; 
	margin-right: 2px;
	width: 100px; 
	height: 120px;
}
.gallery img {
	padding-bottom: 5px;
}
/*-- Booking Form --*/
#submit {
	background: #BABABA;
	border: 1px outset #999999;
}

/*-- Events Calendar ---*/
.events_centercol{ 
	float: left;
	margin: 0;
	width: 690px;
}
.events_centercol p{ 
	margin-left: 9px;
	font-size: 12px;
}
.events_wrap {
	clear: both;
	float: left;
	display: inline;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 690px;
	border-bottom: 1px solid #C4C4C4;
}
.event-image {
	clear: both;
	float: left;
	width: 163px;
	height: 94px;
}
.event-name {
	font-size: 16px;
}
.events-details {
	float: left;
	width: 504px;
}
#events_last {
	border: none;
}
/*--- Events Calendar Details ----*/
#events-calendar-wrap {
	clear: both;
	float: left;
	display: inline;
	margin-bottom: 10px;
	padding: 0 0 10px 9px;
	width: 681px;
}
#events-calendar-top { 
	float: left;
	width: 681px;
	min-height: 220px;
	height: auto !important;
	height: 220px;
}

.events-calendar-image { 
	float: left;
	width: 319px;
	height: 205px;

}

#events-left { 
	float: left;
	display: inline;
	margin-right: 11px;
	width: 349px;


}
.events-calendar-website {
	margin-bottom: 16px;
}
.events-calendar-body p {
	margin: 0;
}
.events-calendar-description p {
	margin: 0;
}
.events-calendar-name   { 
	font-size: 15px;
	color: #d95910;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.events-calendar-body {
	clear: both;
	float: left;
	display: inline;
	width: 681px;
}	
/*---- List A-Z -----*/

#list_col1 {
	clear: both;
	float: left;
	display: inline;
	margin-right: 15px;
	width: 220px;
	padding-bottom: 10px;
	
}

#list_col2 { 
	float: left;
	display: inline;
	margin-right: 15px;
	width: 220px;
	padding-bottom: 10px;
	
}

#list_col3 { 
	float: left;
	width: 220px;
	padding-bottom: 10px;
	
}
.list-a-z {
	clear: both;
	float: left;
	display: inline;
	margin-bottom: 16px;
	width: 220px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}
.list-a-z ul {
	margin-left: 8px; padding: 0;
	float: left;
	
}
.heading  {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 13px;
	padding-left: 9px;
	width: 211px;
	height: 20px;
	font-size: 14px;	
}
.list-a-z p {
	font-size: 13px;
	margin-left: 9px;
	line-height: 1.4;
}

.preview-image {
	clear: both;
	float: left;
	width: 138px;
	height: 90px;
}
.preview-description {
	float: left;
	width: 303px;
}


/*-- Small Calendar --*/
#mc_calendar_small {
	clear: both;
	float: left;
	width: 247px;
	margin-bottom: 12px;
	
}
#mc_calendar_small table {
	width: 100%;
}
#mc_calendar_small table thead tr#mc_months_small {
	background: url(/tpl_homepage/hdr1.gif) no-repeat;
	
}

#mc_calendar_small table thead tr#mc_months_small th {
	height: 37px;
	
}
#mc_calendar_small table tr td {
	border: 1px solid #DCDCDC;
}
tr#mc_days th {
	border: 1px solid #DCDCDC;
	background: #EFEFEF;
}
tr#mc_months_small th a {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}
tr#mc_months_small th img {
	vertical-align: middle;
}
tr#mc_months_small th a#mc_prev_month_small {
	margin-right: 45px;
}
tr#mc_months_small th a#mc_next_month_small {
	margin-left: 45px;
}
.mc_padweekend_small .mc_date_small, .mc_padweekday_small .mc_date_small {
	display: none;
}
.mc_date_small {
	text-align: center;
}
.weekday_small, .weekend_small { 
	width: 14.2%;
	height: 26px;
	
}
.has_eventsweekend_small, .has_eventsweekday_small {
	width: 14.2%;
	height: 26px;
	background: #EFEFEF;
	
}
.has_eventsweekend_small a {
	color: #D95910;
}
.has_eventsweekday_small a {
	color: #D95910;
}

/*--- Big Calendar ----*/
#mc_calendar_big {
	clear: both;
	float: left;
	display: inline;
	width: 100%;
	height: auto !important;
	height: 500px; 
	min-height: 500px; 
}
#mc_calendar_big table {
	width: 100%;

}
#mc_calendar_big table tr#mc_months {
	
	height: 33px;
	background: #C4C4C4;
	border: 1px solid #C4C4C4;

}
#mc_calendar_big table tr#mc_months th {
	
}
#mc_calendar_big table tr#mc_months img {
	vertical-align: middle;
	
	
}
tr#mc_months th a {
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	
	
}

tr#mc_months th a#mc_prev_month {
	margin-right: 250px;
}
tr#mc_months th a#mc_next_month {
	margin-left: 250px;
}

#mc_calendar_big tr th a {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}

#mc_calendar_big tr#mc_days th, #mc_calendar_big tr td {
	border: 1px solid #C4C4C4;
	width: 14.2%;
	background: #FFFFFF;
	height: 77px;
	text-align: center;
}
#mc_calendar_big table td.has_eventsweekend, #mc_calendar_big table td.has_eventsweekday {
	width: 14.2%;
	height: 77px;
	background: #EFEFEF;
}
#mc_calendar_big tr#mc_days th {
	height: 40px;
}
#mc_calendar_big tr td {
	text-align: left;
	vertical-align: top;
	padding: 3px;
}
.middot {
	display: none;
}
#mc_calendar_big tr td a {
	text-decoration: none;
	color: #D95910;

}
#mc_calendar_big tr td a:hover {
	color: #be4e0e;
}

#mc_calendar_big tr td p {
	margin: 0;
}
/*--- Whistler Lodging Specials --*/
.lodging_special { 
	clear: both;
	float: left;
	display: inline;
	margin-bottom: 10px;
	width: 247px;
	min-height: 62px;
	height: auto !important;
	height: 62px;
}
.lodging_special_left {
	clear: both;
	width: 247px;
	text-align: center;
	
}
.lodging_special_right {
	clear: both;
	padding: 0 20px 0 20px;
	width: 207px;
	text-align: center;
	
	
}

/*-- Services --*/
.services_wrap {
	clear: both;
	float: left;
	display: inline;
	margin-bottom: 16px;
	width: 430px;
	min-height: 73px;
	height: auto !important;
	height: 73px;
	border-bottom: 1px solid #CFCFCF;
}
.services_left { 
	clear: both;
	float: left;
	width: 97px;
	height: 63px;
	
}
.services_right {
	float: left;
	width: 330px;
}
/*---- Supernote CSS ---*/
/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault, .notenested {
 position: absolute;
 visibility: hidden;
 top: 0;
 left: 0; width: 515px;
}
.notedefault {
 
 padding: 6px;
 border: 1px solid #CCCCCC;
 background-color: #fff;

}
.notenested {
 width: 8em;
 padding: 3px;
 border: 1px solid #963;
 background-color: #C96;
 color: white;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 5px;
 margin-top: 20px;
}

/* Headings within notes */
.notedefault h5 {
 margin: 0 0 5px 0;
 padding: 2px;
 background-color: white;
 color: black;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
 float: right;
 margin-top: 2px;
 width: 14px;
 height: 14px;
 line-height: 14px;
 color: black;
 text-decoration: none;
 visibility: hidden
}
.snb-pinned .note-close {
 visibility: inherit;
}