html, body { height: 100%; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, input, select, 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; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
* { outline: none; }

/* layout */

.span-2 { width: 240px; }
.span-4 { width: 480px; }
.span-6 { width: 720px; }
.span-8 { width: 960px; }

.prepend-1 { margin-left: 120px; }

.left { float: left; }
.center { margin: 0 auto; }
.clear { clear: both; }

body { background: #f2f0e9 url(../img/bg-body.png) no-repeat center; }
.header { padding: 30px 0; text-align: center; clear: both; }
.content { height: 300px; overflow: hidden; background: #f2f0e9 url(../img/bg-rules.png) no-repeat center; }
.content > div { width: 720px; height: 240px; padding: 30px 0; margin: 0 auto; clear: both; }
.footer { padding: 30px 0; text-align: center; clear: both; }		
#page-2, #page-3, #page-4 { background: url(../img/bg-page.png) no-repeat 120px 0; }
#page-3 big { padding-right: 5px; margin-right: 5px; border-right: 1px solid #836e2c; }

/* typography */

body, input, textarea, select { font-family: Tahoma, Geneva, sans-serif; font-size: 10px; line-height: 15px; color: #836e2c; }
h3 { font-weight: bold; text-transform: uppercase; }
p, h3 { margin: 0 30px 15px 30px; }
big { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; font-weight: bold; }
ul { list-style: none; }
ol { list-style: decimal; }
a { color: #836e2c; }

/* forms */

input { background: none; }
label { display: block; }		
.textfield { width: 100%; height: 15px; padding: 7px 0 6px 0; border: 1px solid #e6e2d5; }
.button { overflow: visible; width: auto; height: 30px; line-height: 30px; font-weight: bold; text-transform: uppercase; cursor: pointer; padding: 0 15px; background-color: #e6e2d5; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 1px 1px #836e2c; -webkit-box-shadow: 0px 1px 1px #836e2c; }
.button:hover { background-color: #dad3bf; }