body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
ul { list-style: none; }
a,img, fieldset, object { border: none; outline: none }

html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; background: #000; color: #fff; overflow: hidden; }

.site { width: 100%; height: 100%; position: relative; z-index: -1; background: #fff; }
.fg, .bg, .frame { width: 100%; height: 100%; position: absolute; z-index: 1; }
.frame { z-index: 2; }
.fg { z-index: 3; }

.bg img { position: absolute; display: block; }
#home.site { z-index: 200; background: #000; }
#home .bg img { display: none; z-index: -1; }
#home .bg #home_off { display: block; }

#go-up, #go-down { z-index: 1001; cursor: pointer; display: block; position: absolute; width: 10%; height: 30%; bottom: 10%; }
#go-up a, #go-down a { display: block; width: 100%; height: 100%; }
#go-up a span, #go-down a span { display: none; } 
#go-up { left: 29%;  }
#go-down { left: 58%; }

#up-tip, #down-tip { display: block; position: absolute; background-repeat: no-repeat;  display: none; }
#up-tip { background-image: url(../images/home_up_tip.png); right: -20%; top: -220px; width: 386px; height: 244px; }
#down-tip { background-image: url(../images/home_down_tip.png); left: 4%; top: -220px; width: 346px; height: 247px; }

#up-hint { width: 220px; height: 48px; right: 42%; top: 13px; position: absolute; background: url(../images/home_hints.png) no-repeat 0 0; }
#go-up:hover #up-hint { background: url(../images/home_hints.png) no-repeat 0 -48px; }

#down-hint { width: 239px; height: 33px; left: 40%; top: 20px; position: absolute; background: url(../images/home_hints.png) no-repeat -232px 0; }
#go-down:hover #down-hint { background: url(../images/home_hints.png) no-repeat -232px -32px; }

h1 { text-indent: -9999px; position: absolute; top: 0; left: 30%; margin: 0; padding: 0; width: 462px; height: 72px; background: transparent url(../images/home_title.png) no-repeat 0 0; }
#down h1 { background: transparent url(../images/down_title.png) no-repeat 0 0; }
#up h1 { background: transparent url(../images/up_title.png) no-repeat 0 0; }



.frame div { position: absolute; }
.frame .n { width: 100%; height: 33px; background: transparent url(../images/n.png) repeat-x 0 0; }
.frame .e { width: 33px; height: 100%; right: 0; background: transparent url(../images/e.png) repeat-y 100% 0; }
.frame .s { width: 100%; height: 33px; bottom: 0; background: transparent url(../images/s.png) repeat-x 0 100%; }
.frame .w { width: 33px; height: 100%; left: 0; background: transparent url(../images/w.png) repeat-y 0 0; }
.frame .nw, .frame .ne, .frame .sw, .frame .se { background: #fff; }
.frame .ne { top: 0; right: 0; width: 40px; height: 15px; }
.frame .nw { top: 0; left: 0; width: 40px; height: 15px; }
.frame .se { bottom: 0; right: 0; width: 14px; height: 40px; }
.frame .sw { bottom: 0; left: 0; width: 40px; height: 14px; }

.nav { position: relative; margin: 70px auto 0; height: 18px; width: 830px; z-index: 1000; }
#up .nav { width: 980px; }
.nav li { margin: 0 10px; float: left; }
#up .nav li { margin: 0 8px; }
.nav li a {  display: block; height: 19px; width: 80px; background-repeat: no-repeat; text-indent: -9999px; }

#down .nav li a { background-image: url(../images/down_nav.png); }

#down .nav li.menu a { background-position: 0 0; width: 106px; }
#down .nav li.brunch a { background-position: -126px 0; width: 120px; }
#down .nav li.childrens a { background-position: -267px 0; width: 126px; }
#down .nav li.wines-spirits a { background-position: -414px 0; width: 104px; }
#down .nav li.reviews a { background-position: -539px 0; width: 62px; }
#down .nav li.reservations a { background-position: -622px 0; width: 104px; }
#down .nav li.contact a { background-position: -743px 0; width: 63px; }

#down .nav li.menu a:hover { background-position: 0 -18px; }
#down .nav li.brunch a:hover { background-position: -126px -18px; }
#down .nav li.childrens a:hover { background-position: -267px -18px; }
#down .nav li.wines-spirits a:hover { background-position: -414px -18px; }
#down .nav li.reviews a:hover { background-position: -539px -18px; }
#down .nav li.reservations a:hover { background-position: -622px -18px; }
#down .nav li.contact a:hover { background-position: -743px -18px; }

#down .nav li.menu a.active { background-position: 0 -37px; }
#down .nav li.brunch a.active { background-position: -126px -37px; }
#down .nav li.childrens a.active { background-position: -267px -37px; }
#down .nav li.wines-spirits a.active { background-position: -414px -37px; }
#down .nav li.reviews a.active { background-position: -539px -37px; }
#down .nav li.reservations a.active { background-position: -622px -37px; }
#down .nav li.contact a:.active { background-position: -743px -37px; }



#up .nav li a { background-image: url(../images/up_nav.png); }

#up .nav li.menu a { background-position: 0 0; width: 94px; }
#up .nav li.sunday-night a { background-position: -107px 0; width: 150px; }
#up .nav li.brunch a { background-position: -267px 0; width: 120px; }
#up .nav li.catering a { background-position: -401px 0; width: 175px; }
#up .nav li.drinks a { background-position: -588px 0; width: 101px; }
#up .nav li.reservations a { background-position: -701px 0; width: 91px; }
#up .nav li.reviews a { background-position: -807px 0; width: 56px; }
#up .nav li.contact a { background-position: -878px 0; width: 59px; }

#up .nav li.menu a:hover { background-position: 0 -20px; width: 94px; }
#up .nav li.sunday-night a:hover { background-position: -107px -20px; width: 150px; }
#up .nav li.brunch a:hover { background-position: -267px -20px; width: 120px; }
#up .nav li.catering a:hover { background-position: -401px -20px; width: 175px; }
#up .nav li.drinks a:hover { background-position: -588px -20px; width: 101px; }
#up .nav li.reservations a:hover { background-position: -701px -20px; width: 91px; }
#up .nav li.reviews a:hover { background-position: -807px -20px; width: 56px; }
#up .nav li.contact a:hover { background-position: -878px -20px; width: 59px; }

#up .nav li.menu a.active { background-position: 0 -40px; width: 94px; }
#up .nav li.sunday-night a.active { background-position: -107px -40px; width: 150px; }
#up .nav li.brunch a.active { background-position: -267px -40px; width: 120px; }
#up .nav li.catering a.active { background-position: -401px -40px; width: 175px; }
#up .nav li.drinks a.active { background-position: -588px -40px; width: 101px; }
#up .nav li.reservations a.active { background-position: -701px -40px; width: 91px; }
#up .nav li.reviews a.active { background-position: -807px -40px; width: 56px; }
#up .nav li.contact a.active { background-position: -878px -40px; width: 59px; }

.logo { width: 113px; height: 112px; background-image: url(../images/logo_white.png); position: absolute; left: 78px; top: 40px; }
#down .logo { background-image: url(../images/logo_black.png); }

.go-home { text-indent: -9999px; display: block; position: absolute; bottom: 0; left: 0px; width: 223px; height: 223px; background-repeat: no-repeat; z-index: 2; }
#up .go-home { background-image: url(../images/up_go_home.png); }
#down .go-home { background-image: url(../images/down_go_home.png); /* not using png sprites because of IE 6 */ }


.footer { z-index: 1; position: absolute; width: 100%; padding: 20px 0; margin: 0; bottom: 0; left: 0; height: 60px; background: url(../../../core/images/bg_000_50.png) repeat 0 0; }
.footer ul { margin: 0 auto; width: 720px; height: 64px;  padding: 0 0 0 200px; }
.footer li { float: left; font-size: 0.9em; color: #eee; margin: 18px 0 0; }
.footer li.hours { font-size: 1.1em; margin: 0; }
.footer li.copy { margin: 18px 80px 0 160px}
.footer a { color: #eee; }

.pinup { color: #505050; margin: 0 auto; padding: 50px 40px 40px; width: 619px; height: 354px; background: transparent url(../images/dialog_bg.png) no-repeat 0 0; }
.pinup h2 { text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-size: 2em; margin: 0 0 1em; } 

.pinup .columnA { float: left; width: 272px; }
.pinup .columnB { margin-left: 300px; }

.contact .get-directions { display: block; margin: 1.2em 0 0; background-image: url(../images/contact_buttons.png); background-repeat: no-repeat; width: 166px; height: 41px; }
#down .contact .get-directions { background-position: 0 0; }
#down .contact .get-directions:hover { background-position: 0 -46px; }
#up .contact .get-directions { background-position: -167px 0; }
#up .contact .get-directions:hover { background-position: -167px -46px; }


.contact p { line-height: 1.4em; }
.contact p.address { font-size: 1.2em; margin: 1em 0; }

.pinup.reservations p { font-size: 1.8em; line-height: 1.4em; margin: 1.0em 0 1.0em; }
.pinup.reservations li { float: left; margin-right: 3em; }

.contents { padding: 30px 0 0; clear: left; }
.contents .menu { position: relative; top: -84px; left: 8px; margin: 0 auto; padding: 125px 120px 100px 108px; width: 694px; height: 465px; background: transparent url(../images/gallery_bg.png) no-repeat 0 0; z-index: 1; }
#down .contents .menu .download { position: absolute; top: 68px; display: block; height: 42px; background-image: url(../images/down_menu_tabs.png); }
#down .contents .menu.all-day .download { width: 340px; left: 290px; background-position: 0 0; }
#down .contents .menu.brunch .download { width: 411px; left: 247px; background-position: 0 -42px; }
#down .contents .menu.childrens .download { width: 386px; left: 270px; background-position: 0 -84px; }
#down .contents .menu.drinks .download { width: 398px; left: 255px; background-position: 0 -126px; }
#up .contents .menu .download { position: absolute; top: 68px; display: block; height: 42px; background-image: url(../images/up_menu_tabs.png); }
#up .contents .menu.nightly .download { width: 360px; left: 270px; background-position: 0 0; }
#up .contents .menu.sunday .download { width: 423px; left: 240px; background-position: 0 -42px; }
#up .contents .menu.brunch .download { width: 446px; left: 230px; background-position: 0 -84px; }
#up .contents .menu.catering .download { width: 548px; left: 182px; background-position: 0 -126px; }
#up .contents .menu.drinks .download { width: 420px; left: 240px; background-position: 0 -168px; }


.gallery { position: relative; }
.gallery .images { width: 680px; height: 420px; border: 1px solid #878787; }
.gallery .images img { position: absolute; }
.gallery .caption { width: 232px; height: 25px; padding: 20px; font-size: 1.5em; font-weight: bold; color: #333; position: absolute; top: 320px; left: -60px; background: transparent url(../images/gallery_caption.png) no-repeat 0 0; }
.gallery .controls { position: absolute; height: 55px; width: 680px; top: 20px; }
.gallery .controls a { position: absolute; display: block; text-indent: -9999px; background-image: url(../images/gallery_controls.png); background-repeat: no-repeat; width: 53px; height: 53px; }
.gallery .controls a.prev { background-position: 0 0; left: 24px; }
.gallery .controls a.next { background-position: -55px 0; right: 24px; }


.overlay { display: none; position: absolute; width: 100%; height: 100%; background-repeat: repeat; z-index: 1000; background-image: url(../../../core/images/bg_000_80.png); }
#down .overlay { background-image: url(../../../core/images/bg_fff_80.png); }


div.reviews ul { list-style: none; padding: 0; margin: 0; }
div.reviews li { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #E5E5E5; }
div.reviews p { font-size: 1.4em; line-height: 1.4em; }
div.reviews .review_footer { overflow: auto; } 
div.reviews cite { float: left; font-weight: bold; font-style: normal; }
div.reviews .link { float: right; margin: 0 1em 0 0; color: #505050; }
div.reviews .scrollable { height: 290px; }


.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #DADADA;
    border: 1px solid #DADADA;
    width: 8px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.jScrollPaneDrag {
    position: absolute;
    background: #f8f8f8;
    cursor: pointer;
    overflow: hidden;
    width: 8px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}