* { margin: 0; padding: 0; line-height: 1.4em }
body { max-width: 640px; margin: 0 auto; padding: 6px; background: #dddddd; font-family: Verdana, sans-serif }
a { text-decoration: none }
h1 { font-size: 17px }
h2 { margin: 10px 0; font-size: 14px }
hr { height: 1px; background: #aaa; border: none }
img { border: none; vertical-align: middle }
p { margin: 10px 0 ; font-size: 12px }
table { margin: 10px auto; width: 90%; font-size: 12px; border-collapse: collapse }
td { padding: 5px; border: 1px solid #aaa }
ul { margin-left: 30px; font-size: 12px }
.center { text-align: center }
.right { float: right }
.shadow { box-shadow: 0 0 3px 1px #000; -moz-box-shadow: 0 0 3px 1px #000; -webkit-box-shadow: 0 0 3px 1px #000 }

/* CONTAINER */
#container { border: 1px solid #eeeeee; border-radius: 20px }

/* HEADER */
#header { background: #0d2d02; border-radius: 20px 20px 0 0 }
#logo { display: block; padding: 20px 5px }
#logo img { width: 100%; max-width: 600px; max-height: 400px }

/* TITLE */
#title { padding: 5px; background: #005500; color: #ffffff; text-shadow: 1px 1px 1px #111111; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee }

/* CALL BUTTON */
#call-outer { margin: 10px 0 }
#call { padding: 5px 8px; background: #ab694f; color: #ffffff; font-size: 13px; font-weight: bold; text-shadow: 1px 1px 1px #111111; border: 1px solid #eeeeee; border-radius: 10px }
#page-call-outer { margin: 10px 0 }
#page-call { padding: 5px 8px; background: #ab694f; color: #ffffff; font-size: 13px; font-weight: bold; text-shadow: 1px 1px 1px #111111; border: 1px solid #eeeeee; border-radius: 10px; box-shadow: 0 0 3px 1px #000; -moz-box-shadow: 0 0 3px 1px #000; -webkit-box-shadow: 0 0 3px 1px #000 }

/* CONTENT */
#content { padding: 5px; background: #0d2d02 }
#content-box { padding: 10px 15px; background: #ffffff; border-radius: 10px; color: #000000 }
#content-box p img { margin: 15px 0; border: 2px solid #fff; box-shadow: 0 0 3px 1px #000; -moz-box-shadow: 0 0 3px 1px #000; -webkit-box-shadow: 0 0 3px 1px #000 }

/* HOMEPAGE MENU */
.menu { margin: 5px; background: #adff2f; border: 1px solid #eeeeee; border-radius: 12px; box-shadow: 0 0 3px 1px #000; -webkit-box-shadow: 0 0 3px 1px #000 }
.menu-text { display: block; padding: 8px 30px 28px 30px; color: #0d2d02; font-size: 14px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px #222222 }
.menu-title { float: left }

/* NAVBAR */
.navbar { overflow: hidden; padding: 4px 15px; background: #005500; color: #ffffff; font-size: 13px; font-weight: bold; text-shadow: 1px 1px 1px #222222; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee }
.home-button { padding: 4px 8px; background: #ab694f; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 1px #222222; border: 1px solid #eeeeee; border-radius: 10px }
.page-title { float: left; margin-top: 5px }

/* FOOTER */
#footer { padding: 5px; background: #005500; color: #ffffff; border-radius: 0 0 20px 20px }
#footer div { margin: 4px }
#footer-border { border-top: 1px solid #eeeeee }
#footer-title { font-size: 14px; font-weight: bold }
#footer-contact { font-size: 11px }
#footer-social img { margin: 4px 3px }
#footer-fullsite { font-size: 12px; font-weight: bold; color: #3d7fe3 }

/* CONTACT FORM */
input[type='text'], textarea { padding: 5px; border: 1px solid #bbb; border-radius: 5px; font-family: Verdana, sans-serif }
input[type='text'] { width: 70%; max-width: 240px }
input[type='submit'] { padding: 4px 10px }
textarea { width: 90%; font-size: 12px }

/* MAP */
#map { margin: auto; width: 95%; max-width: 400px; height: 240px }
#directions_e { font-size: 12px }

/* COUPON */
.coupon { margin: 20px; padding: 10px; font-size: 1em; background: #fffe93; border: 2px dashed #001471; border-radius: 5px }

/* REVIEWS */
.review { margin: 20px 0; padding: 5px 10px; background: #fffe9d; border: 1px solid #ccc; border-radius: 5px }

/* MENU ITEMS */
.menu-items .col1 { width: 70% }

/* GALLERY */
#gallery p img { margin-bottom: 0 }

/* VIDEO */
.video-box { max-width: 480px; margin: 10px auto }
.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none }
video { width: 100%; max-width: 480px; height: auto }

/* ERROR */
#notice { margin: 10px 0; padding: 6px 10px; background: #feffa9; color: #950000; font-size: 14px; border: 1px solid #ccc; border-radius: 0.3em }