html, body {padding: 0; margin: 0; width: 100%; font-size: 10pt}
body {background: rgb(54, 9, 44) url(/images/bg_purple.png) repeat-x; text-align: center}
body, body a {color: rgb(175, 29, 146); font: 1em Helvetica; text-decoration: none}
body a:hover {text-decoration: underline}
div.play_music {padding: 0; margin: 0; width: 320px; height: 19px; background: url(/images/button_play_music.png) no-repeat; font-size: 0.9em}
div.play_music a {display: block; padding: 0; margin: 0; width: 100%; height: 19px; line-height: 19px; text-align: center; vertical-align: middle; text-decoration: none}
div.play_music a:hover, a.play_music, a.play_music:hover span {color: rgb(255, 255, 255); text-decoration: none}
div.play_music a, a.play_music:hover, a.play_music span, p#design_credit, p#design_credit a {color: rgb(255,102,0)}
a.play_music:hover {text-decoration: none}
a.play_music {font-size: 1.5em}
div#wrapper {padding: 0; margin: 38px auto; width: 712px; text-align: left}
div#header {padding: 0; margin: 0; height: 282px}
div#header ul#heading {padding: 0 0 4px 0; margin: 0; height: 24px; position: relative; z-index: 10}
div#header ul#heading li {padding: 0; margin: 0; list-style-type: none; float: right}
div#header ul#heading li:first-child, div#header ul#heading li.first-child {float: left}
div#header div#thezig {position: relative; padding: 0; margin: 0; width: 684px; height: 166px; background-repeat: no-repeat; background-color: transparent; border: 14px solid rgb(92, 15, 76); clear: both; z-index: 1}
div#header div#thezig img {position: absolute; top: -72px; left: 50px}
div#header ul#menu {padding: 0; margin: 0; clear: both; height: 34px}
div#header ul#menu li {padding: 0; margin: 0; list-style-type: none; background: url(/images/menu_button.png) no-repeat; width: 116px; height: 34px; line-height: 34px; text-align: center; vertical-align: middle; color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-left: 2px solid rgb(255, 255, 255); float: left; letter-spacing: 0.1em}
div#header div.shadow {padding: 0; margin: 0; width: 100%; height: 15px; background-repeat: repeat-x; background-image: url(/images/black_gradient.png)}
div#header ul#menu li:first-child, div#header ul#menu li.first-child {border-left: 0}
div#header ul#menu li a {display: block; padding: 2px 0 0 0; margin: 0; width: 100%; height: 32px; line-height: 32px; text-decoration: none; color: rgb(255, 255, 255); cursor: pointer}
div#header ul#menu li a:hover {color: rgb(175, 29, 146)}
div#contents {padding: 24px 0; margin: 0; text-align: justify}
div#contents div.divided {padding: 0; margin: 0}
.divided {background: url(/images/vertical_line.png) repeat-y scroll center; width: 100%; height: auto; clear: both}
div#contents div.divided div.side {padding: 0; margin: 0}
div#contents div.divided div.side.left {float: left}
div#contents div.divided div.side.right {float: right}
h1, h2, h3 {padding: 0 0 0 14px; color: rgb(255, 255, 255); font-weight: normal; vertical-align: middle; background-repeat: no-repeat; background-position: center left; background-image: url(/images/thedot.png); height: 20px}
form input, form textarea {padding: 1px; border: 1px solid rgb(175, 29, 146); background-color: rgb(92, 15, 76); color: rgb(180, 180, 180); width: 300px}
form input.button {background: url(/images/bg_button.png) repeat-x; height: 20px; width: 74px; font-size: 9pt}
.formError {padding: 0; margin: 0; color: rgb(255, 255, 255)}
br.clearer {clear: both; height: 0; font-size: 0}
p#design_credit {text-align: left; font-size: x-small}
div.hr {padding: 0; margin: 1.5em auto; height: 2px; width: 50%; background: url(/images/horizontal_line.png) repeat-x; clear: both}
div.hr hr {display: none}
html, body {padding: 0; margin: 0; width: 100%; font-size: 10pt}
body {background-color: rgb(54, 9, 44); text-align: center}
body, body a {color: rgb(175, 29, 146); font: 1em Helvetica; text-decoration: none}