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

	shell.css
	
	version:	1.0
	date:		Apr 2010
	author:		[Martin Olson @ innertwine]
	email:		[martin@innertwine.com]

	website:	[www.grandsuperior.com]

	version history: [1.0]
	

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

/*	Reset & Import -------*/

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


/*	Global
-----------------------------------------------------------------------------*/

body,html {
	background: rgb(80,27,10) url(../img/bkg-texture.gif) 0 0 repeat;
	background-attachment: fixed;
	color: rgb(240,240,240);
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center }

.wrap { margin: 0 auto; width: 940px }
.hidden { display: none }


/*	Typography
-----------------------------------------------------------------------------*/

h1 {
	display: block;
	color: rgb(87,59,42);
	font-family: "Georgia", Times, Times New Roman, serif;
	font-size: 27px;
	line-height: 1.4em;
	margin-bottom: .3em;
	text-shadow: 0 1px 0 rgb(252,242,228) }
	h1.alt { display: block; width: 300px }
h2 { 
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: .5em }
	h2.subhead {
		display: block;
		color: rgb(87,59,42);
		font-family: "Georgia", Times, Times New Roman, serif;
		font-size: 23px;
		font-weight: 100;
		line-height: 1.4em;
		margin-bottom: .3em;
		text-shadow: 0 1px 0 rgb(252,242,228);
		text-align: center }
h3 { 
	color: rgb(109,43,28);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: .5em }
h4 { 
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5em;
	text-transform: uppercase;
	margin-bottom: .5em }

h2 span { color: rgb(113,103,86); font-size: 12px }
h2 span.na { color: rgb(138,61,44); margin-left: 8px }

/* default */
p { line-height: 1.5em; margin-bottom: 1.5em }
strong { font-weight: 700 }
em { font-style: italic }
a:link, a:visited { text-decoration: none; outline: 0 }
a:hover { text-decoration: underline; outline: 0 }

/* text classes */
.sm { font-size: 11px; line-height: 1.4em }
.disclamer {  }


/*	Global Layout
-----------------------------------------------------------------------------*/

/* -- Header */

#header {
	background: rgb(72,24,8) url(../img/bkg-header.jpg) 0 0 no-repeat;
	height: 150px; margin: 15px 20px 0;
	text-align: left;
	/* mod browsers */
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px }
#logo a {
	background: url(../img/gsl-logo.png) 0 0 no-repeat;
	display: block;
	height: 85px; width: 235px;
	position: relative;
	top: 10px; left: 30px;
	text-indent: -9999px }
#logo-gsr a {
	background: url(../img/gsr-logo.png) 0 0 no-repeat;
	display: block;
	height: 85px; width: 235px;
	position: relative;
	top: 10px; left: 30px;
	text-indent: -9999px }
#twitter { 
	background: transparent url(../img/bkg-tweetfeed.png) 0 0 no-repeat;
	display: block;	float: right;
	display: none; /* don't show if js disabled */
	height: 45px;
	margin: 38px 0 0;
	width: 470px }
	
/* -- Twitter Feed */

#tweets ul {
	display: block; float: left;
	margin: 8px 50px 0 20px;
	padding: 0;
	text-align: left }
#tweets li {
	color: rgb(234,222,206);
	font-size: 11px; font-style: italic; line-height: 1.3em;
	list-style-type:none;
	margin: 0; padding: 0 }
#tweets .hash { color:#0066CC; } 
#tweets .reply { color: rgb(192,82,67); } 
#tweets a:link { text-decoration:none; color: rgb(192,82,67) }
#tweets a:active { text-decoration:none; color: rgb(192,82,67) }
#tweets a:hover { text-decoration:underline; color: rgb(192,82,67) }
#tweets a:visited { text-decoration:none; color: rgb(192,82,67) }

	
/* -- Navigation */

#sitenav {
	background: rgb(237,219,198) url(../img/bkg-nav.gif) 0 bottom repeat-x;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0 15px;
	position: relative; top: 25px;
	z-index: 10;
	/* mod browsers */
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px }
#sitenav li {
	background: url(../img/bkg-nav-brdr.gif) right bottom no-repeat;
	display: block; float: left;
	text-align: center }
#sitenav li#reserve {
	background: rgb(109,43,28) url(../img/bkg-reserve.gif);
	color: rgb(224,209,192);
	font-weight: 700; width: 160px;
	/* mod browsers */
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px }
#sitenav li a {
	color: rgb(81,64,51);
	font-weight: 700;
	display: block;
	padding: 0;
	text-shadow: 0 1px 0 rgb(252,242,228) }
#sitenav li a:hover {
	background: rgb(184,159,131); text-decoration: none }
#sitenav li:hover a,
ul#sitenav li a:hover,
ul#sitenav li.selected a:hover { background: rgb(184,159,131) }
ul#sitenav li.selected a { background: rgb(199,175,149) }

/* -- Sub Navigation */

#sitenav li .sub {
	background: transparent url(../img/snav-bkg.png) 0 bottom no-repeat;
	position: absolute; /*--Important--*/
	top: 40px; left: 0;
	padding: 5px 5px 5px 0;
	float: left;
	display: none /*--Hidden for those with js turned off--*/ }
#sitenav li#whattodo .sub { /* tripple column */
	background: transparent url(../img/snavwider-bkg.png) 0 bottom no-repeat;
	} 
	

	
/* set width for menu items */
ul#sitenav li#accommodations a { width: 130px }
ul#sitenav li#dining { width: 130px }
ul#sitenav li#whattodo { width: 100px }
ul#sitenav li#weddings { width: 90px }
ul#sitenav li#groups { width: 75px }
ul#sitenav li#estate { width: 90px }
ul#sitenav li#contact { width: 75px }
/* set position for menu list */
ul#sitenav li#accommodations .sub { left: 160px }
ul#sitenav li#dining .sub { left: 290px }
ul#sitenav li#whattodo .sub { left: 420px }
ul#sitenav li#weddings .sub { left: 520px }
ul#sitenav li#groups .sub { left: 610px }
ul#sitenav li#estate .sub { left: 685px }
ul#sitenav li#contact .sub { left: 690px }
	
/* remove for launch
#sitenav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px }*/
#sitenav li .sub .sublist {
	background: transparent url(../img/snavlist-top.png) 0 0 no-repeat;
	display: block;
	float: left;
	padding-top: 5px;
	margin-left: 5px;
	width: 150px;
	/* mod browsers */
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px }
#sitenav li .sub ul {
	background: transparent url(../img/snavlist-btm.png) 0 bottom no-repeat;
	list-style: none;
	font-size: 11px;
	margin: 0; padding: 0 0 5px;
	width: 150px;
	float: left;
	text-align: left }
#sitenav .sub ul li {
	background: transparent;
	border-bottom: 1px dashed rgb(228,222,215);
	width: 100%; /*--Override parent list item--*/
	text-align: left;
	color: #fff;}
#sitenav .sub ul li.uno { border-top: 1px dashed rgb(228,222,215) }
#sitenav .sub ul li a {
	background: rgb(243,238,232);
	float: none;
	font-weight: 100;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	line-height: 1.4em;
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: rgb(94,89,82) }
#sitenav .sub ul li a:hover {
	color: rgb(94,89,82);
	background-color: rgb(228,222,215) }

/* -- Online Reservation */

#reservations {
	background: rgb(109,43,28) url(../img/bkg-reserve.gif);
	clear: both; display: block;
	height: 30px;
	line-height: 30px;
	margin: 0 15px;
	padding: 5px 25px;
	position: relative; top: 25px; z-index: 9;
	/* mod browsers */
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 5px }
#reservations ol {  }
#reservations li {
	color: rgb(224,209,192);
	display: inline; float: left;
	margin-right: 20px }
#reservations li label { margin-right: 5px }

/* -- Connect */

#connect { 
	background: rgb(58,26,16);
	color: rgb(217,203, 187);
	height: 40px;
	font-size: 11px; line-height: 40px;
	margin: 0 20px 15px;
	padding: 0 30px;
	/* mod browsers */
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-bottom-radius: 3px;
	-webkit-border-top-bottom-radius: 3px; }
#connect a:link, #connect a:visited { color: rgb(217,203, 187); text-decoration: none }
#connect a:hover { color: rgb(247,246,240) }

/* -- Footer */

#footer { color: rgb(170,163,151); font-size: 11px; padding: 0 10px 35px  }
#footer a:link, #footer a:visited { color: rgb(170,163,151); text-decoration: none }
#footer a:hover { color: rgb(234,222,206) }
	.c-contact { display: block; float: left; text-align: left; width: 550px }
	.c-contact span { margin-left: 20px }
	.c-social { display: block; float: left; text-align: right; width: 290px }
	.c-icons { display: block; float: right; margin: 2px 0 0 10px }
	
/* -- Odyssey Footer */

#odyssey-ftr {
	height: 145px;
	margin: 0 auto 25px;
	width: 700px }
#odyssey-ftr .block {
	display: inline;
	line-height: 0;
	float: left }
	#odyssey-ftr #tl { width: 146px }
	#odyssey-ftr #chl { width: 128px }
	#odyssey-ftr #gsl { width: 144px }
	#odyssey-ftr #lc	{ width: 155px }
	#odyssey-ftr #ebs { width: 127px }
	
	
/*	Layout
-----------------------------------------------------------------------------*/

#content {
	background: rgb(232,219,198) url(../img/bkg-content.jpg) 0 0 repeat-y;
	color: rgb(61,59,57);
	margin: 0 20px;
	text-align: left }
#content-inner {
	background: rgb(232,219,198) url(../img/bkg-content-inner.jpg) 0 0 repeat-y;
	color: rgb(61,59,57);
	margin: 0 20px }
#cnt-home {
	background: url(../img/brdr-wood.png) 0 0 repeat-x;
	margin-left: -10px;
	padding-top: 50px;
	width: 920px }

#home-slideshow {
	background: rgb(25,25,25);
	height: 400px;
	width: 900px }
#home-slideshow .ns { display: none /* hide if js disabled */ }
.ss-slide { position: relative; top: -21px; left: 0 /* hack for js disabled */ }
#caption {
	display: block;
	display: none;
	background: url(../img/bkg-ssnav.png) 0 0 repeat;
	padding: 0 0 0 25px;
	position: relative; top: -100px; left: 0; z-index: 3000;
	height: 25px;
	line-height: 25px;
	margin-top: -25px;
	text-align: left;
	font-family: "Georgia", Times, Times New Roman, serif;
	font-size: 12px; font-weight: 100; font-style: italic;
	color: rgb(243,238,232);
	text-shadow: 0 1px 0 rgb(0,0,0);
	margin-bottom: 0;
	/* mod browsers */
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px }
	#nav { 
		/*background: url(../img/bkg-ssnav.png) 0 0 repeat;*/
		background: rgb(232,219,198) url(../img/bkg-slideshownav.jpg) center bottom no-repeat;
		display: block;
		display: none;
		height: 15px;
		line-height: 15px;
		text-align: left;
		margin: 0 auto;
		position: relative;
		padding: 5px 0 5px 5px;
		margin: -25px auto 0;
		text-align: center;
		width: auto; /* js sets width */
		z-index: 8;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px; }
	#nav li { float: left; margin-right: 5px }
	#nav li a {
		background: url(../img/ss-dot.png) 0 0 no-repeat;
		display: block;
		text-indent:-9999px;
		height:15px; width: 13px }
	#nav li a.selected { background-position: 0 -15px }
	
/* -- home wedding banner */

.ad-banner {
	background: url(../img/ad-bkg.jpg) 13px 5px no-repeat;
	display: block;
	height: 250px;
	width: 265px }
.ad-banner img { position: relative; top: 16px; left: 23px }

.ad-banner-sm {
	background: url(../img/ad-bkg.jpg) 6px 5px no-repeat;
	display: block;
	height: 215px;
	padding: 30px 0 0;
	margin: 0 0 0 8px;
	text-align: center;
	width: 255px }
.ad-banner-sm ul { border-bottom: 1px dashed rgb(187,134,90); padding: 0 0 5px; margin: 0 15px 8px }
.ad-banner-sm ul li { font-size: 11px; line-height: 1.2em }


/* -- Main Column */

#maincol-home {
	display: block; float: left;
	margin-left: 10px;
	padding: 15px 50px 35px;
	text-align: left;
	width: 550px }
#maincol {
	display: block; float: left;
	margin-left: 10px;
	padding: 65px 50px 65px;
	text-align: left;
	width: 570px }
#maincol-narrow {
	display: block; float: left;
	margin-left: 10px;
	padding: 65px 30px 65px;
	text-align: left;
	width: 320px }
.home-intro {
	background: url(../img/art-deco.gif) center bottom no-repeat;
	padding-bottom: 55px;
	text-align: center }
.home-intro p {
	font: 100 16px/1.5em "Georgia", Times, Times New Roman, serif;
	margin-bottom: 0 }
	
/* button links */
#maincol .fancybtn { 
	display: block;
	float: right;
	text-align: right;
	width: 250px }
#maincol .fancybtn a:link, #maincol .fancybtn a:visited {
	background: rgb(138,61,44) url(../img/btn-fancybkg.gif) 0 center repeat-x;
	color: rgb(231,218,199);
	font-size: 13px;
	line-height: 35px;
	padding: 8px 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }
#maincol .fancybtn a:hover {
	background: rgb(87,45,32);
	color: rgb(231,218,199);
	padding: 8px 15px;
	text-decoration: none }

.promobtn {
	background: url(../img/btn-linkbkg.png) 0 0 no-repeat;
	display: block;
	height: 30px;
	padding: 20px 0 0;
	margin: 0 0 0 8px;
	text-align: center;
	width: 255px }
	
.explorebtn {
	background: url(../img/btn-linkbkg.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 0 8px;
	text-align: center;
	width: 255px }
	
.tourbtn {
	background: url(../img/btn-linkbkg.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 0 8px;
	text-align: center;
	width: 255px }
	


#content-inner .explorebtn {
	background: url(../img/btn-linkbkg-sm.gif) 0 0 no-repeat;
	margin: 0 0 0 10px; width: 210px }
	.explorebtn a:link,
	.explorebtn a:visited {
		background: url(../img/btn-explore.png) center 0 no-repeat;
		color: rgb(82,54,39); font-size: 12px;
		display: block;
		line-height: 50px;
		width: 255px;
		text-indent: -9999px }
	#content-inner .explorebtn a { width: 210px }
	.explorebtn a:hover { background-position: center -50px; color: rgb(168,66,42); text-decoration: none }
	
#content-inner .tourbtn {
	background: url(../img/btn-linkbkg-sm.gif) 0 0 no-repeat;
	margin: 0 0 0 10px; width: 210px }
	.tourbtn a:link,
	.tourbtn a:visited {
		background: url(../img/btn-tour.png) center 0 no-repeat;
		color: rgb(82,54,39); font-size: 12px;
		display: block;
		line-height: 50px;
		width: 255px;
		text-indent: -9999px }
	#content-inner .tourbtn a { width: 210px }
	.tourbtn a:hover { background-position: center -50px; color: rgb(168,66,42); text-decoration: none }
	
	
#content-inner .promobtn {
	background: url(../img/btn-linkbkg-sm.gif) 0 0 no-repeat;
	margin: 0 0 0 10px; width: 210px }
	.promobtn a:link, .promobtn a:visited { color: rgb(82,54,39); font-size: 12px }
	.promobtn a:hover { color: rgb(168,66,42); text-decoration: none }



#maincol .btnlink a:link, #maincol .btnlink a:visited {
	background: rgb(138,61,44);
	color: rgb(231,218,199);
	font-size: 11px;
	padding: 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }
#maincol .btnlink a:hover {
	background: rgb(87,45,32);
	color: rgb(231,218,199);
	padding: 3px 5px;
	text-decoration: none }
	
#maincol .returnlink a:link, #maincol .returnlink a:visited {
	background: rgb(210,193,167);
	color: rgb(138,61,44);
	font-size: 11px;
	padding: 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }
#maincol .returnlink a:hover {
	background: rgb(87,45,32);
	color: rgb(231,218,199);
	padding: 3px 5px;
	text-decoration: none }
	
#maincol a:link, #maincol a:visited { color: rgb(138,61,44) }
#maincol a:hover { color: rgb(138,61,44); text-decoration: underline }

#maincol ul,
#maincol ol {
	margin-bottom: 1.5em }
#maincol ul li,
#maincol ol li {
	list-style-type: disc;
	list-style: outside;
	line-height: 1.3em;
	margin: 0 0 5px 15px }

#maincol ul.block { display: block; float: left; width: 250px }

/* image classes */

img.topimg { border: 5px solid #eae9e3; margin: 0 20px }
img.aright { border: 2px solid rgb(241,232,217); float: right; margin: 0 0 10px 30px }
img.aleft { border: 2px solid rgb(241,232,217); float: left; margin: 0 20px 10px 0 }
img.clear { clear: right }

img.arightnb { border: 0px solid rgb(241,232,217); float: right; margin: 0 0 10px 30px }
img.aright2 { border: 2px solid rgb(241,232,217); margin-right:10px }

.img-caption { clear: both; float: right; font-size: 11px; margin-bottom: 10px; padding-right: 10px; text-align: right; width: 250px }


/* -- Estate and Lodging */

div.room,
div.special {
	border-top: 1px solid rgb(232,219,198);
	clear: both; display: block;
	margin-top: 15px;
	padding: 20px 0 5px }
	div.special { padding-bottom: 0 }
	
	.rm-block {
		float: right;
		width: 380px }
	
#maincol.estate ul,
#maincol.lodging ul {
	margin-left: 0 }
#maincol.estate ul li,
#maincol.lodging ul li,
#maincol.lodging ul li {
	list-style: none; line-height: 1.4em; margin-bottom: 5px }
#maincol.lodging ul li {
	display: inline;
	margin: 0;
	padding-left: 5px }
#maincol.lodging ul li.first { border-left: none; padding-left: 0 }

#maincol.lodging ul li a {
	background: rgb(210,193,167);
	color: rgb(138,61,44);
	font-size: 11px;
	padding: 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; }
#maincol.lodging ul li.bookit a { background: rgb(138,61,44); color: rgb(231,218,199) }
#maincol.lodging ul li a:hover {
	background: rgb(87,45,32);
	color: rgb(231,218,199);
	padding: 3px 5px;
	text-decoration: none }
.sold { color: #989490; text-decoration: line-through }


/* rates table */
table.rates { border-collapse:collapse; border: 1px solid rgb(210,196,175); margin-bottom: 15px }
table.rates tr.hdr { background: rgb(210,196,175); font-weight: 700; line-height: 20px }
table.rates tr { background: rgb(241,232,217) }
table.rates tr.alt { background: rgb(232,219,198) }
table.rates td { font-size: 11px; padding: 7px 0 5px 10px; width: 200px }
table.rates tr.hdr td { font-weight: 700 }

/* group table */
table.group { border-collapse:collapse; border: 1px solid rgb(210,196,175); margin-bottom: 25px }
table.group tr.hdr { background: rgb(210,196,175); font-weight: 700; line-height: 1.2em }
table.group tr { background: rgb(241,232,217) }
table.group tr.alt { background: rgb(232,219,198) }
table.group td { font-size: 11px; padding: 7px 15px 5px 10px }
table.group tr.hdr td { font-weight: 700 }

/* dining specials table */
table.dining { border-collapse:collapse; border-top: 1px solid rgb(210,196,175); margin-top: 25px }
table.dining tr {  }
table.dining td { border-bottom: 1px solid rgb(210,196,175); line-height: 1.4em; padding: 15px 15px 15px 0 }
table.dining td.edate { width: 130px }
table.dining td.ename { font-weight: 700; width: 180px }

.specialsbox { 
	border: 1px solid rgb(210,196,175);
	background: rgb(241,232,217);
	margin: 15px 0;
	padding: 20px 40px }

ul#menulist { margin-top: 20px; text-align: center }
ul#menulist li { 
	display: inline }
ul#menulist li a {
	background: rgb(210,193,167);
	color: rgb(138,61,44);
	font-size: 13px;
	padding: 5px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; }
ul#menulist li a:hover {
	background: rgb(87,45,32);
	color: rgb(231,218,199);
	padding: 5px 8px;
	text-decoration: none }


/* -- Side Column */

#sidecol { display: block; float: left; padding-bottom: 10px; width: 260px }
#content-inner #sidecol { margin-top: 30px; width: 220px }

#sidecol-wed { display: block; float: left; padding-bottom: 10px; width: 220px}
#content-inner-wed #sidecol { width: 220px }


/*	Forms
-----------------------------------------------------------------------------*/

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 }



#maincol #evalForm ul,
#maincol #evalForm li { list-style: none }




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 { border-bottom: 1px solid rgb(232,219,198); padding: 0 0 25px; margin: 0 }
ul#evalForm li { list-style: none}
ul#evalForm li.ctitle { border-top: 1px solid rgb(232,219,198); font-size: 13px; margin: 20px 0; padding-top: 15px; font-weight: 700 }
ul#evalForm li.stitle { font-weight: 700; font-size: 11px; margin: 15px 0 5px 15px }
ul#evalForm li label { display: block; float: left; padding-top: 5px; width: 125px }
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: 540px }
#formSubmit { margin: 25px 0 0 15px }


/* employment app */

#maincol #employment-app ul,
#maincol #employment-app li { list-style: none }
#employment-app ul { clear: both; margin: 10px 0 25px }
#employment-app ul li { clear: both; display: block; padding-bottom: 10px }
#employment-app ul li label { display: block; float: left; padding: 0 20px 10px 0; width: 200px }
#employment-app ul li label.sig { width: 80px }
#employment-app ul li.stitle { font-size: 11px; font-weight: 700; text-transform: uppercase }
#employment-app ul label span { font-weight: 100 }
#employment-app ul li input.txtfield,
#employment-app ul li select,
#employment-app ul li textarea { font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 2px }
#employment-app ul li input.txtfield,
#employment-app ul li textarea { width: 280px }
#employment-app ul li option { padding: 1px 2px }
#employment-app ul li textarea { height: 100px }
.empSubmit { margin: 0 0 0 120px }

/* mailchimp forms */

#mc_embed_signup { }

#mc_embed_signup .indicate-required {
	display: block;
	color: #733022;
	font-size: 12px; font-weight: 100;
	font-family: Georgia, Times, Times New Roman, serif; font-style: italic;
	margin: 10px 0 20px }

/* maincol needed to overall global lists */
#maincol #mc_embed_signup ul { list-style: none; margin: 0 0 15px }
#maincol #mc_embed_signup li { list-style: none; margin: 0 }

.mc-field-group { display: block; clear: both; margin-bottom: 5px }
.mc-address-group { clear: both; margin-top: 10px }
.mc-address-group ul li { display: block; clear: both; padding-bottom: 5px }
.mc-field-group label,
.mc-address-group ul li label { display: block; float: left; padding-top: 6px; width: 130px }
.mc-field-group .input-group { clear: both; margin-left: 130px }
.mc-field-group .input-group-label { width: 100% }
.mc-field-group .input-group li { display: block; clear: both; padding-bottom: 3px }
.mc-field-group .input-group li label { display: inline; float: none; margin-left: 8px; width: auto }

#mc_embed_signup input.txtfield { font-size: 12px; padding: 2px; width: 380px }

#mc_embed_signup .mc-group-title { display: block; font-weight: 700; margin: 20px 0 10px }

#mc-embedded-subscribe { margin: 20px 0 0 130px }

#mc_embed_signup label.error {
	clear: left;
	color: #be1e2d;
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin-left: 130px;
	padding: 5px 0;
	width: 380px  }



/*	sIFR
-----------------------------------------------------------------------------*/

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; z-index: 1; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-active h1,
.sIFR-active h2.subhead {
	visibility: hidden;
	line-height: 1em;
	font-size: 30px;
	margin-bottom: .3em }
	.sIFR-active h2.subhead { font-size: 25px }
.sIFR-active .promobtn {
	font-size: 17px;
	line-height: 1em;
	height: 38px;
	padding: 12px 0 0 }
.sIFR-active #content-inner .promobtn {
	font-size: 16px;
	line-height: 1em;
	height: 38px;
	padding: 12px 0 0 }


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

#landingpage-copy {
overflow:auto;
padding:5px 0 5px 0}

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

#landingpage-secondary-copy{
	width:320px;
	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}
	

h1.landing{color: rgb(87,59,42);
	font-family: "Georgia", Times, Times New Roman, serif;
	font-size: 34px;
	line-height: 1.4em;
	margin: 10px 0 -20px 50px;
	text-indent: 0;
	text-shadow: 0 1px 0 rgb(252,242,228) }


h2.landing{font-size: 20px;
	font-weight: 700;
	line-height: 1.7em;
	margin-bottom: .5em;
	line-height:35px;
	margin-left: 20px;
	
}

h3.landing{color: rgb(109,43,28);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: .5em
	}

h4.landing{font-size: 14px;
	font-weight: 700;
	line-height: 8px;
	text-transform: uppercase;
	text-align:center;
	margin-top:15px
}

#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:0 0 10px 0;
}

#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:750px;
	float:left;
	display:block;
	overflow:hidden;
	
}
#landing-price-example-L{
	width:345px;
	float:left;
	display:block;
	
}
#landing-price-example-R{
	width:345px;
	float:right;
	display:block;
	
}