html, body { height: 100%;overflow: auto;overflow-x: hidden; }
body { margin: 0; padding: 0; text-align: center; }
h1 { height: 19px; margin: 0; text-indent: -1000px; }
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; padding: 0; position: absolute; }
#nav dt { position: absolute; }
#nav dt a { display: block; height: 37px; text-indent: -1000px; 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: 40px; }
#nav-pane, #subnav-pane { left: 244px; }
#nav-bar, #subnav-bar { left: 448px; }

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; }

#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 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 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; }

/* 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; }
html > #pane .menu h1 { background: url(images/pane/menu.png) no-repeat; }
html > #pane .contact h1 { background: url(images/pane/contact.png) no-repeat; }

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