/* BASICS */
/* ---------------------------------------------------------------------------------------------------------- */
* {margin: 0; padding: 0}
body {background: #000000; font-family: "Lucida Grande", Arial, sans-serif; font-size: 62.5%}

img {display: block}
a img {border: 0}
ul {list-style-type: none}
h1, h2, h3, h4 {font-weight: normal}

a {color: #808080}
a:hover {text-decoration: none}

.clear {clear: both}
.left {float: left}
.right {float: right}

:focus {outline: 0} /* no more dots around links in firefox */


/* FORMS PAGE */
/* ---------------------------------------------------------------------------------------------------------- */
h1 {margin: 0 0 10px 0; color: #ffffff; font-size: 1.8em; text-transform: uppercase}
p.red {color: #ff0000; font-size: 1.2em; font-weight: bold}


#wrapBody {width: 750px; margin: 0 auto; padding: 0 0 50px 0}
#content {width: 750px; padding: 20px 0 0 0; background: transparent url(../images/002.jpg) no-repeat top center}

.left {width: 375px; margin: 30px 0 0 0; float: left}
.right {margin: 30px 0 0 0; float: right}

#ageBox {width: 300px; margin: 5px auto 15px auto}
#rulesBox {width: 300px; margin: 0 auto 5px auto; clear: both}
#optinBox {width: 600px; margin: 5px auto 15px auto}
	
#myform fieldset {border: none}
#myform label {font-size: 1.3em; color: #ffffff; display: block}
#myform input {padding: 3px; margin: 3px 0 15px 0; width: 350px}
#myform input#state {width: 200px}
#myform input#zip {width: 80px}
#myform input#age,
#myform input#rules,
#myform input#optin {width: 20px; margin: 0 8px 0 0; float: left}
#myform input#submitter {height: 36px; width: 96px; margin: 30px 0 0 0; float: left}


#dealerCode {margin: 30px 0 0 0; padding: 20px; background: #262626; border: 1px solid #333333}
#myform label#dealerLabel {margin: 4px 0 0 0; color: #808080; font-size: 1.3em; float: left}
#myform input#dealer {width: 210px; margin: 0 0 0 10px}

#myform p.title {margin: 0; padding: 0; color: #ffffff; font-size: 1.3em}
#myform select {width: 150px; margin: 8px 0 16px 0}

#myform img#contact {margin: 52px 0 3px 120px}
#myform p {margin: 0 0 0 120px; color: #808080}

#myform ul li {float: left}
#myform ul li#stateList {margin: 0 30px 0 0}

#divide {height: 40px; width: 750px; background: transparent url(../images/dot.gif) repeat-x left center; clear: both}


/* RULES & POLICIES PAGES */
/* ---------------------------------------------------------------------------------------------------------- */
#wrapRules {width: 750px; margin: 50px auto 0 auto; padding: 0 0 80px 0}
	#wrapRules h2 {font-size: 1.8em; color: #ffffff; margin: 0 0 10px 0; text-align: center}
	#wrapRules h3 {font-size: 1.4em; color: #ffffff; text-align: center; line-height: 1.5em; margin: 0 0 50px 0}
	#wrapRules h4 {font-size: 1.2em; color: #ffffff; text-align: center; margin: 0 0 10px 0; line-height: 1.6em}
	#wrapRules p {color: #808080; font-size: 1.2em; line-height: 1.6em; margin: 0 0 30px 0}
	#wrapRules p#win {margin: 0 170px; text-align: center}
	
	#wrapRules ul {margin: -20px 0 30px 30px; list-style-type: disc}
	#wrapRules ul li {padding: 0 0 5px 0; color: #808080; font-size: 1.2em}