@charset "UTF-8";
/* CSS Document */

html { overflow-Y: scroll; }
*, * focus { outline: none; margin: 0; padding: 0; }

body { background: #CCC; font-family: Georgia, "Times New Roman", Times, serif; }
p { color: #333; font-size: 80%; line-height: 160%; }
li { color: #333; font-size: 80%; line-height: 160%; }
h2 { color: #333; font-size: 90%; line-height: 160%; }
h3 { color: #333; font-size: 80%; line-height: 160%; }
a { color: #333; }
a:hover { color: #666; }

#frame { width: 960px; margin: 0px auto 0px auto; }

#header { height: 150px; background: url(../images/divider.gif) repeat-x left bottom; }
#header li { list-style: none; }
#navbar { float: left; width: 180px; }
#navbar li { list-style: none; }

#gallery { float: right; width: 770px; padding: 10px 0px 20px 0px; }
#gallery li { list-style: none; margin: 10px 0px 0px 10px; height: 128px; float: left; border: 2px solid #999; }
#reviews p { float: left; width: 242px; padding-right: 10px; }
#footer p { width: 760px; float: right; background: url(../images/divider.gif) repeat-x left top; padding: 10px 0px 20px 0px; text-align: right; }

#content { float: right; width: 760px; padding: 20px 0px; }
#content li { list-style: none; }

#content h2.trigger { width: 760px; float: left; padding: 10px 0px 5px 0px; }
#content h2.trigger a { color: #333; text-decoration: none; display: block; }
#content h2.trigger a:hover { color: #666; }
#content .toggle_container { overflow: hidden; width: 760px; clear: both; }
#content .toggle_container .block p { padding: 5px 0; margin: 5px 0; }
#content .toggle_container h3 { border-bottom: 1px dashed #ccc; padding-top: 20px;  }
#content .toggle_container ul { padding: 5px 0px; }
#content .toggle_container li { list-style: none; padding-bottom: 5px; }
.container { width: 760px; margin: 0 auto; }
.clearer { clear: both; }

.but-logo a { display: block; width: 400px; height: 150px; background: url(../images/eat17-logo.gif) 0 0 no-repeat; float: left; }
.divider { background: url(../images/divider.gif) repeat-x left bottom; padding-top: 20px; margin-bottom: 20px; }

.but-top-numbers a { display: block; width: 500px; height: 150px; background: url(../images/contact-top.gif) 0 0 no-repeat; float: right; }
.but-top-numbers a:hover { background-position: -500px 0; }

.but-home a { display: block; width: 180px; height: 60px; background: url(../images/but-home.gif) 0 0 no-repeat; text-indent: -9999px; }
.but-home a:hover { background-position: -180px 0; }

.but-food-drink a { display: block; width: 180px; height: 60px; background: url(../images/but-food-drink.gif) 0 0 no-repeat; text-indent: -9999px; }
.but-food-drink a:hover { background-position: -180px 0; }

.but-gallery a { display: block; width: 180px; height: 60px; background: url(../images/but-gallery.gif) 0 0 no-repeat; text-indent: -9999px; }
.but-gallery a:hover { background-position: -180px 0; }

.but-contact a { display: block; width: 180px; height: 60px; background: url(../images/but-contact.gif) 0 0 no-repeat; text-indent: -9999px; }
.but-contact a:hover { background-position: -180px 0; }

.but-view-menu a { display: block; width: 120px; height: 25px; background: url(../images/but-view-menu.gif) 0 0 no-repeat; text-indent: -9999px; margin-top: 15px; }
.but-view-menu a:hover { background-position: -120px 0; }

.but-back a { display: block; width: 220px; height: 25px; background: url(../images/but-back.gif) 0 0 no-repeat; text-indent: -9999px; margin-top: 15px; }
.but-back a:hover { background-position: -220px 0; }