/*
//-----------------------------------------------------------------------------

	shell.css
	
	version:	1.0
	date:		08/3/09
	author:		[Martin Olson @ innertwine]
	email:		[martin@innertwine.com]

	website:	[www.lutsenlodgingcompany.com]

	version history: [1.0]
	

// -----------------------------------------------------------------------------
*/

/*	Reset Browser Styles & Import External Styles
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("typo.css");
@import url("fancybox.css");


/*	Structure
-----------------------------------------------------------------------------*/

body { 
	background: #d9d7c7 url(../img/texture-bkg.jpg) 0 0 repeat-x; margin: 0; padding: 0 }
	
/* style for centered background used for helmet cam---------------------------------------------------
background: #d9d7c7 url(../img/helmetcam-back.jpg) center top; background-repeat:no-repeat;} */
.wrap { color: rgb(165,165,165); font-size: 12px; margin: 0 auto; padding-top: 20px; width: 940px }
#header { background: url(../img/hdr-bkg.png) 0 0 no-repeat; margin: 30px 0 0; position: relative; z-index: 5 }
#footer { background: url(../img/footer-bkg.gif) 0 0 no-repeat; clear: both; color: #888675; font-size: 11px; margin: 0 auto; padding: 25px 0; text-align: center; width: 940px }
#footer a { color: #888675; text-decoration: none }
#footer a:hover { color: #5e5d56; text-decoration: underline }
.rule { border-top: 1px solid #eee; clear: both; margin: 20px 0 10px }

/*	Navigation
-----------------------------------------------------------------------------*/

/*#topnav { background: url(../img/sitenav-bkg.png) 0 0 no-repeat; height: 45px; padding-top: 20px; padding-left: 220px }
#topnav li { display: block; float: left; font-size: 12px; height: 45px; line-height: 45px }
#topnav li a { color: #ececde; padding: 15px 12px; text-decoration: none }
#topnav li a:hover { background: url(../img/sitenav-hoverbkg.png) 0 bottom repeat-x }*/

/*#logo {
	background: url(../img/logo.png) 0 0 no-repeat;
	color: rgb(17,98,117);
	display: block;
	float: left;
	font-size: 18px;
	font-weight: 700;
	float: left;
	height: 145px;
	line-height: 1em;
	margin: 0;
	position: relative;
	top: 14px; left: 20px;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
	width: 170px;
	z-index: 100
	}*/
#logo-home { 
	background: url(../img/logo.png) 0 -51px no-repeat;
	display: block;
	height: 155px;
	position: relative;
	top: 0; left: 20px;
	text-indent: -9999px;
	width: 180px;
	z-index: 25
	}
	#logo-home a { display: block; height: 155px; width: 180px }
#logo-moguls { 
	background: url(../img/moguls-logo.png) 0 -51px no-repeat;
	display: block;
	height: 155px;
	position: relative;
	top: 0; left: 20px;
	text-indent: -9999px;
	width: 180px;
	z-index: 25
	}
	#logo-moguls a { display: block; height: 155px; width: 180px }
#logo a { 
	background: url(../img/logo.png) 0 0 no-repeat;
	display: block;
	height: 155px;
	margin-top:-51px;
	text-indent: -9999px;
	width: 180px
	}
#topnavwrap {
	background: url(../img/sitenav-bkg.png) 0 0 no-repeat;
	height: 65px;
	padding: 0;
	margin: 0;
	width: 940px
	}
#navlogo { background: url(../img/logo.png) 20px 14px no-repeat; float: left; height: 65px; display: block; width: 220px }
#mogulslogo { background: url(../img/moguls-logo.png) 20px 14px no-repeat; float: left; height: 65px; display: block; width: 220px }
ul#topnav {
	float:left;
	height: 45px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none
	}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative
	}
ul#topnav li a {
	float: left;
	color: #ececde; line-height: 45px; padding: 0 11px; text-decoration: none
	/*text-indent: -9999px;*/
	/*height: 44px;*/
	}
ul#topnav li a:hover, ul#topnav li a:hover { background: url(../img/sitenav-hoverbkg.png) 0 bottom repeat-x }
/*ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }*/
ul#topnav li:hover a {
	background: url(../img/sitenav-hoverbkg.png) 0 bottom repeat-x
	}
/*
ul#topnav a.products {
	background: url(nav_products.png) no-repeat;
	width: 117px; 
}
ul#topnav a.sale {
	background: url(nav_sale.png) no-repeat;
	width: 124px; 
}
ul#topnav a.community {
	background: url(nav_community.png) no-repeat;
	width: 124px; 
}
ul#topnav a.store {
	background: url(nav_store.png) no-repeat;
	width: 141px; 
}*/

ul#topnav li .sub h4 { color: #fff }
ul#topnav li .sub {
	position: absolute;	
	top: 45px; left: 0;
	background: #47170d;
	padding: 15px 10px 15px 15px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	z-index: 100
	}
	
ul#topnav li#experience .sub { padding: 15px 10px 15px 30px }
/*
ul#topnav li#attractions .sub { left: 246px	}
ul#topnav li#moguls .sub { left: 355px }
ul#topnav li#groups .sub { left: 443px }
ul#topnav li#estate .sub { left: 506px }*/
ul#topnav li .row { clear: both; float: left; width: 100% }
ul#topnav li .sub ul {
	list-style: none;
	line-height: 1em;
	margin: 0; padding: 0;
	width: 140px;
	float: left;
	}
	ul#topnav li#experience .sub ul { width: 170px }
ul#topnav .sub ul li {
	line-height: 1em;
	padding: 3px 0;
	width: 100%;
	color: #fff;
	}
ul#topnav .sub ul li a {
	background: none;
	float: none;
	font-size: 11px;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	line-height: 1em;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #ececde;
	}
ul#topnav .sub ul li a:hover { background: none; color: #bcb396 }

ul#topnav #contact .sub { margin-left: -102px }



/*	Content
-----------------------------------------------------------------------------*/

#swfslideshow { background: #000; height: 370px; margin-top: -205px; z-index: 5 }

#content { background: #fdfdfb; color: #524840; font-family: Helvetica, Arial, sans-serif }
#sidecol { background: url(../img/reservation-bkg.jpg) 0 -130px no-repeat; float: left; padding: 0 0 20px 20px; width: 200px }
#sidecol-inner { background: url(../img/reservation-bkg.jpg) 0 -15px no-repeat; float: left; padding: 0 0 20px 20px; width: 200px }
#pg-content { background: url(../img/pgcontent-bkg.png) right 180px no-repeat; float: left; padding-top: 0; margin-top:-3px; min-height: 400px; width: 720px }
#pg-content-moguls { background: url(../img/pgcontent-bkg.png) right 0 no-repeat; float: left; padding-top: 0; margin-top:-3px; min-height: 400px; width: 720px }
#pg-content-inner { background: url(../img/pgcontent-bkg.png) right 0 no-repeat; float: left; padding-top: 20px; min-height: 600px; width: 720px }
#maincol { float: left; padding: 45px 0 45px 45px; width: 420px }
#maincol-inner { padding: 25px 45px 25px; width: 600px }
#maincol p, #maincol-inner p, #rightcol p, #rightcol-inner p { font-size: 11px; line-height: 1.4em }
#maincol a, #maincol-inner a { color: #789b47; text-decoration: none }
#maincol a:hover, #maincol-inner a:hover { text-decoration: underline }
#rightcol { float: left; margin-left: 40px; padding-top: 50px; width: 170px }
#rightcol-inner { float: left; margin-left: 40px; padding-top: 75px; width: 170px }
#rightcol-moguls { float: left; margin-left: 40px; padding-top: 110px; width: 170px }

#facebook { margin-left: 15px }
#sidecol-moguls p { font-size: 11px; line-height: 1.4em }
#sidecol-moguls { background: url(../img/reservation-bkg.jpg) 0 -45px no-repeat; float: left; padding: 0 0 40px 20px; width: 200px }

/*background: url(../img/sitenav-bkg.png) 0 0 no-repeat; display:block; height: 65px; float: left; width: 220px;
#pg-content { background: url(../img/pgcontent-bkg.png) 0 180px no-repeat;  width: 720px }
#pg-content-inner {
	background: url(../img/pgcontent-bkg.png) right 0 no-repeat;
	float: left;
	margin: 0;
	min-height: 650px;
	padding: 20px 0 0 220px;
	width: 720px }


#maincol-inner {  float: left; padding: 25px 45px 45px; width: 575px }
#maincol a, #maincol-inner a { color: #789b47; text-decoration: none }
#maincol a:hover, #maincol-inner a:hover { text-decoration: underline }

#maincol p,
#maincol-inner p,
#rightcol p,
#rightcol-inner p { font-size: 11px; line-height: 1.4em }
#sidecol { background: url(../img/reservation-bkg.png) 0 -15px no-repeat; padding-left: 20px; min-height: 480px; float: left; position: absolute; top: 0; left: 0; width: 200px; z-index: 2 }
#sidecol-inner { background: url(../img/reservation-bkg.jpg) 0 0 no-repeat; float: left; padding-top: 100px; padding-left: 20px; min-height: 480px; width: 200px }
#rightcol { float: left; margin-left: 20px; padding-top: 60px; width: 170px }
#rightcol-inner { float: left; margin-left: 20px; padding-top: 105px; width: 170px }
*/
#reservation-hdr { background: #733022 url(../img/reservationhdr-bkg.png) 0 0 repeat-x; color: #f5f5f1; font-size: 13px; float: left; height: 34px; padding: 16px 0 0 25px; width: 195px }
#promo-nav-wrap { background: url(../img/promonav-bkg.png) 0 0 repeat-x; height: 50px; margin: 0; position: relative; top: 165px; left: 0; z-index: 10 }
#foo { height: 50px; margin: 0; position: relative; top: 165px; left: 0; z-index: 10 }
#promo-nav { float: left; height: 50px; line-height: 50px; margin-left: 25px }
#promo-nav li { color: #fff; display: block; font-size: 13px; float: left; text-align: center }
#promo-nav li a { color: #fff; line-height: 50px; padding: 15px 0; text-decoration: none  }
#promo-nav li#tab-summer { width: 170px }
#promo-nav li#tab-golf { width: 150px }
#promo-nav li#tab-fall { width: 180px }
#promo-nav li#tab-winter { width: 170px }
#promo-nav li.hover { background: url(../img/promonav-bkg.png) 0 0 repeat-x }
#promo-nav li.hover a { color: #d9d7c7  }

/* home */
#rightcol.home-winter { padding-top: 105px }
#mtnselect { background: #f5f4ef; border: 1px solid #e6e6e2; padding: 5px 4px 3px; margin-bottom: 15px }
#viewSelector { padding: 1px 2px; width: 160px }
#viewSelector option { padding: 1px 2px }
#mtn1,#mtn2,#mtn3,#mtn4 { margin: 10px }
ul.winter-mtn { }
ul.winter-mtn li { border-top: 1px solid #eee; font-size: 11px; padding: 5px 0 }


/*  unordered lists */
#maincol ul,
#maincol-inner ul { font-size: 11px; margin-left: 12px; margin-bottom: 25px }
#maincol ul li,
#maincol-inner ul li { list-style-type: disc; list-style: outside; line-height: 1.4em; margin-bottom: 3px }
/* ordered lists */
#maincol ol,
#maincol-inner ol { font-size: 11px; margin-left: 18px; margin-bottom: 25px }
#maincol ol li,
#maincol-inner ol li { list-style-type: decimal; line-height: 1.4em; margin-bottom: 5px }


.moguls-list { font-size: 11px; margin: 0 0 25px }
.moguls-list li { border-top: 1px solid #f1f1f1; line-height: 1.3em; padding: 4px 0 }
.moguls-list li a { color: #524840; text-decoration: none }
.moguls-list li a:hover { color: #733022 }

/* estate and lodging */
#maincol-inner.estate ul,
#maincol-inner.lodging ul { margin-left: 0 }
#maincol.estate ul li,
#maincol-inner.estate ul li,
#maincol.lodging ul li,
#maincol-inner.lodging ul li { list-style: none; line-height: 1.4em; margin-bottom: 5px }
#maincol-inner.lodging ul li { border-left: 1px solid #eee; display: inline; margin-right: 5px; padding-left: 8px }
#maincol-inner.lodging ul li.first { border-left: none; padding-left: 0 }

.sold { color: #989490; text-decoration: line-through }


table.rates { margin-bottom: 15px }
table.rates tr.hdr { background: #d0cdba; font-weight: 700 }
table.rates tr.alt { background: #efeee7 }
table.rates td { border-bottom: 1px solid #fff; font-size: 11px; padding: 7px 0 5px 10px; width: 200px }
table.rates tr.hdr td { font-weight: 700 }


.promo .col { color: #fff; display: block; font-size: 11px; float: left; line-height: 1.3em; margin-left: 30px; width: 200px }
.promo .col h3 { color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 0 }
.promo a { font-weight: 700; text-decoration: none }

#promo-winter a { color: #f0e08a }
#promo-golf a { color: #f0e08a }
#promo-summer a { color: #f0e08a }
#promo-fall a { color: #f0e08a }
#promo-winter a:hover,
#promo-golf a:hover,
#promo-summer a:hover,
#promo-fall a:hover { color: #fff }

/* colors */
#pg-content { background: url(../img/pgcontent-bkg.png) right 180px no-repeat; float: left; padding-top: 0; margin-top:-3px; min-height: 400px; width: 720px }
.promo { display: none }
#tab-summer.selected { background: #5aaab3 }
#promo-summer { background: #5aaab3 url(../img/promo-branch.png) 0 bottom no-repeat; height: 140px; padding-top: 40px }
#tab-golf.selected { background: #70983c }
#promo-golf { background: #70983c url(../img/promo-branch.png) 0 bottom no-repeat; height: 140px; padding-top: 40px }
#tab-fall.selected { background: #c24c2c }
#promo-fall { background: #c24c2c url(../img/promo-branch.png) 0 bottom no-repeat; height: 140px; padding-top: 40px }
#tab-winter.selected { background: #459cc0 }
#promo-winter { background: #459cc0 url(../img/promo-branch.png) 0 bottom no-repeat; height: 180px }

#snowfall { background: url(../img/blueline.gif) 0 bottom repeat-x; margin: 0 0 20px 30px; padding-top: 5px; width: 660px }
#snowfall ul { height: 45px }
#snowfall li { display: block; float: left; line-height: 45px; width: 115px }
#snowfall li.title { color: #a4d6f2; font-weight: 700 }
#snowfall li.amount { background: url(../img/snowfall-amountbkg.png) center center no-repeat; color: #fff; font-size: 14px; font-weight: 700; margin-right: 5px; text-align: center; width: 80px }
#snowfall li.open { font-size: 11px; margin-left: 5px; width: 180px }
.amount span,
.open span { color: #d0cdba; font-size: 10px; font-weight: 700; margin-left: 5px }


/* reservation form */
#reserveform { padding: 20px 0 45px; width: 180px }
#reserveform ol { border-bottom: 1px solid #fbfaf5 }
#reserveform li { clear: left; font-size: 10px; padding: 5px 0  }
#reserveform li#searchbtn { border-bottom: 1px solid #ebe9e0; padding: 8px 0 }
#reserveform li label { font-weight: 700; float: left; padding-top: 5px  }
#reserveform li select { float: left; margin-right: 5px; width: 65px }
#reserveform li select.ddate { width: 45px }
#reserveform li option { padding: 1px 2px 0 }
.reservenum { font-size: 14px; font-weight: 700; padding: 10px; text-align: center }

/* contact form */

ul#requestopts,
ul#interestopts,
ul#signupopts,
ul#contactform { clear: both; list-style: none; margin: 0 0 20px }
ul#requestopts li,
ul#interestopts li,
ul#signupopts li,
ul#contactform li { list-style: none; margin: 0 }
ul#signupopts li { padding: 4px 0 }
ul#requestopts li,
ul#interestopts li { float: left; padding: 2px 0; width: 180px }
ul#requestopts li input,
ul#interestopts li input,
ul#signupopts li input { margin-right: 5px }
ul#contactform li { clear: left; padding-bottom: 8px }
ul#contactform li label { display: block; float: left; padding-top: 5px; width: 100px }
ul#contactform li input,
ul#contactform li textarea { font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 2px; width: 280px }
ul#contactform li textarea { height: 100px }

ul#contactform li span { color: #733022; font-style: italic; margin-left: 10px }

.contactSubmit { margin-left: 100px }
.estateSubmit { margin-left: 150px }

a.button {
    background: url(../img/sidecol-btnbkg.gif) 0 0 no-repeat;
    color: #444;
    display: block;
    height: 30px;
    
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	}
a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    color: #615649;
    display: block;
    font-weight: 700;
    line-height: 20px;
    padding: 6px 0 4px 25px;
	}
a.button:hover,
#maincol a.button:hover,
#maincol-inner a.button:hover { background-position: 0 -30px; text-decoration: none }

.bp { margin-bottom: 6px }

#maincol-inner ul.ski-info { margin-left: 0 }
#maincol-inner ul.ski-info li { list-style: none  }
#maincol-inner ul.ski-info li span { display: block; float: left; font-weight: 700; width: 135px }
#maincol-inner ul.ski-info li.bull { list-style: disc; margin-left: 12px }


ul#moguls-menu { background: url(../img/moguls-logo.jpg) 0 0 no-repeat; margin: 0 0 15px ; padding-top: 30px }
ul#moguls-menu li { border-bottom: 1px solid #fff; font-size: 12px; padding: 7px 0 5px }
ul#moguls-menu li a { color: #733022; text-decoration: none }
ul#moguls-menu li a.selected { background: url(../img/moguls-navarow.png) center right no-repeat; font-weight: 700; padding-right: 10px }

.moguls-col { padding-top: 20px }

/* survey */

ul#surveyform li { clear: left; padding-bottom: 8px }
ul#surveyform li label { display: block; float: left; font-weight: 700; padding-top: 5px; width: 200px }
ul#surveyform li label span { font-weight: 100 }
ul#surveyform li.subopt label { padding-left: 20px; width: 180px }
ul#surveyform li input.txtfield,
ul#surveyform li select,
ul#surveyform li textarea { font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 2px; width: 310px }
ul#surveyform li option { padding: 1px 2px }
ul#surveyform li textarea { height: 100px }

ul#surveycontact li { clear: left; padding-bottom: 8px }
ul#surveycontact li label { display: block; float: left; font-weight: 700; padding-top: 5px; width: 150px }
ul#surveycontact li label span { font-weight: 100 }
ul#surveycontact li input,
ul#surveycontact li textarea { font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 2px; width: 350px }
ul#surveycontact li textarea { height: 100px }

/* eval form */

ul#evalForm { margin: 0 }
ul#evalForm li { list-style: none}
ul#evalForm li.ctitle { border-top: 1px solid rgb(220,220,220); font-size: 13px; margin-top: 20px; padding-top: 15px; font-weight: 700 }
ul#evalForm li.stitle { font-weight: 700; margin: 15px 0 5px }
ul#evalForm li label { display: block; float: left; padding-top: 5px; width: 105px }
ul#evalForm li input.txtfield { font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 1px; width: 360px }
ul#evalForm li textarea { font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 2px; height: 70px; width: 560px }
#btnsubmit { margin: 25px 0 0 }

/* img classes */

img.rcimg { margin-bottom: 15px }
img.topimg { border: 5px solid #eae9e3; margin: 0 20px }
img.aright { border: 2px solid #eae9e3; float: right; margin: 0 0 20px 20px }

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}

#floating-tab{
	position:fixed;
	right:0;
	top:155px;
	width:5px;
	height:5px;
	z-index:15;
	background-color:Red;
	/*
	background-image:url(../img/web-analysis_b.png);
	background-position:top right;
	background-repeat:no-repeat;
	*/
}
#floating-tab:hover
{
    /*
	background-image:url(../img/web-analysis_r.png);
    */
    background-color:Blue;
	cursor:pointer;
}

	/* LANDING PAGE STYLES ONLY */
#landingpage {
margin-top:40px;
width:670px;
padding:0px 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
	color:#666;
	line-height:26px;
	font-size:14px;
}

#landingpage-copy {
overflow:hidden;
padding:5px 0 5px 0;
width:630px}

#landingpage-main-copy {
	width:340px;
	float:left;
	display:block;
	
}

#landingpage-secondary-copy{
	width:260px;
	float:right;
	display:block;
	padding-top:400px;
	font-size:12px;
	line-height:22px}

#landingpage-disclaimer-copy{
	font-size:12px;
	line-height:15px;
	font-style:italic;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding-top:20px;
	width:670px}
	

h4.landing {
	color: #642f21;
	font: 700 12px 'Helvetica', Arial, sans-serif;
	margin: .8em 0 .4em 0;
	text-align:center;
}



#landingpage p{ font-family:Arial, Helvetica, sans-serif;
	color:#666;
	line-height:26px;
	font-size:14px;}

#landingpage ul{ font-family:Arial, Helvetica, sans-serif;
	color:#666;
	line-height:24px;
	font-size:14px;
	list-style:square;
	text-align:center;
	margin:10px 0 0 0}

.book{margin-left:90px
}

#landingpage hr {
	margin: 10px 0 10px 0;
	color:#CCC}
	
#landingpage-center{
	text-align:center}
	
#landingpage-disclaimer{
	font-size:12px;
	line-height:15px;
	font-style:italic;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin-top:0px;
	padding-top:0;
	text-align:center;
}
	
#landingpage-priceexample-copy{
	width:670px;
	float:left;
	display:block;
	overflow:hidden;
	
}
#landing-price-example-L{
	width:280px;
	float:left;
	display:block;
	
}
#landing-price-example-R{
	width:280px;
	float:right;
	display:block;
	
}