html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}

html, body {height: 100%;}
section, header, hgroup, footer, nav, article, aside {display: block;}

body {background: #fff url(http://www.mackusushi.com/images/interface/Macku_Pattern08.gif) repeat; font: 100.01%/1em 'Trebuchet MS', Trebuchet, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color: #66443D;}
table {vertical-align: top; margin-bottom: 1em;}
iframe {border: 1px solid #ccc;}

p, ol, ul, address, mark {font-size: 14px; line-height: 1.5em; margin-bottom: 0.75em;}
h1, h2, h3, h4, label {line-height: 1.25em; margin-bottom: 0.25em; font-family: 'Colaborate-MediumRegular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; text-transform: uppercase; font-weight: normal; color: #2f1b17;}
h1 {font-size: 28px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
ul, ol {list-style: none;}
address {font-style: normal;}
b, strong {color: #2f1b17;}
p.right {text-align: right;}
.menu p {color: #66443D;}
.item_title, .price {text-transform: uppercase; font-weight: bold; color: #2f1b17;}
mark {font-size: 18px; font-weight: bold; }

a {color: #47663D; text-decoration: none;}
a:hover, a:active {color: #364D2E;}
a:hover, a:active, a.external {text-decoration: underline;}
a.pdf {text-decoration: underline; font-size: 12px; text-transform: none; background: url(http://www.mackusushi.com/images/interface/pdf.png) no-repeat 10px 0; padding: 2px 0 2px 30px;}

.hide {display: none; visibility: hidden;}

#contact_form {padding-top: 10px;}
#contact_form li {margin-bottom: 15px; clear: both;}
label {float: left; font-size: 16px; margin: 0;}
label.error {width: 430px; margin: 5px 0 15px; padding: 10px; border: 1px solid;  color: #882F32; background: #FF8D91; text-transform: none; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
input.input, textarea {width: 430px; padding: 10px; margin: 0; display: block; clear: both; font-size: 16px; line-height: 1.5em; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color: #66443D; background: #fff; border: 1px solid #ccc; -moz-box-shadow: inset 0 2px 5px #ccc; -webkit-box-shadow: inset 0 2px 5px #ccc; box-shadow: inset 0 2px 5px #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
input:focus.input, textarea:focus {border: 1px solid #66443D; background: #EFFCEB; outline: none;}
#contact_form button {font-size: 12px;}

#wrapper {position: relative; width: 940px; margin: 10px auto 0; overflow: hidden; -moz-box-shadow: 0 2px 10px #999; -webkit-box-shadow: 0 2px 10px #999; box-shadow: 0 2px 10px #999;}

header {position: relative; z-index: 100; float: left; height: 175px; width: 940px; padding: 15px 0 0; background: transparent url(http://www.mackusushi.com/images/interface/woodcurve.png) no-repeat 0 0;}
#logo {display: block; float: left; width: 122px; height: 148px; padding: 5px 19px 0; color: #fff;}
#site_title {display: block; float: left; width: 100%; height: 30px; padding-bottom: 9px; text-transform: uppercase; font-size: 30px; font-weight: bold; letter-spacing: 5px; color: #fff;}
#site_title span {display: none;}
header p, header address, footer p, footer h2 {color: #8C7C6F; font-size: 14px; line-height: 1.125em; letter-spacing: 1px; text-shadow: #211811 -1px -1px 0;}
#contact_info {float: left; height: 145px; width: 290px; padding: 5px; background: #291910 url(http://www.mackusushi.com/images/interface/contact_info_bg.jpg) no-repeat 0 -5px;}
header a {color: #fff;}

nav {width: 350px; float: right; overflow: hidden;}
nav ul {float: right; border-left: 2px solid #4D4236;}
nav ul li {width: 115px; line-height: 1em; font-family: 'Colaborate-MediumRegular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 16px; text-transform: uppercase; text-align: right;}
nav ul li a {display: block; padding: 5px 20px 5px 0; color: #73655B; text-shadow: #211811 -1px -1px 0;}
nav ul li a:hover {color: #fff; text-decoration: none;}
nav ul li.current a {color: #fff; background: url(http://www.mackusushi.com/images/interface/indicator.png) no-repeat 103px 5px;}
nav ul li.current ul li a {color: #73655B; background: none;}
nav ul li ul {position: absolute; top: 15px; right: 115px; width: 200px; padding-right: 20px; border: 0 none;}
nav ul li ul li {}
nav ul li ul li a {width: 200px;}
nav ul li ul li a:hover, nav ul li ul li a:active {color: #fff; text-decoration: none;}
nav ul li ul li.current_sub a {color: #fff; background: url(http://www.mackusushi.com/images/interface/indicator.png) no-repeat 211px 5px;}

.content {float: left; width: 610px; min-height: 410px; padding: 30px 165px 60px; margin: -15px 0 0; background: rgb(256, 256, 256); background: rgba(256, 256, 256, 0.7);}
.page_photo {margin: -40px 0 20px -145px;}

#delivery_boundaries {margin: 5px 0 10px 0;}

#menu_list li {margin-bottom: 20px;}
#menu_list li a.menu_title {display: block; margin-bottom: 5px; height: 60px; width: 610px; color: #211811; text-transform: uppercase; font-family: 'Colaborate-MediumRegular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 22px;}
#menu_list li a:hover.menu_title {background-position: 0 -60px;} 
a#dine_in_menu {background: url(http://www.mackusushi.com/images/interface/dinein.jpg) no-repeat 0 0; text-indent: -9999px;}
a#carry_out_menu {background: url(http://www.mackusushi.com/images/interface/carryout.jpg) no-repeat 0 0; text-indent: -9999px;}

.menu section, .menu aside, .news article {margin-bottom: 30px; float: left; width: 100%;}
.news article img {display: block; margin: 10px auto 0; padding: 8px; background: #eee; border: 1px solid;}

.menu h2 {height: 60px; width: 610px; background: url(http://www.mackusushi.com/images/interface/color1.jpg) no-repeat 0 0; margin-bottom: 28px; text-indent: -9999px;}
h2#dine_in_app {background-image: url(http://www.mackusushi.com/images/interface/h-dinein-app.jpg);}
h2#dine_in_soup {background-image: url(http://www.mackusushi.com/images/interface/h-dinein-soup.jpg);}
h2#dine_in_salad {background-image: url(http://www.mackusushi.com/images/interface/h-dinein-salad.jpg);}
h2#dine_in_entree {background-image: url(http://www.mackusushi.com/images/interface/h-dinein-entree.jpg);}
h2#dine_in_sashimi {background-image: url(http://www.mackusushi.com/images/interface/h-sig_sashimi.jpg);}
h2#dine_in_nigiri {background-image: url(http://www.mackusushi.com/images/interface/h-sig_nigiri.jpg);}
h2#dine_in_nigiri_sashimi, h2#carry_out_nigiri_sashimi {background-image: url(http://www.mackusushi.com/images/interface/h-nigiri-sashimi.jpg);}
h2#dine_in_maki, h2#carry_out_maki {background-image: url(http://www.mackusushi.com/images/interface/h-maki.jpg);}
h2#dine_in_dessert, h2#carry_out_dessert {background-image: url(http://www.mackusushi.com/images/interface/h-dessert.jpg);}
h2#carry_out_app {background-image: url(http://www.mackusushi.com/images/interface/h-carryout-app.jpg);}
h2#carry_out_soup {background-image: url(http://www.mackusushi.com/images/interface/h-carryout-soup.jpg);}
h2#carry_out_salad {background-image: url(http://www.mackusushi.com/images/interface/h-carryout-salad.jpg);}
h2#carry_out_entree {background-image: url(http://www.mackusushi.com/images/interface/h-carryout-entree.jpg);}

p.meta {font-size: 12px; font-style: italic; margin: 0;}

#slideshow {float: left; width: 940px; height: 500px; margin-top: -15px; background: #fff;}
#slideshow img { display: none; }
#slideshow img:first-child { display: block; }

#home_overlay {position: absolute; bottom: 70px; left: 20px; z-index: 20; background: rgb(54,83,48); background: rgba(54,83,48,0.8);}
#home_overlay_inner {width: 300px; padding: 10px 10px 30px; margin: 6px 6px 0 6px; border: 1px solid #8DA089; border-style: solid solid none solid;}
#home_overlay h2 {color: #fff; margin: 0 -5px; font-size: 18px;}
#home_overlay h2 a {padding: 0 5px;}
#home_overlay p {color: #fff; font-size: 13px; margin: 0;}
#home_overlay a {color: #fff; display: block; width: 300px;}
#home_overlay a:hover, #home_overlay a:focus, #home_overlay a:active {text-decoration: none; color: #365330; background: rgb(175, 228, 106); background: rgba(175, 228, 106, 0.7);}

footer {position: relative; z-index: 100; float: left; height: 36px; width: 900px; padding: 30px 20px 20px; margin-top: -15px; background: transparent url(http://www.mackusushi.com/images/interface/footer.png) no-repeat 0 0;}
footer p {font-size: 11px; letter-spacing: 0.5px;}
footer a:link, footer a:visited, footer a:hover, footer a:active {color: #fff;}
#colophon {float: left; width: 475px; padding: 20px 0 0 10px;}
a#twitter, a#facebook {margin: 2px;}
a#twitter {display: block; height: 36px; width: 36px; background: url(http://www.mackusushi.com/images/interface/twitter36.png) no-repeat 0 0; text-indent: -9999px; float: right;}
a#facebook {display: block; height: 36px; width: 36px; background: url(http://www.mackusushi.com/images/interface/facebook36.png) no-repeat 0 0; text-indent: -9999px; float: right;}

#mailinglist {float: left; padding-top: 16px; width: 330px;}
#mailinglist_form label {color: #fff; font-size: 12px; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; line-height: 1.5em; text-transform: none; display: inline;}
#mailinglist_form input {margin: 0 0 0 5px;}
#mailinglist_form input.input.email {display: inline; width: 150px; padding: 2px 2px 2px 22px; background: #fff url(http://www.mackusushi.com/images/interface/email.png) no-repeat 3px 2px; font-size: 12px; line-height: 1em;}
#mailinglist_form input:focus.input.email {border: 1px solid #66443D; background-color: #EFFCEB; outline: none;}
#mailinglist_form button.submit {margin-left: 5px; background: #66584D url(http://www.mackusushi.com/images/interface/indicator-right.png) no-repeat 8px 3px; border: 0 none; height: 20px; width: 20px; text-indent: -9999px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#mailinglist_form button:hover.submit, #mailinglist_form button:focus.submit {text-decoration: underline; cursor: pointer;}
