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

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

	website:	[www.eastbaysuites.com]

	version history: [1.0]
	

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

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

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


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

body,html {
	background: rgb(53,71,81) url(../img/bkg-texture.gif) 0 0 repeat;
	color: rgb(67,64,56);
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center }

.wrap { margin: 0 auto; width: 980px }
.hide { display: none }

.resort-link a,
.resort-link-home a {
	background: url(../img/bkg-resortlink.gif) 0 0 no-repeat;
	color: rgb(249,249,246);
	font: 12px/20px 'MuseoSlab500', Helvetica, Arial, sans-serif;
	display: block;
	margin: 5px 0;
	line-height: 30px;
	text-align: center;
	width: 190px;
	text-shadow: 0 1px 0 rgb(102,95,82);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }
.resort-link-home a { width: 160px }
.resort-link a:hover,
.resort-link-home a:hover { background: rgb(232,153,63); text-decoration: none }


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

h1 {
	color: rgb(77,74,66);
	font: 17px/20px 'MuseoSlab500', Georgia, Times, Times New Roman, serif;
	letter-spacing: .3pt;
	margin-bottom: .4em }
h2 {
	color: rgb(67,64,56);
	font: 22px/26px 'MuseoSlab500', Georgia, Times, Times New Roman, serif;
	letter-spacing: .2pt;
	margin-bottom: .6em }
h3 {
	color: rgb(124,179,191);
	font: 700 11px/1.5em 'Helvetica', Arial, sans-serif;
	letter-spacing: .6pt;
	margin: 2em auto .8em;
	text-transform: uppercase }
	.room-details h3 {
		font-size: 11px }
	.event-pg h3 {
		border: none; background: none; margin: 2em 0 0; padding: 0 }
	h3.home {
		background: none; border-top: none; margin-top: 0; padding: 0 }

h4 {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5em;
	margin: .2em auto }

/* -- default */
p 		{ margin-bottom: 1.5em }
strong 	{ font-weight: 700 }
em 		{ font-style: italic }

/* -- links */
a:link, a:visited { text-decoration: none; outline: 0 }
a:hover { text-decoration: underline; outline: 0 }

/* -- classes */
.disclamer {  }
.mtan { color: rgb(144,139,127); font-weight: 100 }


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

/* -- Header */

#header { height: 90px; text-align: left }

#logo a {
	background: url(../img/ebs-logo.gif) 0 0 no-repeat;
	display: block;
	float: left;
	margin: 15px 0 0 35px;
	height: 65px; width: 285px;
	text-indent: -9999px }

#phonenum {
	color: rgb(249,249,246);
	font: 13px/20px 'MuseoSlab500', Helvetica, Arial, sans-serif;
	display: block; float: left;
	margin: 30px 0 0 0;
	text-align: right;
	text-shadow:0 1px 0 rgb(32,45,54);
	line-height: 30px; width: 610px }


/* -- Navigation */

#sitenav {
	background: rgb(98,94,89) url(../img/bkg-sitenav.gif) 0 bottom repeat-x;
	display: block;
	height: 40px;
	line-height: 40px;
	position: relative;
	top: 0; left: 8px;
	width: 924px;
	z-index: 1;
	/* mod browsers */
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px }
#sitenav li {
	background: url(../img/bkg-nav-brdr.gif) right bottom no-repeat;
	display: block;
	font: 700 12px/40px 'Helvetica', Arial, sans-serif;
	float: left;
	letter-spacing: .2pt;
	text-align: center }
#sitenav li#reserve {
	background: rgb(134,182,192);
	color: rgb(250,247,242);
	font-weight: 700; width: 150px;;
	/* mod browsers */
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	text-shadow: 0 -1px 0 rgb(103,156,167) }
#sitenav li a {
	background: url(../img/nav-divider.gif) right 0 no-repeat;
	color: rgb(248,245,240);
	display: block;
	padding: 0 17px;
	text-shadow: 0 -1px 0 rgb(48,46,43) }
#sitenav li a:hover {
	background: rgb(78,77,73); text-decoration: none }
#sitenav li:hover a,
ul#sitenav li a:hover,
ul#sitenav li.selected a:hover {
	background: rgb(78,77,73) url(../img/nav-divider.gif) right 0 no-repeat }
ul#sitenav li.selected a {
	background: rgb(78,77,73) url(../img/nav-divider.gif) right 0 no-repeat;
	color: rgb(182,174,161) }


/* -- Online Reservation */

#reservations {
	background: rgb(134,182,192);
	clear: both; display: block;
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	margin: 0 0 8px;
	position: relative;
	top: 0; left: 8px;
	padding: 5px 25px;
	width: 874px;
	/* mod browsers */
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px;
	z-index: 5 }
#reservations ol {  }
#reservations li {
	color: rgb(250,247,242);
	display: inline; float: left;
	font-size: 11px;
	margin-right: 15px;
	text-shadow: 0 -1px 0 rgb(103,156,167) }
#reservations input#txtPromoCode { width: 30px }
#reservations li label { margin-right: 5px }

/* -- Connect */

#connect { 
	color: rgb(109,103,90);
	height: 40px;
	font: 100 11px/40px 'Helvetica', Arial, sans-serif;
	margin: 0 10px;
	padding: 0 20px;
	text-align: right }
#connect a:link,
#connect a:visited { color: rgb(109,103,90); text-decoration: none }
#connect a:hover { color: rgb(232,153,63) }
	.c-contact { float: left; text-align: left; width: 690px }
	.c-contact span { margin-left: 15px }
	.c-social { float: left }
	.c-icons { float: left; margin: 12px 0 0 }
	.c-icons img { margin: 0 8px }

/* -- Footer */

#footer {
	color: rgb(151,144,132);
	font: 100 11px/40px 'Helvetica', Arial, sans-serif;
	padding: 10px 10px 35px  }
#footer a:link, #footer a:visited { color: rgb(170,163,151); text-decoration: none }
#footer a:hover { color: rgb(220,219,205) }
	
/* -- Odyssey Footer */

#odyssey-ftr {
	background: rgb(240,240,229);
	height: 145px;
	margin: 0 auto 25px;
	padding: 2px;
	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(225,225,213);
	font: 12px/1.5em "Georgia", Times, Times New Roman, serif;
	margin: 0 20px;
	padding: 8px 0 0;
	text-align: left;
	/* mod browsers */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; }
#pg-content { 
	background: rgb(249,249,246) url(../img/trim-pgcontent.gif) center 0 no-repeat;
	padding: 15px 5px;
	/* mod browsers */
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px; }
#home-slideshow {
	background: rgb(25,25,25);
	height: 350px;
	margin-left: 8px;
	width: 924px }
	.ss-slide img {  }
	.ss-caption {
		display: none;
		background: url(../img/70k.png);
		color: rgb(243,242,236);
		font: 11px/1.3em 'Helvetica', Arial, sans-serif;
		position: absolute;
		top: 205px; left: 647px;
		padding: 20px;
		z-index: 10; width: 237px }
		.ss-caption p { margin-bottom: 0 }
		p.ss-hdr {
			color: rgb(232,153,63);
			font: 16px/18px 'MuseoSlab500', Helvetica, Arial, sans-serif;
			margin-bottom: .3em  }

/* -- Columns */

.col { display: block; float: left; overflow: auto }

#home-news { padding: 25px 15px 15px 25px; width: 165px }
	.newsblock {
		border-top: 1px dotted rgb(219,218,206);
		margin-top: 10px;
		padding: 10px 0 0 }
	.newsblock p { font-size: 11px; line-height: 1.5em; margin-bottom: 1em }
	.newsblock p a { color: rgb(232,153,63) }
#home-intro {
	background: url(../img/bkg-papercrnr.gif) 0 0 no-repeat;
	font-size: 12px;
	padding: 40px 35px 0 50px; width: 360px }
#home-neighbor {
	background: rgb(243,242,236) url(../img/trim-neighborhood.gif) 0 0 no-repeat;
	min-height: 300px;
	margin-top: 10px;
	overflow: hidden;
	padding: 15px 0; width: 275px }
	#nav { float: right; position: relative; top: -2px; margin-right: 10px }
	#nav li { display: block; float: left }
	#nav li a {
		background: url(../img/dot.gif) 0 2px no-repeat;
		display: block;
		height: 15px; width: 12px;
		text-indent: -9999px;
		text-align: center }
	#nav li a.activeSlide { background: url(../img/dot.gif) 0 -12px no-repeat }


	#home-neighbor h3 { margin-left: 25px }
	.neighbor-box { margin-top: 10px; width: 275px }
	.neighbor-box img { margin-bottom: 20px }
	.neighbor-details { padding-bottom: 20px; margin: 0 25px; overflow: hidden; width: 225px }
	.neighbor-details p { font-size: 11px; line-height: 1.4em }
	.neighbor-details a { color: rgb(232,153,63) }
	p.ntitle { font: 700 13px/1em "Arial", Helvetica, sans-serif; margin-bottom: .3em }
	
/* -- Inner */

#pg-title { height: 40px; padding: 15px 25px 0 }
#maincol,
#maincol-inner {
	background: url(../img/horzline.gif) 0 0 repeat-x;
	display: block; float: left;
	margin: 0 0 40px 10px;
	padding: 10px 0;
	text-align: left;
	width: 700px }
	#maincol-inner { padding: 35px 35px 35px; width: 610px }
	#maincol-inner a, #maincol a { color: rgb(232,153,63) }
	#maincol-inner ul,
	.event-pg ul {
		margin-bottom: 1.5em }
	#maincol-inner ul li,
	.event-pg ul li {
		background: url(../img/bullet.gif) 0 8px no-repeat;
		padding-left: 10px }
	
#sidecol {
	clear: left;
	display: block;
	float: left;
	margin-left: 3px;
	margin-right: 10px;
	width: 190px }
#subnav { 
	background: rgb(239,238,229) url(../img/trim-neighborhood.gif) 0 0 no-repeat;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	padding: 10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }
#subnav ul {
	border-top: 1px solid rgb(229,228,215);
	border-bottom: 1px solid rgb(246,246,241);
	margin: 0; padding: 0;
	width: 190px }
#subnav ul li { }
#subnav ul li a {
	background: url(../img/subnav-bkg.png) right 0 no-repeat;
	color: rgb(126,122,112);
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 25px }
#subnav ul li a:hover {
	color: rgb(96,93,85);
	background-position: right -30px;
	text-decoration: none }
#subnav ul li.selected a:link,
#subnav ul li.selected a:visited {
	background-position: right -60px;
	color: rgb(255,255,255);
	font-size: 12px;
	text-shadow: 0 1px 0 rgb(92,142,152) }


/* 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 }

#roomnav { 
	display: block;
	position: relative;
	/*margin-top: -17px;
	top: -17px; left: 225px;*/
	height: 25px;
	top: 0; left: 35px;
	margin: 5px 0;
	width: 550px }
#roomnav li {
	display: block;
	float: left;
	font: 700 11px/20px 'Helvetica', Arial, sans-serif;
	margin-right: 5px }
#roomnav li.title {
	color: rgb(135,131,121);
	font: 100 12px/25px 'MuseoSlab500', Georgia, Times, Times New Roman, serif;
	margin-right: 15px }
#roomnav li a:link,
#roomnav li a:visited {
	background: rgb(243,242,236);
	color: rgb(100,98,90);
	display: block;
	padding: 2px 10px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px }
#roomnav li a:hover { color: rgb(83,128,151); text-decoration: none }
#roomnav li.selected a:link,
#roomnav li.selected a:visited { background: rgb(83,128,151); color: rgb(255,255,255) }
	
	
/* -- Rooms */

.room {
	background: url(../img/bkg-papercrnr-sm.gif) -6px 0 no-repeat;
	clear: both;
	min-height: 200px;
	padding: 30px 0 20px 40px;
	margin-bottom: 25px }
.room-details { 
	display: block;
	float: left;
	margin: 20px 35px 0 0;
	width: 240px }
.room-details ul {
	margin-bottom: 15px }
.room-details li {
	background: url(../img/bullet.gif) 0 11px no-repeat;
	border-bottom: 1px dotted rgb(219,218,206);
	font-size: 11px;
	padding: 4px 0 4px 8px }
	.room-details li.title { background: none; font-weight: 700; padding-left: 0 }
	
.room-gallery { 
	display: block;
	float: left;
	width: 380px }
.room-gallery .slideshow img { border: 3px solid rgb(239,238,229); margin-bottom: 10px }
	ul.thumbs { display: none; margin: 10px 0 0 }
	ul.thumbs li {
		display: block;
		float: left;
		height: 80px;
		margin-right: 6px;
		width: 120px }
	ul.thumbs li a {
		display: block;
		height: 80px;
		width: 120px }
	ul.thumbs li.last { margin-right: 0 }
	
	
/* -- Featured Events & Activities */

.featured {
	background: url(../img/bkg-papercrnr-sm.gif) -6px 0 no-repeat;
	margin: -30px 0 0 -40px;
	overflow: auto;
	padding: 30px 0 0 40px }
	.featured-title {
		color: rgb(124,179,191);
		font: 700 10px/1.5em 'Helvetica', Arial, sans-serif;
		letter-spacing: .6pt;
		margin: .5em auto 2em;
		text-transform: uppercase }
	.featured-img {
		border: 3px solid rgb(243,242,236);
		float: right; margin: 0 0 20px 30px }
	.featured-details { border-bottom: 1px solid rgb(239,238,229); margin-bottom: 15px; padding: 0 0 30px }
	
a.vlink, a.dlink {
	background: url(../img/arrow.gif) 0 5px no-repeat; padding-left: 7px }
	a.dlink { margin-left: 5px }
	
/* event page */

.event-pg { padding: 25px 35px }
.event-img { border: 3px solid rgb(243,242,236); margin: 0 0 20px }



/*	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 { background: none; 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: 110px }

/* 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-inner #mc_embed_signup ul { background: none; list-style: none; margin: 0 0 15px; padding-left: 0 }
#maincol-inner #mc_embed_signup li { background: none; list-style: none; margin: 0; padding-left: 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: 170px }
.mc-field-group .input-group { clear: both; margin-left: 170px }
.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-field-group label span { font-size: 11px; font-style: italic }

.note-required { color: #733022; margin-left: 5px }

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

#mc_embed_signup input.smtxtfield {  width: 150px }

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

#mc-embedded-subscribe,
.fsSubmitButton { margin: 20px 0 0 170px }

#mc_embed_signup label.error {
	clear: left;
	color: #be1e2d;
	display: block;
	font-size: 11px;
	font-weight: 700;
	margin-left: 170px;
	padding: 5px 0;
	width: 380px  }
	
	/* LANDING PAGE STYLES ONLY */
#landingpage {
width:840px;
padding:30px 30px 0 30px;
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:420px;
	float:left;
	display:block;
	
}

#landingpage-secondary-copy{
	width:390px;
	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{font-family:'MuseoSlab500', Georgia, Times, Times New Roman, serif;
	color: rgb(77,74,66);
	font-size:40px;
	line-height:40px;
	font-weight: 100;
	letter-spacing: 0;
	margin: 10px 0 0 50px;
	text-indent: 0;
}

h2.landing{color: rgb(67,64,56);
	font: 22px/26px 'MuseoSlab500', Georgia, Times, Times New Roman, serif;
	font-size:28px;
	line-height:35px;
	margin-left: 50px;
}

h3.landing{color: rgb(124,179,191);
	font: 700 11px/1.5em 'Helvetica', Arial, sans-serif;
	font-size:20px;
	line-height:0px;
	font-weight: 500;
	margin-bottom: 30px
	}

h4.landing{font-family:Arial, Helvetica, sans-serif;
	color:#201f4b;
	font-size:20px;
	line-height:16px;
	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:20px;
	font-size:12px;
	list-style:square;
	text-align:center;
	margin:10px 0 0 0px}

.book{margin:0 0 10px 115px;
}

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