@charset "utf-8";

/* RESET (by yahoo) */
header, nav, aside, section, article, footer { display:block; } html { background:#fff; color:#000; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; } del, ins { text-decoration:none; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup, sub { vertical-align:baseline; } input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }

/* STYLE (by devSQUAD) */
/*html, body { margin:0; padding:0; background:#000 url(../image/body.jpg) no-repeat top center fixed; font:12px "Trebuchet MS", Arial, Helvetica, Sans-Serif; line-height:1.1em; color:#eff; cursor:default; }*/
html, body { overflow:hidden; margin:0; padding:0; font:12px "Trebuchet MS", Arial, Helvetica, Sans-Serif; line-height:1.1em; color:#eff; cursor:default; }
a, a:link, a:visited, a:hover, a:active { text-decoration:none; color:#eff; }
a:hover, a:active { color:#f06; border:0; }

header { position:absolute; left:50%; top:50%; width:142px; height:40px; margin:-100px 0 0 -91px; padding:10px 20px 5px; background:#eff; z-index:3; }
header h1 a { display:block; width:142px; height:40px; overflow:hidden; background:url(../image/h1.png) no-repeat top left; color:#011; text-indent:-999px; }
header span { position:absolute; bottom:-20px; left:15px; border-left:20px dashed transparent; border-top:20px solid #eff; }
nav { position:absolute; left:50%; top:50%; width:142px; margin:-40px 0 0 -51px; padding:0; z-index:3; }
nav li { display:inline; }

section { position:absolute; left:50%; top:50%; overflow:hidden; overflow-y:auto; width:600px; height:400px; margin:0px 0 0 -91px; padding:0; background:#fff; z-index:3; }

footer { position:absolute; right:3px; bottom:3px; text-align:right; font-size:10px; color:#998; z-index:3; }
footer li { display:inline; }
footer a, footer a:link, footer a:visited { color:#998; }
footer a:hover, footer a:active { color:#fff; }

#dpxBG { position:absolute; top:0; left:0; z-index:1; }
#dpxBG img { display:inline; width:100%; height:100%; z-index:2; }