/*
	reset.css - resets default browser styling
	http://tantek.com/log/2004/09.html#d06t2354
	http://www.vox.com/.shared/css/base.css
	http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
	text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
table {
	border-spacing:0;
}
fieldset,img,abbr,acronym {
	border:0;
}
address,caption,cite,code,dfn,em,b,u,s,i,th,var {
	font-style:normal;
	font-weight:normal;
}
strong {
	font-weight: bold;
	}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
a {
	text-decoration:underline;
	outline:none;
}
hr {
	display: none;
}
a img,:link img,:visited img {
	border:none;
}
address {
	font-style:normal;
}

/* FIXME - add other formatted tags: legend? abbr? */

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

html[xmlns] .clearfix {
	display: block;
	}

* html .clearfix {
	height: 1%;
	}

body {
	background: #adcce0 url(/_img/bg_site.jpg) repeat-x top left;
	font-family: "Trebuchet MS";
	color: #333;
	}

#wrapper {
	width: 980px;
	margin: 0 auto;
	}

#header {
	background: url(/_img/bg_header_wasatch_mtns.jpg) no-repeat top left;
	width: 980px;
	height: 128px;
	}

#header h1 {
	float: left;
	}

#header img.logo {
	float: left;
	}

#header-info {
	text-align: right;
	width: 542px;
	float: right;
	padding-right: 5px;
	}

#header ul#links {
	float: right;
	color: #d4fcc3;
	padding-top: 11px;
	padding-bottom: 13px;
	}

	#header ul#links li {
		float: left;
		color: #d4fcc3;
		background: url(/_img/links_pipe.gif) no-repeat center left;
		font-size: 12px;
		padding-left: 1em;
		padding-right: 1em;
		}

	#header ul#links li#first {
		background: none;
		}

	#header ul#links li#last {
		padding-right: 0;
		}

	#header ul#links li a {
		color: #d4fcc3;
		}
	#header ul#links li a:hover {
		text-decoration: underline;
		}

#header p {
	font-family: Georgia, serif;
	color: white;
	}

#header p.phone {
	clear: right;
	font-size: 36px;
	padding-bottom: 13px;
	}

#header p.hours {
	font-size: 18px;
	}

#topnav {
	clear: both;
	width: 960px;
	background-color: #fff;
	padding: 10px 10px 0;
	}

#topnav ul#nav {
	float: left;
	background: #5b9142 url(/_img/bg_topnav.gif) repeat-x top left;
	height: 47px;
	width: 614px;
	font-size: 12px;
	text-transform: uppercase;
	overflow: hidden;
	}

	#topnav ul#nav li {
		float: left;
		width: 153px;
		height: 47px;
		border-right: 1px solid #fff;
		color: #fff;
		text-align: center;
		line-height: 1.2em;
		font-weight: bold;
		}

	#topnav ul#nav li#last {
		width: 152px;
		border-right: none;
		}

	#topnav ul#nav li a {
		display: block !important;
		color: #fff;
		padding-top: 17px;
		padding-bottom: 16px;
		width: 100%; /* display: block fix for IE6 */
		}

		#topnav ul#nav li.double a {
			padding-top: 10px;
			padding-bottom: 9px;
			}

	#topnav ul#nav li a:hover, #topnav ul#nav li a.selected {
		background: #3b622a url(/_img/bg_topnav_hover.gif) repeat-x top left;
		display: block;
		}

	/* mock-up of new topnav tab */

#topnav ul#nav2 {
	float: left;
	background: #5b9142 url(/_img/bg_topnav.gif) repeat-x top left;
	height: 47px;
	width: 614px;
	font-size: 12px;
	text-transform: uppercase;
	overflow: hidden;
	}

	#topnav ul#nav2 li {
		float: left;
		width: 125px;
		height: 47px;
		border-right: 1px solid #fff;
		color: #fff;
		text-align: center;
		line-height: 1.2em;
		font-weight: bold;
		}

	#topnav ul#nav2 li#partners {
		width: 95px;
		}

	#topnav ul#nav2 li#last {
		width: 105px;
		border-right: none;
		}

	#topnav ul#nav2 li#group {
		width: 160px;
		}

	#topnav ul#nav2 li a {
		display: block !important;
		color: #fff;
		padding-top: 17px;
		padding-bottom: 16px;
		width: 100%; /* display: block fix for IE6 */
		}

		#topnav ul#nav2 li.double a {
			padding-top: 10px;
			padding-bottom: 9px;
			}

	#topnav ul#nav2 li a:hover, #topnav ul#nav2 li a.selected {
		background: #3b622a url(/_img/bg_topnav_hover.gif) repeat-x top left;
		display: block;
		}

#topnav p#reserve {
	float: right;
	width: 336px;
	height: 42px;
	background: url(/_img/reservenow.gif) no-repeat top left;
	padding-top: 5px;
	line-height: .8em;
	display: block;
	}

	#topnav p#reserve a {
		color: #fff;
		display: block;
		width: 100%; /* display: block fix for IE6 */
		}

	#topnav p#reserve span.now {
		display: none;
		}

	#topnav p#reserve span.save {
		display: block;
		padding-left: 260px;
		font-size: 12px;
		}





#content {
	width: 960px;
	clear: both;
	padding: 10px;
	background-color: #fff;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	}

#content h1, #content h2, #content h3, #content h4 {
	color: #024ea2;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	}

#content h1 {
	font-size: 16px;
	text-transform: uppercase;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #fff;
	line-height: 1.5em;
	display: inline-block;
	background: #cc6601 url(/_img/orange_skitip.gif) no-repeat top right;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 13px;
	padding-right: 60px;
	height: 24px !important;
	min-width: 200px;
	width:expression(document.body.clientWidth < 200? "200px": "auto" ) !important;
	}

#content h2 {
	font-size: 16px;
	text-transform: capitalize;
	}

#content h3 {
	font-size: 14px;
	text-transform: none;
	}

#content h4 {
	font-size: 12px;
	text-transform: none;
	color: #333;
	}

#content p {
	font-size: 13px;
	line-height: 1.5em;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 10px;
	}

#content a {
	color: #693;
	font-weight: bold;
	}

	.main p a {
		text-decoration: underline;
		}

#content a:hover {
	text-decoration: underline;
	}

#content ul {
	padding-left: 13px;
	padding-right: 13px;
	font-size: 13px;
	}

#content ul li {
	padding-left: 0;
	}

#content .main {
	float: left;
	width: 700px;
	}

#content .sidebar {
	float: right;
	width: 250px;
	border: 1px solid #7da9cc;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 220px;
	height: auto !important;
	height: 220px;
	}

img.rightalign {
padding: 0 0 10px 10px;
float: right;
}

img.leftalign {
padding: 10px 10px 0 0;
float: left;
}

img.nojs {
display: none;
}

/* -- Homepage Styles -- */

	/* CSS SLIDESHOW STYLES */

	#slideshow {
		position: relative;
		height: 341px;
		width: 614px;
		margin-bottom: 10px;
		background: url(/_img/1NoLines.jpg) no-repeat top left;
	}

/* OLD SLIDESHOW STYLES

#slideshow IMG {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		float: right;
	}

	#slideshow IMG.active {
		z-index:3;
	}

	#slideshow IMG.last-active {
		z-index:2;
		}
*/

.home #main, .inner #main {
	float: left;
	width: 614px;
	}

.home #main h2, .inner #main h2, .home #main p, .inner #main p {
	width: 588px;
	}

.inner #main h1.top {
	margin-top: 20px;
	}

.home #main h2, .inner #main h2 {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 14px;
	}

.home2 #main h2 {
	padding-bottom: 0px;
	}

	.home #main h2.top {
		padding-top: 22px;
		}

	.home #main p, .inner #main p {
		padding-bottom: 10px;
		}

	.home #main p a:hover, .inner #main p a:hover {
		text-decoration: underline;
		}

.home #sidebar, .inner #sidebar {
	float: right;
	width: 336px;
	}

.home #sidebar h3, .inner #sidebar h3 {
	background-color: #4073AA;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 16px;
	text-align: center;
	}

.home #sidebar p, .inner #sidebar p {
	padding-left: 0;
	padding-right: 0;
	font-size: 12px;
	}

.home #sidebar ul#how, .inner #sidebar ul#how, .inner #sidebar ul#contact {
	background: #d9e8f4 url(/_img/bg_how.jpg) repeat-x top left;
	color: #333;
	padding-left: 0;
	padding-right: 0;
	}

	.home #sidebar ul#how li, .inner #sidebar ul#how li, .inner #sidebar ul#contact li {
		border-bottom: 1px solid #4073aa;
		height: 51px;
		padding-left: 98px;
		padding-top: 51px;
		padding-right: 7px;
		font-size: 13px;
		}

		.home #sidebar ul#how li a, .inner #sidebar ul#how li a, .inner #sidebar ul#contact li a {
			display: block;
			color: #333;
			}

		.home #sidebar ul#how li span, .inner #sidebar ul#how li span, .inner #sidebar ul#contact li span {
			display: none;
			}

		.home #sidebar ul#how li#rsrv, .inner #sidebar ul#how li#rsrv {
			background: url(/_img/how_rsrv1.gif) no-repeat top left;
			}

		.home #sidebar ul#how li#deliv, .inner #sidebar ul#how li#deliv {
			background: url(/_img/how_deliv1.gif) no-repeat top left;
			}

		.home #sidebar ul#how li#pickp, .inner #sidebar ul#how li#pickp {
			background: url(/_img/how_pickp3.gif) no-repeat top left;
			border-bottom: none;
			}

		.inner #sidebar ul#contact li#phone {
			background: url(/_img/contact_phone.gif) no-repeat top left;
			line-height: 1.1em;
			}

		.inner #sidebar ul#contact li#email {
			background: url(/_img/contact_email.gif) no-repeat top left;
			}

		.inner #sidebar ul#contact li#address {
			background: url(/_img/contact_address1.gif) no-repeat top left;
			border-bottom: none;
			}

.home #sidebar p.testimonial, .inner #sidebar p.testimonial {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #063058;
	padding: 15px 7px 22px 16px;
	font-style: italic;
	}

	.home #sidebar p.testimonial span, .inner #sidebar p.testimonial span {
		display: block;
		float: right;
		font-family: "Trebuchet MS";
		font-size: 12px;
		color: #333;
		font-style: normal;
		}

.home a.linkblock p.testimonial {
	font-weight: normal;
	}

.home a.linkblock:hover {
	text-decoration: none !important;
	}

.home a.linkblock:hover p.testimonial {
	text-decoration: underline !important;
	}

.home a.linkblock:hover p.testimonial span {
	text-decoration: none !important;
	}

.home #sidebar ul.resorts, .inner #sidebar ul.resorts {
	padding-top: 7px;
	padding-left: 0;
	padding-right: 0;
	}

.home #sidebar ul.resorts li, .inner #sidebar ul.resorts li {
	float: left;
	text-align: center;
	}

	.home #sidebar ul.resorts li img, .inner #sidebar ul.resorts li img {
		padding: 0 5px 0;
		}

/************************* TESTIMONIALS PAGE *************************/

body.testimonials .main h1 {
	margin-bottom: 1.5em !important;
	}

body.testimonials .main p {
	background: url(/_img/snowflake2.png) no-repeat left top;
	font-weight: bold;
	padding-left: 40px !important;
	margin-bottom: 1.5em;
	margin-left: .5em;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	}

body.testimonials .main p span {
	font-style: italic;
	font-weight: normal;
	}

/************************* GROUP AND CORPORATE EVENTS PAGE *************************/

body.group ul.body {
	list-style-type: disc;
	margin-left: 5em;
	margin-bottom: 1em;
	}

body.group ul.body li {
	line-height: 2em;
	font-size: 14px;
	}

body.group .sidebar {
	margin-top: 40px;
	padding: 0 !important;
	border: 0 !important;
	}

body.group .sidebar img {
	margin-top: .5em;
	margin-bottom: 1em;
	padding: 10px 5px;
	border: 1px solid #7da9cc;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

body.group .sidebar h3 {
	padding-left: 0 !important;
	}

body.group div.dload {
	padding: 10px;
	background-color: #e6f0f6;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

body.group p.download1 {
	float: left;
	width: 75px;
	line-height: 1em !important;
	text-align: center;
	}

body.group p.download2 {
	float: right;
	width: 565px;
	font-weight: bold;
	padding-left: 0 !important;
	margin-left: 0 !important;
	}

/************************* RENTALS AND PR PAGES *************************/

body.pr h1 {
	background: none !important;
	color: #024ea2 !important;
	}

body.pr .main h1, body.pr #main h1 {
	font-size: 16px !important;
	text-transform: capitalize !important;
	color: #fff !important;
	line-height: 1.5em;
	display: inline-block;
	background: #cc6601 url(/_img/orange_skitip.gif) no-repeat top right !important;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 13px;
	padding-right: 60px;
	height: 24px !important;
	min-width: 200px;
	}

body.prmain .main h1 {
	text-transform: uppercase !important;
	}

/* body.prmain .main h2 {
	padding-left: 80px !important;
	background: url(/_img/snowflake.png) no-repeat top left;
	}

	body.prmain .main h2 span {
		display: block;
		color: #333 !important;
		}

body.prmain .main p {
	padding-left: 80px !important;
	} */

body.faq .main h3, body.prmain .main h2 {
	background: url(/_img/box_round_top.gif) no-repeat left top;
	width: 669px;
	height: 43px;
	padding-left: 60px !important;
	}

	body.prmain .main h2 span {
		display: block;
		color: #333 !important;
		}

body.faq .main p, body.prmain .main p {
	background: url(/_img/box_round_btm.gif) no-repeat left bottom;
	width: 656px;
	margin-bottom: 1em;
	padding-right: 13px;
	padding-left: 60px !important;
	margin-top: -30px;
	}

	body.prmain .main p {
		margin-top: 0;
	}

.main p a {
	color: #3ca0cd !important;
	text-decoration: underline;
	}

	.main p a:hover {
		color: #024ea2 !important;
		}

h1.rentals {
	padding-bottom: 0 !important;
	}

h2.rentals {
	padding-top: 0 !important;
	color: #3ca0cd !important;
	}

div#reserve-now {
	float:right;
	width:268px; height:84px; padding:0; margin:0;
	position:absolute; top:-13px; right:62px;
	}

div#how-it-works {
	clear: both;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0 0 12px 63px;
	border-bottom: 1px solid #50aad2;
	}

	.works {
		float: left;
		width: 285px;
		}

		.works h2 {
			color:#993;
			background-image: none;
			margin: 0;
			padding: 0;
			height: auto;
			}

		.works p {
			margin: 0 50px 0 30px;
			padding: 0;
			line-height: 140%;
			color: #036;
			}

		.number {
			color: #036;
			font-size: 35px;
			font-weight: bold;
			margin-right: 5px;
			}

	#content-l, #content-r {
		width:450px;
		}

		#content-l p, #content-r p {
			}

	#content-l {
		float:left;
		width:450px;
		}

	#content-r {
		float: right;
		width: 450px;
		padding-right: 20px;
		}

		#content-r h2, #content-r h3, #content-r h4 {
			padding-left: 0;
			margin-left: 0;
			}

	img.floatl { float:left; margin:0 15px 12px 13px; }

	.toplink {
		clear: both;
		text-align:right;
		margin-top:1em;
		}

div#bottom-reserve {
	clear: both;
	position:relative;
	height:90px;
	border-top:1px solid #50aad2;
	margin-top:1em;
	}

	div#bottom-reserve div#reserve-now { top:5px; right:58px; }
	div#bottom-reserve h2 { margin-top:18px; }

/************************* RESORTS PAGES *************************/

h1.rsrt {
float: left;
height: 129px;
background: none !important;
}

img#rsrtlogo {
margin: 0 20px 10px 10px;
}

table#resort {
float: right;
width: 475px;
border: 1px solid #7da9cc;
margin-right: 3em;
*margin-right: 15px; /* for IE6 and above */
margin-bottom: 20px;
padding: .5em;
background-color: #edf3fe;
color: #024ea2;
font-size: 14px;
}

table#resort a {
font-weight: normal;
}
	table#resort a:hover {
	text-decoration: underline;
	}

table#resort td {
text-align: left;
padding: .5em;
font-weight: bold;
}

table#resort td.rt {
text-align: right;
font-weight: normal;
}

dl#resort {
float: right;
width: 400px;
border: 1px solid #7da9cc;
margin-right: 3em;
margin-bottom: 20px;
padding: 1em 0 .5em;
}

dl#resort dt {
clear: right;
float: left;
padding: 0 0 .5em 1em;
}

dl#resort dd {
clear: left;
float: right;
padding: 0 1em .5em 1em;
}

#resorts {
clear: both;
width: 898px;
background: #7da9cc url(/images/background-resorts.jpg) 0 0 no-repeat;
margin: 0 25px 20px 25px;
padding: 0 0 0 0;
overflow: hidden;
text-align: left;
}

#resorts ul#tabs {
font-weight: bold !important;
margin: 0 auto;
width: auto;
text-align: center;
}

	html>body #resorts ul#tabs {
	height: 35px;
	}

#resorts ul#tabs li {
list-style: none;
float: left;
font-size: 12px;
text-transform: uppercase;
background-color: #41607d;
margin: 0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
white-space: nowrap;
}

#resorts ul#tabs li.first {
border-left: 1px solid #fff;
}

#resorts ul#tabs li.active, #resorts ul#tabs li.active a:hover {
background: url(/_img/partnernav_active.jpg) top left no-repeat;
}

#resorts ul#tabs li a {
display: block;
padding: 12px 18px 12px;
color: #fff;
text-decoration: none;
}

#resorts ul#tabs li a:hover {
text-decoration: none;
background: url(/_img/partnernav_hover.jpg) top left no-repeat;
}

#resorts div {
position: relative;
background: #fff;
clear: both;
padding: 20px;
min-height: 200px;
width: 818px;
margin: 20px auto 20px !important;
}

#resorts div h2 {
background: transparent url(images/half-flake.png) 0 4px no-repeat;
color:#024ea2;
padding-left: 0;
}

#resorts div h3 {
clear: both;
float: left;
width: 100%;
color:#024ea2;
padding-left: 0;
}

#resorts div p {
clear: both;
float: left;
width: 633px;
text-align: left;
line-height: 20px;
color: #666;
padding-left: 0;
}

#resorts div ul {
padding-left: 0;
}

#resorts div#tab-1 {
clear: left;
}

#resorts div#tab-1 p {
width: 470px;
}

#resorts a {
text-decoration: underline;
}

#resorts a img {
text-decoration: none !important;
}

#resorts table {
table-layout: fixed;
float: left;
border: 1px solid #7da9cc;
text-align: left;
margin-bottom: 20px;
width: 500px;
font-size: 12px;
}

#resorts th {
text-align: center;
background-color:#4073aa;
color: white;
padding: .5em;
}

#resorts th.lft {
text-align: left;
}

#resorts td {
padding: .5em;
}

#resorts span.leftp {
display: block;
float: left;
}

#resorts span.leftp p {
width: 470px;
}

#resorts span.p-photo {
display: block;
float: right;
width: 200px;
padding: 1em;
margin-left: 10px;
border: 1px solid #7da9cc;
text-align: center;
}

#resorts span#trailsmap {
width: 288px;
}

#resorts span.p-photo a {
text-decoration: none;
font-weight: normal;
}

#resorts span.p-photo a:hover {
text-decoration: underline;
}

#resorts table#datatable1 {
position: absolute;
top: 40px;
right: 20px;
width: 300px;
}

#resorts table#datatable2, #resorts table#datatable3, #resorts table#datatable4, #resorts table#datatable5, #resorts table#datatable6, #resorts table#datatable7 {
position: relative;
float: none;
margin: 0 auto 20px;
}

#content ul.tab-body {
clear: left;
list-style: none;
font-size: 11px;
}

#footer {
	width: 944px;
	padding: 18px 10px 5px 26px;
	margin-bottom: 10px;
	clear: both;
	background: #e6f0f6 url(/_img/bg_footer.gif) repeat-x top left;
	color: #548f3a;
	font-size: 12px;
	line-height: 1.5em;
	}

	#footer a {
		color: #548f3a;
		}

#footer ul {
	width: 125px;
	text-transform: uppercase;
	float: left;
	}

	#footer ul.wider {
		width: 134px;
		}

	#footer ul.widest {
		width: 160px;
		}

	#footer ul.narrower {
		width: 105px;
		}

	#footer li.dark {
		color: #333;
		}

	#footer ul#socialmedia {
		width: 170px;
		}

#footer ul li {
	text-transform: none;
	}

	#footer ul li a:hover {
		text-decoration: underline;
		}

	#footer ul li img {
		padding-right: 9px;
		vertical-align: middle;
		padding-bottom: 1em;
		}

#footer p#copyright {

    float:right;
	text-align: right;
	color: #4e8ccc;
	font-size: 10px;
    width:306px;
    padding-top:26px
	}

#footnotes {
	color:black !important;
	font-weight:normal;
	font-size:11px;
	padding-top:5px;
    width:300px;
    float:left;
    clear:both;
}
.blackout_language {
	color:black !important;
	font-weight:normal;
	font-size:11px;
	padding-top:5px;
    width:340px;
    clear:both;
    float:left;
}