/*////////////////
reset
////////////////*/
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,
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; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: black; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a, a:hover, a:visited, a:active { text-decoration: none;}

/*/////////////////////////////////
globals
/////////////////////////////////*/
body { width: 850px; margin: 60px auto 0px; text-align: center; background: #000; font: 12px Helvetica, Arial, sans-serif; color: #111; }

/*/////////////////////////////////
menu
/////////////////////////////////*/
body div ul#menu { margin: 56px 0 0 120px; }
body div ul#menu li a { display: block; width: 605px; height: 28px; }
body#main div ul#menu li a { background-image: url('/img/menu_main.png');}
body#video div ul#menu li a { background-image: url('/img/menu_video.png');}
body#gallery div ul#menu li a { background-image: url('/img/menu_gallery.png');}
body#credits div ul#menu li a { background-image: url('/img/menu_credits.png');}
body#order div ul#menu li a { background-image: url('/img/menu_order.png');}
body#special_thanks div ul#menu li a { background-image: url('/img/menu_special.png');}

div div#alternative_content ul#menu li a { background-image: url('/img/no_flash.png'); }

ul#menu li.home { margin-top: 28px; }

ul#menu li a span { display: none; }
a#button1 { background-position: 0 0; }
a#button1:hover { background-position: 0 -28px; }
a#button2 { background-position: 0 -56px; }
a#button2:hover { background-position: 0 -84px; }
a#button3 { background-position: 0 -112px; }
a#button3:hover { background-position: 0 -140px; }
a#button4 { background-position: 0 -168px; }
a#button4:hover { background-position: 0 -196px; }
a#button5 { background-position: 0 -224px; }
a#button5:hover { background-position: 0 -252px; }
a#button6 { background-position: 0 -280px; }
a#button6:hover { background-position: 0 -308px; }
a#button7 { background-position: 0 -336px; }
a#button7:hover { background-position: 0 -364px; }
a#button8 { background-position: 0 -392px; }
a#button8:hover { background-position: 0 -420px; }
a#button9 { background-position: 0 -448px; }
a#button9:hover { background-position: 0 -476px; }
a#button10 { background-position: 0 -504px; }
a#button10:hover { background-position: 0 -532px; }
a#button11 { background-position: 0 -560px; }
a#button11:hover { background-position: 0 -588px; }
a#button12 { background-position: 0 -616px; }
a#button12:hover { background-position: 0 -644px; }
a#button13 { background-position: 0 -672px; }
a#button13:hover { background-position: 0 -700px; }
a#button14 { background-position: 0 -728px; }
a#button14:hover { background-position: 0 -756px; }
a#button15 { background-position: 0 -784px; }
a#button15:hover { background-position: 0 -812px; }
a#button16 { background-position: 0 -840px; }
a#button16:hover { background-position: 0 -868px; }
a#button17 { background-position: 0 -894px; }
a#button17:hover { background-position: 0 -922px; }
a#button18 { background-position: 0 -950px; }
a#button18:hover { background-position: 0 -978px; }

body#credits div ul#menu li a#button1 { height: 56px; }
body#credits div ul#menu li a#button1:hover { background-position: 0 -56px; }
body#credits div ul#menu li a#button10 { height: 84px; }
body#credits div ul#menu li a#button10:hover { background-position: 0 -588px; }
body#order div ul#menu li a#button1 { height: 56px; }
body#order div ul#menu li a#button1:hover { background-position: 0 -56px; }
div div#alternative_content ul#menu li a#button1 { height: 84px; }
div div#alternative_content ul#menu li a#button1:hover { background-position: 0 -84px;}

body#special_thanks img { margin-top: 170px;}