/* CSS developed by Squidthink Media */

/* =RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

body {line-height: 1.4; color: #2E557C; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}


/* =GENERAL */
a:link {color: #929495; text-decoration: none;}
a:visited {color: #929495; text-decoration: none;}
a:hover {color: #2E557C; text-decoration: none;}
a:active {color: #808080; text-decoration: none;}

body {behavior: url(hover.htc); font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 70%; text-align: center; background: #7BA6D2; padding: 0; margin: auto;}

p {margin-bottom: 7px;}
img {border: 9px solid #C1C2C4;}
.noborder {border: none;}

h1 {text-align: center;}
h2 {font-size: 135%; font-weight: bold; margin-bottom: 5px; color: #2E557C; text-align: center;}
h3 {font-size: 135%; font-weight: bold; margin-bottom: 5px; color: #2E557C; text-align: left;}


/* =CONTAINER */
#container {width: 888px; text-align: left; margin: 0 auto 0 auto;}


/* =HEADER */
#header {width: 888px; height: 213px; background: url('../images/header.gif') no-repeat;}
#header h1 {display: none;}


/* =CONTENT */
#content {text-align: center; padding: 0 15px 0 15px; background: url('../images/bg.gif') repeat-y;}
#content2 {text-align: left; margin: 0 220px 0 220px; width: 400px;}
#map {text-align: center; border-color: #7F9DB9; border-top-width:1px;}
#display {text-align: center; border-color: #7F9DB9;}
#phone {text-align: left; padding: 10px 0 0 80px;}
#catering {text-align: right; padding: 0 120px 0 0;}


/* =NAVIGATION */

#drinks {height: 156px; width: 156px; float: left; margin: 5px 0 0 2px; background: url('../images/drinks.jpg') no-repeat; background-position: 0 0;}
#drinks a {display: block; height: 156px; width: 156px;}
#drinks a:hover, #drinks a:active {background: url('../images/drinks.jpg') no-repeat; background-position: -163px 0; height: 156px; width: 156px;}

#contact {height: 156px; width 156px; float: right; margin: 5px 3px 0 0; background: url('../images/contact.jpg') no-repeat; background-position: 0 0;}
#contact a {display: block; height: 156px; width: 156px;}
#contact a:hover, #contact a:active {background: url('../images/contact.jpg') no-repeat; background-position: -161px 0; height: 156px; width: 156px;}

#food {height: 156px; width: 156px; float: left; clear: left; margin: 5px 0 0 25px; background: url('../images/food.jpg') no-repeat; background-position: 0 0;}
#food a {display: block; height: 156px; width: 156px;}
#food a:hover, #food a:active {background: url('../images/food.jpg') no-repeat; background-position: -162px 0; height: 156px; width: 156px;}

#mixing {height: 156px; width: 156px; float: right; clear: right; margin: 5px 23px 0 0; background: url('../images/mixing.jpg') no-repeat; background-position: 0 0;}
#mixing a {display: block; height: 156px; width: 156px;}
#mixing a:hover, #mixing a:active {background: url('../images/mixing.jpg') no-repeat; background-position: -164px 0; height: 156px; width: 156px;}

#events {height: 156px; width: 156px; float: left; clear: left; margin: 5px 0 0 1px; background: url('../images/events.jpg') no-repeat; background-position: 0 0;}
#events a {display: block; height: 156px; width: 156px;}
#events a:hover, #events a:active {background: url('../images/events.jpg') no-repeat; background-position: -164px 0; height: 156px; width: 156px;}

#links {height: 156px; width: 156px; float: right; clear: right; margin: 5px -2px 0 0; background: url('../images/links.jpg') no-repeat; background-position: 0 0;}
#links a {display: block; height: 156px; width: 156px;}
#links a:hover, #links a:active {background: url('../images/links.jpg') no-repeat; background-position: -164px 0; height: 156px; width: 156px;}

#navbar ul {list-style-type: none; list-style-image: none; text-align: center;}
#navbar li {display: inline; font-weight: bold; font-size: 125%; padding: 0 20px 0 20px; text-align: center;}

#navbar li a:link {color: #929495; text-decoration: none;}
#navbar li a:visited {color: #929495; text-decoration: none;}
#navbar li a:hover {color: #2E557C; text-decoration: none;}
#navbar li a:active {color: #808080; text-decoration: none;}


/* =FOOTER */
#footer {width: 888px; height: 165px; background: url('../images/footer.gif') no-repeat; padding: 0 80px 0 0;}
#footernav {padding: 53px 0 0 179px;}
#footernav ul {list-style-type: none; list-style-image: none; float: right; padding: 27px 420px 0 0;}
#footernav li {display: inline; font-weight: bold; font-size: 90%; padding: 0 0 0 15px; text-align: center;}