html, body { height: 100%;overflow: auto;overflow-x: hidden; }
body { margin: 0; padding: 0; text-align: center; }
h1 { height: 19px; margin: 0; text-indent: -9999px; }
p { line-height: 18px; }
a { color: #f5e5a2; }
:link:focus, :visited:focus { -moz-outline: 0; }
#main { display: block; height: 100%; margin: 0px auto; position: relative; text-align: left; width: 649px; }
#nav { margin: 0 0 0 -80px; padding: 0; position: absolute; }
#nav dt { position: absolute; }
#nav dt a { display: block; height: 37px; text-indent: -9999px; width: 161px; }
#nav dd { margin: 0; position: absolute; top: 37px; }
#nav ul { margin: 0; padding: 0; }
#nav li { display: inline; list-style-type: none; }
#nav-pizzeria, #subnav-pizzeria { left: 10px; }
#nav-pane, #subnav-pane { left: 214px; }
#nav-bar, #subnav-bar { left: 418px; }
#nav-italian, #subnav-italian { left: 622px; }
html > body #nav-pizzeria a { background: url(images/pizzeria/nav.png) no-repeat -161px 0px; }
html > body #nav-pane a { background: url(images/pane/nav.png) no-repeat -161px 0px; }
html > body #nav-bar a { background: url(images/bar/nav.png) no-repeat -161px 0px; }
html > body #nav-italian a { background: url(images/italian/nav.png) no-repeat -161px 0px; }
#subnav-pizzeria li, #subnav-pane li, #subnav-bar li { overflow: hidden; position: absolute; height: 11px; }
#subnav-pizzeria a, #subnav-pane a, #subnav-bar a { display: block; height: 11px; position: relative; text-indent: -1000px; }
html > body #nav li.info a { background: url(images/subnav-info.png) no-repeat 0px -11px; }
html > body #nav li.menu a { background: url(images/subnav-menu.png) no-repeat 0px -11px; }
html > body #nav li.contact a { background: url(images/subnav-contact.png) no-repeat 0px -11px; }
html > body #nav-pizzeria a:hover, html > body #nav-pane a:hover, html > body #nav-bar a:hover, html > body #nav-italian a:hover, html > body #nav li.info a:hover, html > body #nav li.menu a:hover, html > body #nav li.contact a:hover, html > body #nav-pizzeria a.active, html > body #nav-pane a.active, html > body #nav-bar a.active, html > body #nav-italian a.active, html > body #nav li.info a.active, html > body #nav li.menu a.active, html > body #nav li.contact a.active { background-position: 0px 0px; }
li.info { left: 20px; width: 35px; }
li.menu { left: 55px; width: 37px; }
li.contact { left: 92px; width: 58px; }
/* bar is special case */
#bar li.info { left: 35px; width: 35px; }
#bar li.contact { left: 70px; width: 58px; }
li.info a { width: 35px; }
li.menu a { width: 37px; }
li.contact a { width: 58px; }
#photo { height: 402px; }
#fade { height: 103px; }
/* landing image */
#landing { background: #000 url(images/pizzeria/landingBkgrnd.jpg) no-repeat center top; }
/* italian restaurant popup */
#italian-popup {
background: transparent url(images/italian/italian-popup.png) no-repeat;
display: none;
height: 223px;
position: absolute;
width: 368px;
margin: -330px 0 0 342px;
zoom: 1;
}
#italian-popup a.close-btn {
background: url(images/italian/close-btn.png) no-repeat;
_background: url(images/italian/close-btn.jpg) no-repeat;
cursor: pointer;
display: block;
height: 10px;
margin: 11px 0 0 11px;
width: 10px;
}
#italian-popup p {
color: #dbc3a9;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: .8em;
font-weight: normal;
margin-top: 100px;
}
#italian-popup p.left {
float: left;
margin-left: 26px;
width: 150px;
}
#italian-popup p.right {
background: url(images/italian/arrow.png) no-repeat 100% 5px;
float: right;
margin-right: 33px;
width: 120px;
}
#italian-popup p a {
color: #dbc3a9;
font-weight: bold;
text-decoration: none;
}
/* pizzeria images */
#pizzeria { background: #bf9e58 url(images/pizzeria/bg.jpg) repeat-x; }
#pizzeria #main { background: url(images/pizzeria/content.jpg) repeat-y 0px 505px; }
#pizzeria #fade { background: url(images/pizzeria/fade.jpg) no-repeat; }
#pizzeria #content { background: url(images/pizzeria/content.jpg) repeat-y; }
#pizzeria .info #photo { background: url(images/pizzeria/photo-01.jpg) no-repeat; }
#pizzeria .menu #photo { background: url(images/pizzeria/photo-02.jpg) no-repeat; }
#pizzeria .contact #photo { background: url(images/pizzeria/photo-04.jpg) no-repeat; }
html > #pizzeria .info h1 { background: url(images/pizzeria/info.png) no-repeat; }
html > #pizzeria .menu h1 { background: url(images/pizzeria/menu.png) no-repeat; }
html > #pizzeria .contact h1 { background: url(images/pizzeria/contact.png) no-repeat; }
/* pane images */
#pane { background: #c2c19f url(images/pane/bg.jpg) repeat-x; }
#pane #main { background: url(images/pane/content.jpg) repeat-y 0px 505px; }
#pane #fade { background: url(images/pane/fade.jpg) no-repeat; }
#pane #content { background: url(images/pane/content.jpg) repeat-y; }
#pane .info #photo { background: url(images/pane/photo-01.jpg) no-repeat; }
#pane .menu #photo { background: url(images/pane/photo-02.jpg) no-repeat; }
#pane .contact #photo { background: url(images/pane/photo-04.jpg) no-repeat; }
html > #pane .info h1 { background: url(images/pane/info.png) no-repeat; }
#pane .menu h2 a:hover { opacity:1;}
#pane .menu h2 a.lunch { background: url(images/pane/menu.png) no-repeat; _background: url(images/pane/lunch.jpg) no-repeat; width: 188px; height: 19px; display:block; text-indent:-9999px; margin:0 auto 35px; _margin:14px auto 35px; }
#pane .menu h2 a.dinner { background: url(images/pane/dinner.png) no-repeat; _background: url(images/pane/dinner.jpg) no-repeat; width:192px; height:19px; float:right; display:block; text-indent:-9999px; margin:0 0 35px; _margin:14px 0 35px; }
#pane .contact h1 { background: url(images/pane/contact.png) no-repeat; }
#pane .lunch, #pane .dinner { margin: 0; padding: 0;}
/* bar images */
#bar { background: #68270d url(images/bar/bg.jpg) repeat-x; }
#bar #main { background: url(images/bar/content.jpg) repeat-y 0px 505px; }
#bar #fade { background: url(images/bar/fade.jpg) no-repeat; }
#bar #content { background: url(images/bar/content.jpg) repeat-y; }
#bar #content #body { width:385px; }
#bar .info #photo { background: url(images/bar/photo-01.jpg) no-repeat; }
#bar .contact #photo { background: url(images/bar/photo-04.jpg) no-repeat; }
html > #bar .info h1 { background: url(images/bar/info.png) no-repeat; }
html > #bar .contact h1 { background: url(images/bar/contact.png) no-repeat; }
#content { padding-left: 217px; }
#body { color: #f5e5a2; font: 12px Arial, Helvetica, sans-serif; position: relative; top: -50px; width: 400px; }
#left-col { float: left; width: 45%; }
#right-col { float: right; width:45%; }
#footer { font-size: 10px; text-align: center; }
/* map stuff */
#pizzeria #map { display: block; height: 226px; width: 234px; }
#pane #map { display: block; height: 234px; width: 232px; }
#bar #map { display: block; height: 226px; width: 234px; }
#map img { display: none; }
html > body #map img { display: inline; }
/* menu stuff */
.menu #content { padding: 0px 75px; }
.menu #body { width: 100%; }
.menu table { margin-top: 25px; }
.menu caption { font-size: larger; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
.style1, .style1 a { font-size: 10px; }
/* calexico */
.extra {
display: block;
height: 231px;
left: 242px;
position: absolute;
margin-top: 403px;
width: 171px;
z-index: 10;
}
.darken {
opacity: .5;
}