html { font-family:"Times New Roman", times, serif; }

body { background: url('background/stonetiling.jpg') top left repeat; }

a img { border: none; }
a { text-decoration: none; border-bottom: 1px dotted #ae1b1f; color: #ae1b1f; }
a:hover { border-bottom: 1px solid #ae1b1f; }

hr { height: 1px; border: 1px solid #ae1b1f; color: #ae1b1f; background-color: #f00; padding: 0px; margin: 0px; margin-bottom: 4px; }

/* need to vertically centre the container box, so reposition based on fixed container size */
/* -------------------------------------------------------------------------------------------------------------------------------- */
#centering { position: absolute; top: 50%; left: 0; width: 100%; display: block; z-index: 2; }
#centering2 { margin-left: -365px; position: absolute; top: -265px; left: 50%; overflow: visible; }
/* -------------------------------------------------------------------------------------------------------------------------------- */
#outerbody { position: relative; top: 0px; left: 0px; background: url('background/dropshadow.png') top left no-repeat !important; background: url('background/dropshadow.gif') top left no-repeat; width: 730px; height: 530px; padding: 15px; }
#innerbody { position: relative; top: 0px; left: 0px; background: url('background/paper.jpg') top right no-repeat; border: 2px solid #ae1b1f; width: 696px; height: 496px; padding: 1px; }
#mainbody { position: absolute; top: 1px; left: 1px; width: 696px; height: 496px; }

#delucciextra1 { position: absolute; top: 0px; left: 0px; width: 110px; height: 496px; z-index: 4; background: #ae1b1f url('background/redstrip.jpg') top left no-repeat; }

#navigation { position: absolute; top: 110px; left: 0px; width: 110px; height: 310px; z-index: 5; }
#navigation ul { margin: 0px; padding: 0px; text-align: center; text-transform: uppercase; font-size: 10pt; letter-spacing: 1px; }
#navigation ul li { display: block; width: 110px; list-style: none; }
#navigation ul li a { display: block; text-decoration: none; width: 110px; color: #efeee3; border: none; padding-top: 3px; padding-bottom: 4px; }
#navigation ul li a:hover { border: 2px solid #e2d5b7; border-top-width: 1px; border-bottom-width: 1px; width: 106px; padding-top: 2px; padding-bottom: 3px; }
#navigation ul li.selected { }
#navigation ul li.selected a { color: #efeee3; border: 2px solid #e2d5b7; border-top-width: 1px; border-bottom-width: 1px; width: 106px; padding-top: 2px; padding-bottom: 3px; }

#logo { position: absolute; top: 0px; left: 0px; width: 198px; height: 100px; background: url('background/logo.jpg') top left no-repeat; padding: 0px; margin: 0px; z-index: 15; }
#logo a { margin: 0px; padding: 0px; }
#logo img { display: none; }

#title { position: absolute; top: 10px; right: 10px; width: 480px; height: 43px; background: url('background/titles/homepage.gif') top right no-repeat; }
#title h1 { display: none; }

#address { position: absolute; bottom: 0px; left: 0px; width: 110px; z-index: 10; text-align: center; font-size: 11pt; color: #efeee3; }
#address p { margin-bottom: 0px; padding-bottom: 10px; }

#content h2 { margin-bottom: 5px; padding-bottom: 0px; font-size: 14pt; color: #ae1b1f; text-align: right; }
#content { position: absolute; top: 60px; right: 10px; width: 564px; height: 350px; z-index: 17; }
#content p { font-size: 11pt; text-align: justify; margin-top: 0px; padding-top: 0px; }
#content #leftcolumn { position: absolute; top: 0px; left: 0px; width: 265px; }
#content #rightcolumn { position: absolute; top: 0px; right: 0px; width: 265px; }
#content #fullcolumn { position: absolute; right: 5px; bottom: 5px; width: 548px; /* border-right: 5px solid #ae1b1f; border-bottom: 5px solid #ae1b1f; */ }
#content #fullcolumn img { float: left; }
#content #map { position: absolute; right: 5px; bottom: 5px; width: 560px; height: 342px; background: url('background/map.gif') top left no-repeat; }
#content #map img { display: none; }
#content #map h3 { display: none; }
#content #address2 { position: absolute; left: 15px; bottom: 25px; width: 280px; color: black; }
#content #address2 p { font-size: 14pt; }
#content #addressthumbs { position: absolute; right: 5px; bottom: 5px; width: 240px; }
#content #addressthumbs img { margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px; }
#content #imgplaceholder { margin-left: 10px; float: right; width: 138px; }
#content #imgplaceholder img { width: 138px; margin-top: 10px; padding-top: 0px; }
#content #imgplaceholder img.first { margin-top: 0px; }

#content img.right { float: right; padding-left: 10px; }


img.embedded { position: relative; top: 2.5px; left: 0px; }

#fakeindent { width: 90px; height: 50px; float: left; }

#strip { position: absolute; top: 422px; right: 0px; width: 586px; height: 74px; z-index: 20; padding: 0px; }
#strip object { width: 586px; height: 74px; }
#footer { display: none; }

table.menu { width: 100%; padding: 0px; margin: 0px; float: none; clear: left; margin-bottom: 6px; }
table.menu td { vertical-align: top; padding: 0px; margin: 0px; font-size: 10.5pt; }
table.menu td.price { text-align: right; }
table.menu td.starterprice { text-align: right; }
table.menu td.mainprice { text-align: right; }
table.menu td.item { font-weight: bold; padding: 0px; margin: 0px; }
table.menu td.item p.menudesc { font-weight: normal; padding: 0px; margin: 0px; margin-bottom: 2px; display: none; }
table.menu td.item p.show { display: block; }

table.compo { width: 100%; }
table.compo td.fields, table.compo td.fields .inputfield { width: 170px; }
table.compo .inputfield1 { width: 250px; }

#content p.conditions { font-size: 10pt; }
#content h3.error { color: #ae1b1f; font-size: 13pt; }

body#bar #title { background: url('background/titles/bar.gif') top right no-repeat; }
body#contact #title { background: url('background/titles/contact.gif') top right no-repeat; }
body#dessert #title { background: url('background/titles/dessert.gif') top right no-repeat; }
body#location #title { background: url('background/titles/location.gif') top right no-repeat; }
body#menu #title { background: url('background/titles/menu.gif') top right no-repeat; }
body#special #title { background: url('background/titles/special.gif') top right no-repeat; }
body#wine #title { background: url('background/titles/wine.gif') top right no-repeat; }
body#icecream #title { background: url('background/titles/compo.gif') top right no-repeat; }

body#menunibbles #title { background: url('background/titles/menunibbles.gif') top right no-repeat; }
body#menupasta #title { background: url('background/titles/menupasta.gif') top right no-repeat; }
body#menusalads #title { background: url('background/titles/menusalads.gif') top right no-repeat; }
body#menumain #title { background: url('background/titles/menumain.gif') top right no-repeat; }
body#menusteaks #title { background: url('background/titles/menusteaks.gif') top right no-repeat; }
body#menusides #title { background: url('background/titles/menusides.gif') top right no-repeat; }
body#menudessert #title { background: url('background/titles/menudessert.gif') top right no-repeat; }
body#menudrinks #title { background: url('background/titles/menudrinks.gif') top right no-repeat; }

body#winewhite #title { background: url('background/titles/winewhite.gif') top right no-repeat; }
body#winered #title { background: url('background/titles/winered.gif') top right no-repeat; }
body#wineother #title { background: url('background/titles/wineother.gif') top right no-repeat; }

body#home #innerbody { background: url('background/joesnyc.jpg') top left no-repeat; }
body#menunibbles #innerbody { background: url('background/nibbles.jpg') top left no-repeat; }
body#menupasta #innerbody { background: url('background/pasta.jpg') top left no-repeat; }
body#menusalads #innerbody { background: url('background/salad.jpg') top left no-repeat; }
body#menumain #innerbody { background: url('background/sandwiches.jpg') top left no-repeat; }
body#menusteaks #innerbody { background: url('background/steak.jpg') top left no-repeat; }
body#menusides #innerbody { background: url('background/sauces.jpg') top left no-repeat; }
body#menudessert #innerbody { background: url('background/strawberry.jpg') top left no-repeat; }
body#menudrinks #innerbody { background: url('background/drinks.jpg') top left no-repeat; }
body#winewhite #innerbody { background: url('background/whitewine.jpg') top left no-repeat; }
body#winered #innerbody { background: url('background/redwine.jpg') top left no-repeat; }
body#wineother #innerbody { background: url('background/champers.jpg') top left no-repeat; }
body#icecream #innerbody { background: url('background/strawberry.jpg') top left no-repeat; }