/* Reset Browser Defaults */

html, body, button, 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, 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; color: black; background: white; }
ol, ul { list-style: none; }
table { border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Style Guide */

body { font: normal 13px Trebuchet MS, Helvetica, Arial, sans-serif; color: #fff; background: #000; }

a, a:link { color: #e36f1e; text-decoration: underline; }
a:visited { color: #7d7d7d; }
a:hover, a:active { color: #b5121b; }

strong { font-weight: bold; }
em { font-style: italic; }

sup { vertical-align: super; font-size: .4em; }

p { margin: 26px 0; }

body { background: url(../img/brick.jpg) repeat top center; text-align: center; } 

#home { margin: 40px auto; width: 1000px; height: 550px; text-align: left; background: url('../img/home-logo.png') no-repeat center 85px; }
#home dl { padding: 15px 0 0 575px; }
#home dl dt { display: none; }
#home dl dd{ background: url('../img/home-intro-bg.png') no-repeat top left; padding: 44px 20px 20px 44px; width: 330px; font-size: 1.1em; color: #3c1505;}
#home dl dd h2 { display: none; }
#home dl dd p { margin: 0; }
#home dl dd ul { position: relative; top: 220px; right: 505px; width: 750px; height: 170px; background: url('../img/home-nav.png') no-repeat top left; }
#home dl dd ul li { position: absolute; }
#home dl dd ul li a { display: block; height: 0; overflow: hidden; background: url('../img/home-nav-on.png') no-repeat -680px -120px; }
#home dl dd ul li.food { top: 0; left: 0; }
#home dl dd ul li.food a { width: 128px; padding-top: 71px; }
#home dl dd ul li.food a:hover { background-position: 0 0; }
#home dl dd ul li.talk { top: 11px; left: 148px; }
#home dl dd ul li.talk a { width: 124px; padding-top: 54px; }
#home dl dd ul li.talk a:hover { background-position: -148px -11px; }
#home dl dd ul li.story { top: 12px; left: 300px; }
#home dl dd ul li.story a { width: 123px; padding-top: 58px; }
#home dl dd ul li.story a:hover { background-position: -300px -12px; }
#home dl dd ul li.stores { top: 0px; left: 449px; }
#home dl dd ul li.stores a { width: 140px; padding-top: 70px; }
#home dl dd ul li.stores a:hover { background-position: -449px 0; }
#home dl dd ul li.shop { top: 4px; left: 608px; }
#home dl dd ul li.shop a { width: 129px; padding-top: 60px; }
#home dl dd ul li.shop a:hover { background-position: -608px -4px; }
#home dl dd ul li.order { top: 82px; left: 22px; }
#home dl dd ul li.order a { width: 142px; padding-top: 70px; }
#home dl dd ul li.order a:hover { background-position: -22px -82px; }
#home dl dd ul li.events { top: 100px; left: 202px; }
#home dl dd ul li.events a { width: 138px; padding-top: 57px; }
#home dl dd ul li.events a:hover { background-position: -202px -100px; }
#home dl dd ul li.card { top: 81px; left: 371px; }
#home dl dd ul li.card a { width: 129px; padding-top: 76px; }
#home dl dd ul li.card a:hover { background-position: -371px -81px; }
#home dl dd ul li.careers { top: 81px; left: 536px; }
#home dl dd ul li.careers a { width: 144px; padding-top: 77px; }
#home dl dd ul li.careers a:hover { background-position: -536px -81px; }

/* Footer */

#sitemap { width: 100%; background: url('../img/dirt.jpg') repeat top center; text-align: center; overflow: hidden; }
#sitemap.lg { position: absolute; bottom: 0; left: 0; }
#sitemap ul { margin: 0 auto; width: 780px; text-align: left; }
#sitemap ul li { float: left; padding: 50px 40px;}
#sitemap ul li dl dt { position: relative; left: -1px; height: 0; padding-top: 36px; overflow: hidden; }
#sitemap ul li.feed dl dt { width: 102px; background: url('../img/text-feed-me.gif') no-repeat; } 
#sitemap ul li.woo dl dt { width: 100px; background: url('../img/text-woo-me.gif') no-repeat; } 
#sitemap ul li.talk dl dt { width: 136px; background: url('../img/text-talk-to-me.gif') no-repeat; } 
#sitemap ul li.bore dl dt { width: 107px; background: url('../img/text-bore-me.gif') no-repeat; } 
#sitemap ul li dl dd ul { margin: 0; width: auto; }
#sitemap ul li dl dd ul li { float: none; width: auto; padding: 0; }
#sitemap a { font: normal 14px Trebuchet MS, Verdana, sans-serif; color: #8e4e22; text-decoration: none;  }
#sitemap a:hover { color: #f0e9cf; }
