html{
font-size:100%;
}
body{
margin:0;
padding:0;
line-height:1.5em;
background: #1C496E url(../images/bg.jpg) scroll repeat-x 0 0;
font-size:1.0em;
}
#maincontainer{
width:1035px;
margin:0 auto;
height:auto;
}
#topsection{
background:url(../images/header22.png) scroll no-repeat 0 0;
height:388px;
}
#contentwrapper{
float:left;
width:1035px;
background:url(../images/contentarea.png) scroll repeat-y 0 0;
height:auto;
}
#contentcolumn-index{
margin-right:535px;
padding-left:60px;
width:500px;
}
#rightcolumn-index{
float:left;
width:535px;
margin-left:-537px;
border-left:2px dotted #AAA;
}
#contentcolumn-menu{
margin-right:743px;
padding-left:60px;
width:190px;
height:auto;
}
#rightcolumn-menu{
float:left;
width:743px;
margin-left:-745px;
border-left:2px dotted #AAA;
}
#contentcolumn-specials{
margin-right:743px;
padding-left:60px;
width:190px;
height:auto;
}
#rightcolumn-specials{
float:left;
width:743px;
margin-left:-745px;
border-left:2px dotted #AAA;
}
#contentcolumn-catering{
padding-left:60px;
width:975px;
height:auto;
}
#rightcolumn-catering{
float:left;
width:743px;
margin-left:-745px;
}
#contentcolumn-contact{
margin-right:565px;
padding-left:70px;
width:368px;
}
#rightcolumn-contact{
float:left;
width:475px;
margin-left:-577px;
border-left:2px dotted #AAA;
}
#footer{
clear:left;
width:100%;
color:#FFF;
text-align:center;
padding:4px 0;
}
#bottom{
float:left;
background:url(../images/contentbtm.png) scroll no-repeat 0 0;
width:1034px;
height:71px;
margin-left:1px;
}
#welcome{
margin-left:10px;
background:url(../images/welcome2.jpg) scroll no-repeat 0 0;
width:446px;
height:79px;
}
#logobtm {
background:url(../images/logobtm.jpg) scroll no-repeat 0 0;
width:140px;
height:43px;
margin-left:524px;
}
/* CONTAINERS */
.innertube{
margin:10px;
margin-top:0;
}
.pad-right{
padding-right:70px;
}
.pullup{
margin-top:-35px;
}
/* TYPOGRAPHY */
strong, b{
font-size:110%;
}
em, i{
color:#59A0CA;
}
h1{
font-family:'LithosPro-Regular', Arial, Helvetica, sans-serif;
font-size:24px;
color:#21446A;
text-shadow: 2px 2px 2px #89AABD;
}
dt{
font-size:110%;
font-weight:bold;
}
a.links {
color:#000;
font-family:'LithosPro-Regular', Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:100;
background-color:#f6e9d1;
cursor:pointer;
padding:4px;
text-decoration:none;
text-shadow: 1px 1px 0px #AAA;
}
a.links:hover {
color:#09F;
background-color:#CCC;
}
#footer a{
color:#FFF;
text-decoration:none;
}
h1, .name{
font-family:'LithosPro-Regular', Arial, Helvetica, sans-serif;
}
span.credit{
text-align:right;
float:right;
width:100%;
}
.big{
font-size:120%;
}
.bigger{
font-size:140%;
}
/* NAV BAR */
#home{
float:left;
background:url(../images/home.jpg) scroll no-repeat 0 0;
height:26px;
width:133px;
margin:340px 0 0 70px;
}
#home:hover{
background:url(../images/home.jpg) scroll no-repeat 0 -26px;
}
#menu{
float:left;
background:url(../images/menu.jpg) scroll no-repeat 0 0;
height:26px;
width:133px;
margin-top:340px;
}
#menu:hover{
background:url(../images/menu.jpg) scroll no-repeat 0 -26px;
}
#catering{
float:left;
background:url(../images/catering.jpg) scroll no-repeat 0 0;
height:26px;
width:133px;
margin-top:340px;
}
#catering:hover{
background:url(../images/catering.jpg) scroll no-repeat 0 -26px;
}
#specials{
float:left;
background:url(../images/specials.jpg) scroll no-repeat 0 0;
height:26px;
width:133px;
margin:340px 0 0 20px;
}
#specials:hover{
background:url(../images/specials.jpg) scroll no-repeat 0 -26px;
}
#contact{
float:left;
background:url(../images/contact.jpg) scroll no-repeat 0 0;
height:26px;
width:133px;
margin:340px 0 0 20px;
}
#contact:hover{
background:url(../images/contact.jpg) scroll no-repeat 0 -26px;
}
/* SPECIAL PURPOSE */
a img{
border:none;
text-decoration:none;
}
span.hide{
visibility:hidden;
text-decoration:none;
}
#mapWrapper{
margin:5px;
border:1px solid #AAA;
padding:4px;
background-color:#FFF;
}
/* HOME PAGE */
#coupons{
float:left;
background:url(../images/coupons.jpg) scroll no-repeat 0 0;
width:351px;
height:111px;
text-decoration:none;
}
#coupons:hover{
background:url(../images/coupons.jpg) scroll no-repeat 0 -111px;
}
#coupons:active{
background:url(../images/coupons.jpg) scroll no-repeat 0 -222px;
}
.picturebox{
float:left;
width:180px;
height:260px;
margin:10px 0 0 20px;
}
.picturebox h1{
font-size:18px;
font-weight:bold;
}
#salad{
float:left;
background:url(../images/salad.jpg) scroll no-repeat 0 0;
width:455px;
height:328px;
}
/* FOR MENU PAGE */
.menuLinks{
list-style-type:none;
margin:0;
padding:0;
}
.menuLinks li{
width:210px;
height:30px;
margin:0;
}
#left{
margin-left:-60px;
padding-left:66px;
position:relative;
z-index:1000;
}
#menuBar{
position:relative;
z-index:1000;
padding-left:30px;
}
#menuBar a{
text-decoration:none;
padding:0 1.2em 0 1.2em;
}
#menuSection{
margin-bottom:10px;
height:auto;
display:block;
overflow:visible;
}
.wrap{
width:638px;
margin:0 10px;
padding:5px;
}
* html .wrap{
width:640px;
w\idth:638px;
}
.wrap ul{
padding:10px 20px;
list-style:none;
position:relative;
left:-2px;
top:-2px;
color:#0A2E78;
width:576px;
display:block;
}
* html .wrap ul{
width:638px;
w\idth:556px;
}
.wrap li{
line-height:1.3em;
position:relative;
padding:0 5em 0 0;
text-align:left;
border-bottom:1px dotted #000;
clear:both;
margin:0 0 .6em 0;
min-height:0;
background-color:#F6E9D1;
}
* html .wrap li{
border:none;
background:url(../images/dotted-leader.gif) repeat-x left bottom;
height:1%;
}
.wrap li span{
padding:1px 0 1px 5px;
position:absolute;
bottom:-.35em;
right:-1px;
font-size:110%;
font-weight:strong !important;
color:#000;
color:#0A2E78;
background-color:#F6E9D1;
}
.wrap li strong{
margin:0;
position:relative;
top:.25em;
padding:0 5px 0 0;
font-weight:bold;
line-height:1.3em;
background-color:#F6E9D1;
}
.wrap li p{
font-style:italic;
}

#menuSection h1, .name{
font-family:'LithosPro-Regular', Arial, Helvetica, sans-serif;
}
.wrap li.itemDesc{
border:none;
padding:0em 0.5em 0.5em 2.5em;
background:none;
}
#contentcolumn-catering .wrap {
width:875px;
margin:0 10px;
padding:5px;
}
* html #contentcolumn-catering .wrap {
width:878px;
w\idth:875px;
}
#contentcolumn-catering .wrap  ul{
padding:10px 20px;
list-style:none;
position:relative;
left:-2px;
top:-2px;
color:#0A2E78;
width:875px;
display:block;
}
* html #contentcolumn-catering .wrap  ul{
width:875px;
w\idth:793px;
}