/* layout
************************************************/

body { background: #443636 url(../images/bg.jpg) repeat scroll top left; color: #fff; }
object, div { outline:none; }
a { color: #AEBC20; text-decoration: none; }
a:hover { color: #AEBC20; text-decoration: underline; }
.wrapper { background: transparent url(/images/shadow-bg.png) no-repeat scroll center 52px; padding-top: 20px; }
.header { background: transparent url(/images/header-bg.png) no-repeat scroll left top; height: 30px; margin-bottom: 10px; overflow: hidden; }
.contact-links a span, .location-links a span { display:none; }
.navigation { height: 40px; }
.footer { color: #7a9c2b; font-size: .75em; margin: 5px 0 10px; text-align: right; text-transform: uppercase; }
.footer a { color: #a4998f; }
.footer a:hover { color: #fff; text-decoration: none; }

/* location and contact navigation
************************************************/

.location-links a, .contact-links a { background: transparent url() no-repeat scroll left top; float: left; margin: 0 10px 0 10px; }
.location-links .divider, .contact-links .divider { float: left; }

.location-links { float:left; margin-top: 11px; }
.location-links a { height: 8px; background-image: url(/images/location-links-sprite.gif); }

#daytona-beach-link {width: 137px;}
#daytona-beach-link:hover, #daytona-beach-link.active {background-position: 0 -8px;}
#honolulu-link {width: 84px; background-position: -137px 0;}
#honolulu-link:hover, #honolulu-link.active {background-position: -137px -8px;}
#long-beach-link {width: 103px; background-position: -221px 0;}
#long-beach-link:hover, #long-beach-link.active {background-position: -221px -8px;}

.contact-links { float: right; margin-top: 11px; }
.contact-links a { height: 7px; background-image: url(/images/contact-links-sprite.gif); }

#careers-link {width: 45px;}
#careers-link:hover, #careers-link.active {background-position: 0 -7px;}
#mobile-link {width: 41px; background-position: -45px 0;}
#mobile-link:hover, #mobile-link.active {background-position: -45px -7px;}
#email-link {width: 78px; background-position: -86px 0;}
#email-link:hover, #email-link.active {background-position: -86px -7px;}
#contact-link {width: 62px; background-position: -164px 0;}
#contact-link:hover, #contact-link.active {background-position: -164px -7px;}
#gift-card-link {width: 139px; background-position: -226px 0;}
#gift-card-link:hover, #contact-link.active {background-position: -226px -7px;}

.navigation a { color: #A4998F; }
.navigation a:hover, .navigation a.active { color: #FFF; text-decoration: none; }
.navigation .subnav a:hover, .navigation .subnav a.active { color: #AEBC20; text-decoration: none; }
.mainnav, .subnav { font-size:.95em; margin:0 10px 0 0; font-weight:bold; text-align:right; text-transform:uppercase; }
.subnav { font-size:.75em; }
.mainnav li, .subnav li { display:inline; list-style-type:none; margin-left:20px; }

.audio-ctrls { float:right; margin-top:7px; display:none; margin-right:10px; }

/* body
************************************************/

.body { background: #291301 url() no-repeat scroll top left; height: 600px; }
.body-bg { height:600px; background-color:#291301; display:none; }
.body h1, .win h1 { color:#AEBC20; font-size:1.80em; letter-spacing:1px; text-transform:uppercase; word-spacing:5px; }
.body h2 { color:#AEBC20; font-size:1.25em; font-weight:bold; letter-spacing:1px; text-transform:uppercase; word-spacing:5px; }
.location { text-transform: uppercase; font-size: 1.25em; font-weight: bold; letter-spacing: 1px; text-align: center; margin-bottom:10px; }
.location a { color: #fff; text-decoration: none; }
.location a:hover { color: #AEBC20; }
.contact-info { color:#fff; font-size:.75em; letter-spacing:1px; padding-left:10px; position:absolute;
		text-transform:uppercase; top:632px; width:970px; }
.address { float:left; padding-top:9px;}
.social { float:right; padding-top:6px;}
.main-column { margin-top:20px; }
.content-column { margin-top:40px; }
.content-column-short { margin-top:335px; }

/* flash enabled edits
************************************************/

.flash .about .body { position:absolute; width:990px; z-index:100;  }
.flash .about .body-bg { display:block; }
.flash .about .contact-info { top:572px; }

/* custom scroll areas
************************************************/

.scroll { height:440px; width: 650px; position: relative; }
.scroll-with-headline { height:472px; width: 650px; }
.vscroll { overflow: auto; }
.hscroll { overflow-x:auto; overflow-y:hidden; }
.vscroll .content { margin-right: 10px; }
.hscroll .content { height: 450px; overflow: hidden; }

/* eat & drink menus
************************************************/

.menu { border:0; }
.menu th, .menu td { background-color: transparent; padding:0; vertical-align: top; width: 325px; }
.menu td { padding-right: 25px; width: 300px; }
.menu td h3 { color: #fff; font-size: .95em; font-weight: bold; letter-spacing: 1px; margin-bottom: 3px; text-transform: uppercase; word-spacing: 2px; }
.menu td h3 span { font-weight: normal; text-transform: none; }
.menu td p { font-size: 1em; margin-top: 3px; line-height:1.25; }

/* multiples of 325px columns */
.menu-span-1  { width: 325px;  }
.menu-span-2  { width: 650px;  }
.menu-span-3  { width: 975px;  }
.menu-span-4  { width: 1300px; }
.menu-span-5  { width: 1625px; }
.menu-span-6  { width: 1950px; }
.menu-span-7  { width: 2275px; }
.menu-span-8  { width: 2600px; }
.menu-span-9  { width: 2925px; }
.menu-span-10 { width: 3250px; }

/* forms
************************************************/

.form { width:600px; padding:10px; }
.form label { clear:left; float:left; font-weight:bold; text-align:right; width:140px; }
.form label span { color:#999; display:block; font-size:.85em; font-weight:normal; text-align:right; }
.form .input, .form textarea { background: transparent url(/images/form-field-bg.png) no-repeat left top; border: 1px solid #333; border-bottom: 0; border-right: 0; float:left; margin:2px 0 30px 10px; padding:4px 2px; width:325px; }
.form textarea { height: 100px; }
.form select { border: 1px solid #333; border-bottom: 0; border-right: 0; float:left; margin:2px 0 30px 10px; padding:4px 2px; width:330px; }
.form .button { clear:left; display: block; margin-left:150px; }

/* vip sections
************************************************/

.win { background:transparent url(/images/section-window-bg.png) no-repeat scroll left top; display:none; height:456px; margin-left:175px; position:absolute; top:120px; width:661px; z-index:500; }
.win .close { margin-left:625px; margin-top:422px; position:absolute; z-index:100; }

.section-link { background: transparent url() no-repeat scroll left top; cursor: pointer; position:absolute; z-index: 100; }
.section-link-over { background-image: url(/images/floor-plan-section-over-bg.png); }
.section-link-out { background-image: url(/images/floor-plan-section-bg.png); }
.section-link span { display:none; }

#section-win { background:transparent url(/images/section-window-bg.png) no-repeat scroll left top; display:none; height:456px; margin-left:307px; position:absolute; top:160px; width:661px; z-index:500; }
#section-win .close { margin-top:412px; margin-left:625px; position:absolute; z-index:100; }
#section-win .item { margin-top:13px; margin-left:13px; }
#section-win .info { background:transparent url(/long-beach/images/section-info-bg.png) no-repeat scroll left top; font-size:1em; height:35px; margin-top:375px; padding-right:35px; padding-top:10px; position:absolute; text-align:right; width:600px; }
#section-win .info h1 { color:#afbd21; font-size:1em; font-weight:bold; letter-spacing:2px; margin-bottom:0; text-transform:uppercase; }
#section-win .info p { margin-top:0; font-size:.85em; }

/* gallery
************************************************/

.gallery { margin-left:-20px; position:absolute; top:155px; }

/* jwplayer window
************************************************/

/* using visibility:hidden; instead of display:none; because IE6 will not display the close button */
#jwp { margin-top:190px; margin-left:235px; position:absolute; visibility:hidden; z-index:100; }
#jwpclose { margin-top:-14px; margin-left:-14px; position:absolute; }
#jwpcontainer { background-color:#fff; padding:10px; }
#jwptitle { color:#000; font-size:11px; margin-top:5px; clear:both; }