/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
html, body { height: 100%; }
body { line-height: 1; font-family: Arial; }
ol, ul { list-style: none; }
:focus, a { outline: 0; }
a img, :link img, :visited img { border: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
img { -ms-interpolation-mode: bicubic; }
table, caption, th, td { vertical-align: middle; text-align: left; font-weight: normal; }

/* restore */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, ins { text-decoration: none; }
a, input[type=submit], label, select { cursor: pointer; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
sup, sub { line-height: 0; }
del { text-decoration: line-through; }
pre, code { white-space: pre; }

body { background: #d76946; color: #fff; }
#bg { position:fixed; top:0; left:0; width:100%; height:100%; }
#wrap { position: relative; z-index: 1; width: 350px; margin: 0 auto; padding: 120px 100px 120px 400px; }
* html { overflow-y: hidden; }
* html body { overflow-y: auto; }
* html #bg { position:absolute; z-index:-1; }
* html #wrap { position:static; }

h1 { font-size: 2em; padding: 5px 0; text-shadow: 3px 3px 1px rgba(0,0,0,0.6); }
a { background: rgba(0,0,0,0.6); color: #fff; padding: 10px; display: block; }