/* @group Eric Meyer CSS Reset (with some tweaks) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { /* Removed sub, sup */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/*
body {
	line-height: 1;
	color: black;
	background: white;
}
*/
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group Generic */

body {
	background: #adaeb0 url(res/img/gradient.gif) repeat-x left top;
	font-family: arial,sans-serif;
	font-size: 62.5%; /* Makes 1em = 10px */
	text-align: center;
}

a span, h1 span, h2 span, #navigation li span, hr {
	display: none;
	visibility: hidden;
}

a img { border: none; }

/* @end */

#header, #content, #footer {
	display: block;
	width: 100%;
}

div.page {
	display: block;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 965px;
}

/* @group Header */

#header {
	background: url(res/img/header-bottom.gif) no-repeat center bottom;
	height: 140px;
}

#header img {
	display: inline;
	float: right;
	margin: 16px 0 0 0;
}

/* @end */

/* @group Navigation */

#navigation {
	background: url(res/img/nav/key.gif) no-repeat left bottom;
	display: block;
	height: 223px;
	margin: 0 0 0 31px;
	width: 909px;		
}

#navigation li {
	float: left;
	height: 129px;
}

#navigation li a {
	background-position: left top;
	background-repeat: no-repeat;
}

#navigation li a:hover, #navigation li strong a {
	background-position: left bottom;
}

#nav_play_safer a {
	background: url(res/img/nav/play-safer.gif);
	display: block;
	height: 129px;
	width: 140px;
}

#nav_skills_zone {
	background: url(res/img/nav/skills-zone.gif) no-repeat left top;
	display: block;
	height: 129px;
	width: 140px;
}

#nav_fred_the_red {
	background: url(res/img/nav/fred-the-red.gif) no-repeat left top;
	display: block;
	height: 129px;
	width: 157px;
}

#nav_parents_page {
	background: url(res/img/nav/parents.gif) no-repeat left top;
	display: block;
	height: 129px;
	width: 157px;
}

#nav_downloads a {
	background: url(res/img/nav/downloads.gif);
	display: block;
	height: 129px;
	width: 150px;
}

#nav_downloads_faded {
	background: url(res/img/nav/downloads-faded.gif) no-repeat left top;
	display: block;
	height: 129px;
	width: 150px;
}

#nav_games_zone {
	background: url(res/img/nav/games-zone.gif) no-repeat left top;
	display: block;
	height: 129px;
	width: 165px;
}

/* @end */

/* @group Content */

#content {
	background: url(res/img/content-tile.png) repeat-y center top;
	overflow: hidden;
}

#sir_bobby_charlton {
	display: inline;
	float: left;
	position: relative;
	margin: -25px 0 0 40px;
	z-index: 10;
}

#play_safer_card {
	float: right;
	margin: 0 10px 0 0;
}

#welcome, #terms, #privacy {
	float: left;
	width: 560px;
}

#welcome h1 {
	background: url(res/img/headers/welcome.gif) no-repeat left top;
	display: block;
	height: 160px;
	margin: 40px 0 0 0;
	width: 560px;
}

#welcome p {
	color: #6d6e71;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	line-height: 1.7em;
	padding: 10px 0 10px 6px;
	width: 325px;
}

#terms h1 {
	background: url(res/img/headers/terms.gif) no-repeat left top;
	display: block;
	height: 60px;
	margin: 40px 0 0 6px;
	width: 545px;
}

#privacy h1 {
	background: url(res/img/headers/privacy.gif) no-repeat left top;
	display: block;
	height: 60px;
	margin: 40px 0 0 6px;
	width: 362px;
}

#terms p, #privacy p {
	color: #6d6e71;
	font-size: 1.15em;
	letter-spacing: 0.05em;
	line-height: 1.8em;
	padding: 10px 0 10px 6px;
	width: 530px;
}

#terms p.last, #privacy p.last {
	padding-bottom: 0;
}

#terms a, #privacy a {
	color: #dc291e;
}

#dream_day {
	clear: both;
	padding-top: 15px;
}

#dream_day h2 {
	background: url(res/img/headers/dream-day.gif) no-repeat left top;
	display: block;
	height: 90px;
	width: 437px;
}

#footballer, #signup {
	float: left;
}

#footballer {
	width: 360px;
}

#footballer img {
	display: block;
	margin: 0 0 0 15px;
}

#footballer p {
	color: #6d6e71;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	line-height: 1.7em;
	margin: 0 0 0 55px;
	padding: 25px 0 0 0;
	width: 280px;
}

#signup {
	width: 605px;
}

#signup div.first, #signup div.second {
	display: block;
	float: left;
	width: 270px;
}

#signup div.first {
	padding: 0 20px 0 0;
}

#signup p {
	color: #6d6e71;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	line-height: 1.7em;
	padding: 0 0 20px 0;
}

form {
	clear: left;
}

#coming_soon, #thankyou {
	display: block;
	margin: 35px 0 0 325px;
}

#instruction {
	display: block;
}

#instruction_copy {
	display: inline;
	float: left;
	margin: 40px 0 0 56px;
	width: 551px;
}

#instruction h1 {
	background: url(res/img/headers/follow-advice.gif) no-repeat left top;
	display: block;
	height: 115px;
	margin: 0 0 0 0;
	width: 551px;
}

#instruction h2 {
	background: url(res/img/headers/download-card-set.gif) no-repeat left 6px;
	float: left;
	height: 80px;
	margin: 0 0 0 0;
	width: 215px;
}

#instruction p {
	color: #6d6e71;
	float: left;
	font-size: 1.15em;
	letter-spacing: 0.05em;
	line-height: 1.8em;
	padding: 0 0 0 35px;
	width: 300px;
}

#instruction img {
	float: right;
	margin: 16px 85px -12px 0;
	position: relative;
	z-index: 10;
}

#cards {
	background: url(res/img/downloads/cards-divide.gif) no-repeat left top;
	clear: both;
	margin: 0 0 0 52px;
	overflow: hidden;
	padding: 0 0 0 0;
	width: 868px;
}

#cards ul {
	margin-top: 25px;
	display: block;
	width: 868px;
}

#cards li {
	float: left;
	height: 340px;
	width: 217px;
}

#cards li.last img {
	display: block;
	margin: 244px 0 0 0;
}

/* @end */

/* @group Form */

form {
	margin: 							0;
}

form ul {
	display: 							block;
	list-style-type:					none;
	margin: 							0 0 12px 0;
	overflow: 							hidden;
	padding: 							0;
}

form li {
	float: 								left;
	margin-right: 						20px;
}

fieldset {
	clear: left;
	display: block;
}

legend {
	display:							none;
	visibility:							hidden;
}

label {
	font-size:							1.1em;
	font-weight:						bold;
	line-height:						1.4em;
	color: 								#515151;
}

div.lbl {margin:10px 0 0 0 !important;}

div.obj input, textarea {
	width:								160px;
	padding:							3px;
	border-color:						#ababab;
	border-style:						solid;
	border-width:						thin;
	font-family:						arial, sans-serif;
	font-size:							1.2em;
	color: 								black;
}

#email {
	width: 								253px;
}

textarea {height:100px;}

div.obj input:focus, textarea:focus {background:#f2f2f2;}

div.obj input.err, textarea.err {border-color:#cd0000;}

div.grouped {
	display: block;
	float: left;
	margin-right: 27px;
	overflow: hidden;
}

div.long {
	float: left;
	display: block;
	margin-right: 27px;
	overflow: hidden;
}

form p {
	clear: left;
	padding: 10px 0 10px 0 !important;
}

form p.err {
	margin: 							3px 0 0 0 !important;
	padding: 							0 !important;
	background:							url(sc_admin/res/error_arrow.gif) no-repeat !important;
	font-size:							1.1em !important;
	font-style:							italic !important;
	text-indent:						20px !important;
	color: 								#cd0000 !important;
}

#sendme {
	clear: left !important;
	display: block !important;
}

p.accept_terms {
	display: 							block;
	padding: 							10px 0 0 0 !important;
}

p.accept_terms a, #smallprint a {
	color:								#dc291e;
}

#smallprint p {
	font-size: 							1em;
	width:								500px;
}

/* @end */

/* @group Footer */

#footer {
	background: url(res/img/footer-bottom.png) no-repeat center top;
	height: 150px;
}

#footer a {
	display: inline;
	float: right;
}

#gmp {
	display: block;
	margin: 38px 28px 0 0;
}

#kumho {
	display: block;
	margin: 33px 28px 0 0;
}

#drivesafe {
	display: block;
	margin: 26px 60px 0 0;
}

#mutd_foundation {
	display: block;
	margin: 42px 32px 0 0;
}

/* @end */

/* @group Foundry */

#foundry div.page {
	display: block;
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	text-align: right;
	width: 965px;
}

#foundry p {
	color: 								#515151;
	font-size: 							1.1em;
	margin-right: 						10px;
}

#foundry a {
	color:								#dc291e;
}

/* @end */