/* thebeachhouse.com CSS */

/* ----------------------------------------------------------------- GLOBAL  */
body				{ background:url(../images/backgrounds/3.jpg) center top no-repeat fixed; background-color:#002741; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; }
.outer-container	{ width:835px; position:relative; margin:0 auto;  overflow:visible; }
.clear				{ clear:both; }

/* ----------------------------------------------------------------- HEADER  */

h1#logo		{ width:298px; height:103px; text-indent:-8888px; position:absolute; left:31px; top:30px; background:url(../images/logos/beach-house-beige.png); z-index:50; }
h1#logo a	{ width:298px; height:103px; display:block; }
h2#logo-sub	{ text-indent:-8989px; }

#nav				{ width:440px; height:55px; position:absolute; right:23px; top:51px; z-index:5; }
#nav ul#bottom-row	{ clear:right; position:relative; float:right; }
#nav ul#upper-row	{ margin: 0 48px 0 0; }
#nav li				{ float:right; text-indent:-8888px; }
#nav a				{ display:block; position:relative; height:25px; margin:0 0 4px 5px; background:no-repeat center; background-position:0 0 !important; z-index:10; }
/* #nav a:hover		{ background-position:0 0 !important; } */
#nav a.contact		{ background:url(../images/navigation/contact.png); width:80px; }
#nav a.special		{ background:url(../images/navigation/special-events.png); width:134px; }
#nav a.chef			{ background:url(../images/navigation/our-chef.png); width:88px; }
#nav a.history		{ background:url(../images/navigation/history.png); width:76px; }
#nav a.home			{ background:url(../images/navigation/home.png); width:55px; }
#nav a.laguna		{ background:url(../images/navigation/laguna-beach.png); width:129px; }
#nav a.cardiff		{ background:url(../images/navigation/cardiff-by-the-sea.png); width:145px; }
#nav li#locations	{ background:url(../images/navigation/locations.png); width:88px; height:21px; position:relative; right:4px; top:2px; z-index:9; display:none; }
#nav a:hover,
#nav a#current		{ background-position:0 -25px !important; }
.waves-nav			{ background:url(../images/waves/nav.gif) no-repeat; width:461px; height:108px; position:absolute; right:8px; top:23px; z-index:0; }

#banner				{ width:815px; height:239px; position:absolute; top:163px; left:0; overflow:hidden; z-index:50; }
#banner img			{ width:815px; height:239px; }
#banner-overlay		{ background:url(../images/banner-photos/banner-border.png); position:absolute; top:163px; left:0; width:815px; height:239px; z-index:51 }
#banner-shadow		{ background:url(../images/banner-photos/banner-shadow.png); position:absolute; top:402px; left:0; width:815px; height:12px; z-index:51 }

/* ----------------------------------------------------------------- SIDEBAR  */

#top-curve			{ width:300px; height:243px; position:absolute; left:30px; top:0; background:url(../images/sidebar/top.png); }
#buffer				{ width:300px; height:157px; position:absolute; left:30px; top:243px; background:url(../images/sidebar/middle.png) repeat-y; }
.sidebar			{ width:336px; position:absolute; left:30px; top:400px; z-index:0; background:url(../images/sidebar/middle.png) repeat-y; min-height: 440px; height: 440px; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.sidebar .item		{ padding:0 30px 22px; position:relative; z-index:999; }
.sidebar .item#join-the-eclub		{ padding-top:38px; z-index: 1000; }
.sidebar .item#like-and-follow		{ }
.sidebar .item#give-a-gift-card		{ padding-bottom:40px; }
.sidebar .bottom	{ background:url(../images/sidebar/middle.png); width:336px; height:30px; position:absolute; bottom:-30px; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }

.sidebar .wrapper			{ padding-bottom:20px; position:relative; z-index:-1; }
.sidebar .wrapper #top		{ height:5px; background:url(../images/sidebar/wrapper/top.png) no-repeat; }
.sidebar .wrapper .item		{ background:url(../images/sidebar/wrapper/background.png) right bottom; padding:20px 30px 30px; width: 336px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sidebar .wrapper #bottom	{ height:7px; background:url(../images/sidebar/wrapper/bottom.png) no-repeat; }

/* SIDEBAR TITLES  */

.sidebar h3					{ text-indent:-8888px; width:237px; height:25px; }
.sidebar .h3-wrap			{ width:237px; height:25px; }
.sidebar h3#e-club			{ background-image:url(../images/titles/join-the-e-club.png); }
.sidebar h3#reservations	{ background-image:url(../images/titles/make-a-reservation.png); }
.sidebar h3#gift-card		{ background-image:url(../images/titles/give-a-gift-card.png); }
.sidebar h3#like-and-follow	{ background-image:url(../images/titles/like-and-follow.png); }

.sidebar h4				{ text-indent:-8888px; width:150px; height:20px; margin: 8px 0 0 0; }
.sidebar h4#laguna		{ background-image:url(../images/titles/laguna-beach-sidebar.png); }
.sidebar h4#cardiff		{ background-image:url(../images/titles/cardiff-by-the-sea-sidebar.png); }

#like-and-follow p		{ font-size:11px; color:#90c1c8; }
#like-and-follow a.social-button			{ width: 24px; height: 24px; display: block; position: absolute; top:0; text-indent: -8888px; }
#like-and-follow a.social-button#twitter	{ background: url(../images/sidebar/social/twitter.png); right: 47px; }
#like-and-follow a.social-button#facebook	{ background: url(../images/sidebar/social/facebook.png); right: 75px; }

#make-a-reservation p	{ font-size:11px; color:#90c1c8; }
#make-a-reservation a	{ border-bottom: solid #90c1c8 1px; padding-bottom:1px; color:#90c1c8; }
#make-a-reservation a:hover	{ border-bottom: solid #FFF 1px; color:#FFFFFF; }

#give-a-gift-card img	{ position:absolute; top:0; left:175px; } /*gift card icon*/
#give-a-gift-card p		{ font-size:11px; color:#90c1c8; }

/* ---------------------------------------------------------------- FORMS  */
/* check stylish-select.css for styled input fields */

input, textarea			{ color:#406d84; font-size:11px; font-family: Arial, Helvetica, sans-serif; background:transparent; border:none; }
div.inputbox			{ width:210px; height:23px; background:url(../images/form-related/input-wide.png) transparent no-repeat; padding:0 14px 0; margin:0 0 4px 0; }
div.inputbox input		{ width:210px; border:0; padding-top:5px; }
div.textbox				{ width:210px; height:99px; background:url(../images/form-related/input-textbox.png) transparent no-repeat; padding:4px 14px 0; margin:0 0 4px 0; }
div.textbox textarea	{ width:216px; height:85px; overflow:auto; resize:none; }
input[type="text"]:hover	{ color:#90C1C8; }
input[type="text"]:focus	{ color:#FFF; }

.input-holder			{ width:238px; position:relative; overflow:visible; }
.input-holder#single-row	{ height:21px; }
.input-holder#double-row	{ height:50px; }
.input-holder#quad-row		{ height:183px; }
div#join-button			{ width:56px; height:51px; background:url(../images/form-related/join-button.png); position:absolute; right:0; bottom:0; z-index:10; }
input.join				{ width:52px; height:22px; border:none; position:absolute; right:0; bottom:0; z-index:11; }
input.join:focus		{ border:dotted #FFF 1px; }

div#add-button	{ width:53px; height:22px; background:url(../images/form-related/add-to-cart.png); position:absolute; right:0; bottom:0; z-index:10; }
input.add		{ width:53px; height:22px; position:absolute; right:0; bottom:0; z-index:11; }
input.add:focus	{ border:dotted #FFF 1px; }

div#send-button	{ width:53px; height:22px; background:url(../images/form-related/send.png); position:absolute; right:0; bottom:0; z-index:10; }
input.send		{ position:absolute; right:0; bottom:0; z-index:11; }
input.send:focus	{ border:dotted #FFF 1px; }

/* ----------------------------------------------------------------- CONTENT - GLOBAL  */

.content			{ width:430px; position:absolute; left:385px; top:425px; padding:0 0 20px 0; }
.content h1			{ width:427px; height:110px; background-repeat:no-repeat!important; text-indent:-9876px; position:relative; z-index:5; } /*adjust height for shorter h1's*/
.content h1#home	{ background:url(../images/titles/home.png); height:110px; }
.content h1#history	{ background:url(../images/titles/history.png); height:80px; }
.content h1#chef 	{ background:url(../images/titles/our-chef.png); height:80px; }
.content h1#contact	{ background:url(../images/titles/contact.png); }
.content h1#laguna	{ background:url(../images/titles/laguna-beach.png); }
.content h1#cardiff	{ background:url(../images/titles/cardiff-by-the-sea.png); }
.content h1#sitemap	{ background:url(../images/titles/sitemap.png); height:80px; }
.content h1#special	{ background:url(../images/titles/special.png); }

.content h2			{ color:#abe0ff; font-size: 16px; font-weight:bold; text-shadow: #002741 1px 1px 2px; }
.content h3						{ height:42px; text-indent:-8888px; position:relative; padding-bottom:15px; z-index:50; }
.content h3#location-laguna		{ background:url(../images/titles/location-laguna-beach.png) no-repeat left center; top:2px; width:175px; padding-bottom:10px; }
.content h3#location-cardiff	{ background:url(../images/titles/location-cardiff.png) no-repeat left center; top:2px; width:175px; padding-bottom:10px; }
.content h3#menus				{ background:url(../images/titles/menus.png) no-repeat left top; width:427px; height:101px; padding-bottom:0px; }
.content .divider	{ background: url(../images/waves/divider.png) no-repeat; width:427px; height:22px; padding:0 0 25px; }

.content p			{ text-indent:0px; margin-bottom:15px; text-shadow: #002741 1px 1px 2px; text-align:left; }
.content p.left		{ text-align:left; }
.content p small	{ font-size:10px; line-height:16px; }
.content p.address	{ margin-bottom:0; margin-left:2px; }
.content img.image-right	{ float:right; }
.content img.image-left		{ float:left; }

.copyright-info			{ background:url(../images/waves/footer.png) no-repeat 235px 24px; padding:40px 0 0; height:40px; position:relative; }
.copyright-info span	{ color:#497390; }
.content#restaurant .copyright-info span	{ color:#000; }
.copyright-info p		{ color:#90c1c8; font-size:10px; text-align:left; line-height:4px; }
.copyright-info a		{ border-bottom: solid #699BA2 1px; padding-bottom:1px; color:#90c1c8; }
.copyright-info a:hover	{ border-bottom: solid #FFF 1px; color:#FFF; }
/* for pages with menu at bottom */
.menu-front .copyright-info	{ background:none; padding:60px 0 0; width:286px; height:40px; position:absolute; bottom:0; left:20px; }
.menu-front .copyright-info	p	{ color:#3b2a0d; text-shadow:none; }
.menu-front .copyright-info	p a	{ border-bottom: solid #3b2a0d 1px; color:#3b2a0d; }
.menu-front .copyright-info	p a:hover	{ border-bottom: solid #000 1px; color:#000; }
.menu-front .copyright-info	span	{ color:#664916!important; }

.OTButton	{ margin: 0!important; height: 30px!important; padding: 16px 0 0!important; }
.OTButton a.OTReserveNow	{ box-shadow: none!important; }
.OTButton a.OTReserveNow:hover	{ color: #FFF!important; }

/* ---------------------------------------- CONTACT  */

.location				{ background:url(../images/waves/divider.png) no-repeat; width:430px; padding:40px 0 20px; position:relative; text-shadow: #002741 1px 1px 2px; }
.location#first 		{ margin-top:25px; }
.location p 			{ text-align:left; }
.location .mapbox		{ float:right; width:231px; height:auto; position:absolute; top:43px; right:8px; }
.location .mapbox .link	{ position:absolute; top:-4px; right:0; }
.location a p small			{ color:#f7d69d; float:right; border-bottom:solid #f7d69d 1px; }
.location a:hover p small	{ color:#FDF1D5; border-bottom:solid #FDF1D5 1px; cursor:pointer; }
.location img			{ width:231px; height:143px; float:right; margin-top:7px; }

.location .hours		{ background:url(../images/transparent.png); width:410px; padding:4px 10px 10px; margin-top:21px; }
.location .hours p		{ color:#ABE0FF; font-size:12px; border-bottom:dotted #5988a4 1px; font-weight:bold; padding:10px 0 3px; margin-bottom:3px; display: block; clear: both; }
.location .hours p:first-child	{ padding-top: 0; }
.location .hours ul li:nth-child(odd)		{ width:50%; text-align:left; float:left; clear:left; font-size:12px; }
.location .hours ul li:nth-child(even)		{ width:50%; text-align:right; float:left; font-size:12px; }

.location .hours span	{ font-size:10px; }

.contact-us				{ background:url(../images/waves/divider.png) repeat-x; padding:50px 0 25px; position:relative; }
.contact-us h4			{ background: url(../images/titles/how-was-your-experience.png) no-repeat; width:430px; height:50px; text-indent:-8888px; }
.contact-us iframe			{ width:240px; height:205px; background: transparent; float:right; }
.contact-us #contact-form	{ width:238px; position:relative; }
.contact-us #column-left	{ width:172px; float:left; }
.contact-us #column-left p	{ text-align:left; position:relative; top:-5px; }

/* ---------------------------------------- INDIVIDUAL RESTR  */

.content#restaurant	{ padding-bottom:0; overflow:visible; }

.menu-box			{ width:785px; position:relative; top:15px; left:-342px; padding-top:20px; }
.menu-top			{ width:785px; height:60px; float:left; position:relative; z-index:20; background:url(../images/content-photos/menu/top.png) no-repeat; cursor:pointer; margin:-15px 0 -8px; }
.menu-top:first-child		{ background:url(../images/content-photos/menu/top-noshadow.png); }
.menu-top#last		{ margin-bottom:-15px; }
.menu-top .paper	{ background-color:#f1d19e; width:760px; height:40px; margin:17px auto 0; padding-top:1px; }
.menu-top h4		{ width:745px; height:14px; padding:2px 5px 0 0; text-align: right; color: #003454; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; }
.menu-top h4 em		{ color: #ac8644; padding: 0 2px; }
/*
.menu-top h4#daily-brunch	{ background:url(../images/content-photos/menu/daily-brunch.png); }
.menu-top h4#champagne-brunch	{ background:url(../images/content-photos/menu/champagne-brunch.png); }
.menu-top h4#brunch				{ background:url(../images/content-photos/menu/brunch.png); }
.menu-top h4#dinner				{ background:url(../images/content-photos/menu/dinner.png); }
.menu-top h4#dinner-starters	{ background:url(../images/content-photos/menu/dinner-starters.png); }
.menu-top h4#dinner-entrees		{ background:url(../images/content-photos/menu/dinner-entrees.png); }
.menu-top h4#lunch				{ background:url(../images/content-photos/menu/lunch.png); }
.menu-top h4#sunset-specials	{ background:url(../images/content-photos/menu/sunset-specials.png); }
.menu-top h4#desserts			{ background:url(../images/content-photos/menu/desserts.png); }
.menu-top h4#childrens			{ background:url(../images/content-photos/menu/childrens.png); }
.menu-top h4#toh-happy-hour		{ background:url(../images/content-photos/menu/toh-happy-hour.png); }
.menu-top h4#toh-starters		{ background:url(../images/content-photos/menu/toh-starters.png); }
.menu-top h4#toh-entrees		{ background:url(../images/content-photos/menu/toh-entrees.png); }
.menu-top h4#toh-wine-list		{ background:url(../images/content-photos/menu/toh-wine-list.png); }
*/
.menu-top-over 			{ }
.menu-top-over .paper	{ background-color:#ffebca; }
.menu-top-over h4		{ }
.menu-top-on 			{ }	
.menu-top-on .paper 	{ background-color:#ffebca; }	
.menu-top-on h4			{ }

.menu-content		{ width:785px; float:left; padding:10px 0 0; color:#003366; background:url(../images/content-photos/menu/middle-repeater.png) repeat-y; position:relative; text-align:center; z-index:19!important; }
.menu-content#last	{ padding-top:15px; margin-bottom:-20px; }
.menu-content .paper	{ background-color:#ffebca; width:700px; margin: 0 auto; padding:0 30px 60px; position:relative; top:-4px; }

.menu-content p.header,
.menu-content p span.header		{ font-size:20px!important; font-family:Georgia, "Times New Roman", Times, serif!important; font-style:italic!important; color:#000!important; height: 40px!important; text-indent: 0!important; position: relative!important; padding: 0!important; text-shadow: none!important; text-align: center!important; font-weight: bold!important; display: block; }
.menu-content p			{ margin-bottom: 0; font-size:14px; text-align:center; text-shadow:none; color:#00213a; font-family:Helvetica, Arial, sans-serif; }
.menu-content p strong	{}

.menu-front			{ width:815px; height:350px; background:url(../images/content-photos/menu/front.png); position:relative; left: -358px; top:6px; z-index:150!important; }

/* ---------------------------------------- SITEMAP  */

ul#with-bullets li		{ list-style-type:circle; list-style-position:inside; line-height:26px; }
ul#with-bullets li span	{ border-bottom:solid #FFF 1px; }
ul#with-bullets li a:hover { font-weight:bold; }