﻿/* css document & reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, 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 { font-style: normal; font-weight: normal; }
ol, ul { 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; }
/* doc styles */
.offscreen { position: absolute; top: -1000px; left: -5000px; }
a, a:visited { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; color: #f336c5; }
.clear { clear: both; }
h1 { line-height: 1.4em; font-size: 175%; margin: 0 0 1em; }
h2 { line-height: 1.4em; margin: 0 0 .5em; font-size: 150%; font-weight: bold; }
h3 { line-height: 1.4em; padding: 0 0 1em; font-size: 125%; font-weight: bold; }
p { line-height: 1.4em; padding: 0 0 1em 0; }
ul { margin: 0 0 1em; }
ul ul { margin: 0; }
hr { height: 1px; clear: both; }
.strong-text { font-weight: bold; }
.small-text { font-size: 8pt; font-weight: normal; padding: 0; }
.grey { color: #7d7d7d; }
.red { color: #cc3300; }
.center { text-align:center; z-index: 100; }
.left a { margin: 12px 0px 0px 200px; font-size: 10px; float: left; color: #f336c5; }
.right { margin: 12px 10px 0px 0px; font-size: 10px; float: right; }
.right a { color: #f336c5; }
.hidden, .home, .prizes, .rounds, .rules, .enter, .thanks { display: inline-block; }
/* body styles */
body { background: #000 url(media/headerback.jpg) repeat-x top; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 72%; line-height: 1.4em; padding: 0; height: 100%; }
.container { background-position: top; width: 968px; margin: 0 auto; }
.header { background: transparent url(media/header.jpg) no-repeat top; width: 968px; height: 144px; }
.nav { background: transparent url(media/nav.jpg) no-repeat top; width: 968px; height: 24px; }
.content-wrapper { background: transparent url(media/body-1.jpg) no-repeat top; padding: 140px 0 10px 1px; }
.bodytext { background: #fff; width: 538px; padding: 20px; color: #000; min-height: 200px; z-index: 2; }
.bodytexttop { background: transparent url(media/bodytext-top.gif) no-repeat top; width: 580px; height: 50px; }
.bodytextbottom { background: transparent url(media/bodytext-bottom.gif) no-repeat top; width: 580px; height: 25px; }
.submit {background: transparent url(media/submit.gif) no-repeat; cursor: pointer; border: 0; width: 112px; height: 28px; z-index: 100; }
.footer { background: transparent url(media/footer.gif) no-repeat bottom; width: 968px; height: 115px; color: #ffffff; display: block; }
.bodytext a, .bodytext h2, .nav ul li a:hover, .nav ul li a:active { color: #f336c5; }
.bodytext h2 { font-weight: bold; }
.bodytext select { margin-left: 100px; width:205px; font-size: 9pt; margin-bottom: 20px; }
.homelink, .prizeslink, .roundslink, .ruleslink, .enterlink, termslink { display: inline-block; }
.text { font-size: 12px; font-weight: bold; border: 1px solid #222; width: 200px; height: 20px; }
.label { width: 100px; display: inline-block; }
.nav ul { padding: 3px 0px 0 0px; font-weight: bold; }
.nav ul li { border-right: solid 1px #4f4f4f; display: inline; margin: 0px; font-size: 11px; padding: 0px 20px 0px 20px; width:100px; }
.nav ul li:last-child, .footer ul li:last-child { border: 0px; }
.footer ul { padding: 50px 0px 0 20px; }
.footer ul li { padding: 0px 15px 0px 10px; border-right: solid 1px #888; display: inline; margin: 0px; font-size: 8pt; height: 15px; }
.footer ul li a, .footer ul li a:visited { color: #fff; text-decoration: none; }
.footer ul li a:hover, .footer ul li a:active { text-decoration: underline; color: #f336c5; }
.thirdline ul { padding: 0px; }
.terms ul li { list-style-type: disc; list-style-position: inside; padding-bottom: 5px; }
.logos { position: absolute; top: 650px; width: 1px; }
.kick { margin-left: 640px; position: relative; top: -135px; width: 111px; height: 81px; }
.dj { margin-left: 795px; position: relative; top: -300px; }
.pioneer { margin-left: 780px; position: relative; top: -260px; }
.bacardi { margin-left: 640px; position: relative; top: -405px; }
/* print css */
@media print
{
    .header, .nav, .footer, .thirdline { display: none; }
    .content-inner { width: 600px; border: 0 none; }
}
