html, body { width: 100%; height: 999px; ;font-family: Tahoma, Arial, sans-serif; background-color: #fff;}
h1 { font-size: 1.3em; margin: 20px 0 10px 0; }
# body { font-size: 75%}
# html>body {font-size: 12px;}
# p {line-height: 1.5em;}
img, div { behavior: url(inc/iepngfix.htc) }
#page { overflow: hidden; margin: 10px auto; position: relative; width: 800px; background-image: url(../images/page2.jpg); background-repeat: repeat-y}
#header { width: 800px; text-align: center;}
#header img { display: inline; }

/* catering */
#hdrImg { margin: 10px auto; display: block;}
#cateringBody { position: relative; width: 800px; height: 750px}
    a.menuLunch { display: block; position: absolute; top: 140px; left: 80px; width: 210px; height: 240px; background: url("../images/catSandwich.jpg") 0 0 no-repeat; text-decoration: none;}
    a:hover.menuLunch { background: url("../images/catSandwichRO.jpg") 0 0 no-repeat; }
    a.menuBreakfast { width: 210px; height: 240px; display: block; position: absolute; top: 440px; left: 170px;  background: url("../images/catMuffin.jpg") 0 0 no-repeat; text-decoration: none;}
    a:hover.menuBreakfast { background: url("../images/catMuffinRO.jpg") 0 0 no-repeat; }
    a.menuDessert { display: block; position: absolute; top: 240px; right: 90px; width: 210px; height: 240px; background: url(../images/catDessert.jpg) no-repeat 0 0; text-decoration: none;}
    a:hover.menuDessert { background: url("../images/catDessertRO.jpg") 0 0 no-repeat; }

/* footer */
#footer { width: 800px; height: 20px; font-size: .6em; color: #008; text-align: center; margin: 20px 0; }
#footer img { margin: 0 auto; display: block; }
#bottomVerbiage { position: relative; width: 800px; text-align: center; }
#bottomLeft { position: absolute; left: 20px; top: 0px; }
#bottomRight { position: absolute; right: 10px; top: 0px; }

/* catering */
#catBreakfastBody {overflow: hidden; width: 800px; zzzfont-family: Tahoma, Arial; } /* wow: overflow: hidden stretches div to cover floats! */
#catPix { float: right; width: 175px; margin: 180px 20px 0 0; }
#catPix img { float: right; margin-bottom: 30px; }
#catWrapper { display: block; float: left;width: 500px; margin-left: 70px; }
.catBar{ width: 500px; height: 40px; margin: 10px 0; background-color: #36C; color: #fff; text-align: center; zzzfont-family: Tahoma, Arial; font-size: 1.6em; }
.catItemBox { border: none 1px #0f0; width: 500px; min-height: 100px; }

.itemPrice { float: right; width: 40%; height: 25px; text-align: right; font-size: .8em; }
.itemHdr { float: left; width: 60%; height: 25px; font-size: 1.0em; }

.itemSubHdr{ width: 500px; margin: 0 0 5px 0; text-align: center; zzzfont-family: Tahoma, Arial; font-size: 1.2em; }
.itemSubHdrDesc { font-size: .8em; margin-bottom: 10px; text-align: center; margin-left: 5px; }
.itemDesc { font-size: .8em; margin-bottom: 20px; text-align: left; margin-left: 5px; }
.item1Col { width: 490px; border: none 1px #f00; margin: 0 5px; }
.item2Col { width: 230px; border: none 1px #f00; margin: 0 5px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* home */
#indexPage { margin: 10px auto; position: relative; width: 800px; height: 100%; background-image: url(../images/home.jpg); background-position: top; background-repeat: no-repeat}
#menuBlock { width: 175px; height: 225px; position: absolute; top: 280px; right: 145px; }

a.menuMenu { display: block; width: 180px; height: 40px; background: url("../images/mnuMenu.png") 0 0 no-repeat; text-decoration: none;}
a:hover.menuMenu { background: url("../images/mnuMenuRO.png") 0 0 no-repeat; }
a.menuCatering { display: block; width: 180px; height: 40px; background: url("../images/mnuCatering.png") 0 0 no-repeat; text-decoration: none;}
a:hover.menuCatering { background: url("../images/mnuCateringRO.png") 0 0 no-repeat; }
a.menuMusic { display: block; width: 180px; height: 40px; background: url("../images/mnuMusic.png") 0 0 no-repeat; text-decoration: none;}
a:hover.menuMusic { background: url("../images/mnuMusicRO.png") 0 0 no-repeat; }
a.menuContact { display: block; width: 180px; height: 40px; background: url("../images/mnuContact.png") 0 0 no-repeat; text-decoration: none;}
a:hover.menuContact { background: url("../images/mnuContactRO.png") 0 0 no-repeat; }
a.menuMore { display: block; width: 180px; height: 40px; background: url("../images/mnuMore.png") 0 0 no-repeat; text-decoration: none;}
a:hover.menuMore { background: url("../images/mnuMoreRO.png") 0 0 no-repeat; }

a.mailingList { display: block; width: 341px; height: 32px; background: url("../images/mailingList.png") 0 0 no-repeat; text-decoration: none;}
a:hover.mailingList { background: url("../images/mailingListRO.png") 0 0 no-repeat; }

#foodPic { position: absolute; top: 170px; left: 45px; }
#wifi { position: absolute; top: 660px; right: 145px; }
.mailingList { position: absolute; top: 600px; left: 45px; }
.hiddenPic { display: none; }

/* top links */
#links {width: 100%; text-align: center; margin: 10px 0 10px 0; }
#links a { margin: 0 10px; display: inline; width: 100px;  font-family: "Dotum", sans-serif; font-size: .8em;}
#links a:link {text-decoration: none; color: #008}
#links a:visited {text-decoration: none; color: #888}
#links a:hover {text-decoration: none; color: grey;}
#links a:active {text-decoration: none; color: #888}