/* RESET */
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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */

html, body {
	height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/background.png) 0 0 repeat-x #229bd2;
}
body#home {
	background:url(../images/background.png) 0 0 repeat-x #fff;
}
.wrapper {
	width:812px;
	height:auto;
	min-height:100%;
	text-align:left;
	margin:0 auto -80px;
	position:relative;
}
.home-wrapper {
	width:812px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
#splash {
	text-align:center;
	padding: 0;
	height:750px;
}
#splash img {
	margin:0 auto;
}

/* HEADER */
#header {
	width:812px;
	height:158px;
	background:url(../images/header-bg.gif) 0 12px no-repeat;
	position:relative;
}
#header h1 a {
	display:block;
	width:530px;
	height:158px;
	text-indent:-9999px;
}
#header #timer {
	position:absolute;
	background:transparent url(../images/timer.gif) 0 0 no-repeat;
	width:190px;
	height:21px;
	bottom:22px;
	right:110px;
	display:none;
}
#header #timer-filler {
	height:21px;
	background:url(../images/timer-full.gif) 0 0 no-repeat;
}
#start-quiz, #skip, #map, #stc, #vicks, #jess3 {
	position:absolute;
}
#start-quiz a, #skip a, #map a, #stc a, #vicks a, #jess3 a {
	display:block;
	text-indent:-9999px;
}
#start-quiz {
	top:118px;
	right:0;
}
#start-quiz a {
	width:130px;
	height:19px;
	background:url(../images/start-quiz.gif) 0 0 no-repeat;
}
#skip {
	top:118px;
	right:115px;
}
#skip a {
	width:91px;
	height:17px;
	background:url(../images/skip-question.gif) 0 0 no-repeat;
}
#map {
	top:118px;
	right:0;
}
#map a {
	width:96px;
	height:17px;
	background:url(../images/back-to-map.gif) 0 0 no-repeat;
}
#progress {
	width:340px;
	height:23px;
	background:url(../images/progress-empty.png) 0 0 no-repeat;
	font-size:9px;
	color:#fff;
	position:absolute;
	top:190px;
	left:0;
	z-index:100;
}
#progress-filler {
	height:17px;
	background:url(../images/progress-full.png) 0 0 no-repeat;
}
#progress .current, #progress .total {
	display:block;
	width:15px;
	line-height:18px;
	text-align:center;
}
#progress .current {
	float:left;
}
#progress .total {
	float:right;
}
#progress .gone {
	display:none;
}
#questionWrapper{
	position: relative;
	height: 565px;
}
#question {
	width:812px;
	height:550px;
/*	overflow:hidden; */
	position:relative;
}
#question ul {
	position:absolute;
	top:269px;
	left:12px;
	z-index:100;
}
#question ul li {
	margin:0 0 11px;
}
#question ul li a {
	display:block;
	width:450px;
	height:54px;
	text-indent:-9999px;
}
#question li a:hover {
	background:url(../images/x.gif) 16px 15px no-repeat;
}
#question ul li#answerA {
	margin:0 0 14px;
}
#question ul li#answerD {
	margin:0;
}
#question ul#answersTF {
	top:410px;
	left:125px;
}
#question ul#answersTF li {
	float:left;
	display:inline;
	margin:0 25px 0 0;
}
#question ul#answersTF li a {
	width:269px;
	height:90px;
}
#question ul#answersTF li#answerTrue a {
	background:url(../images/questions/true.gif) 0 0 no-repeat;
}
#question ul#answersTF li#answerFalse a {
	background:url(../images/questions/false.gif) 0 0 no-repeat;
}
#question p#next-level a {
	width:354px;
	height:87px;
	background:url(../images/questions/next-question.gif) 0 0 no-repeat;
	position:absolute;
	top:300px;
	right:0;
	padding:0;
	margin:0;
}
#question.ABCD p#next-level a {
	top:400px;
}
#question a#tweet-this {
	position:absolute;
	top:373px;
	right:243px;
	padding:0;
	margin:0;
}
#question.ABCD a#tweet-this {
	top:473px;
}
#question a#share-on-fb {
	position:absolute;
	top:372px;
	right:66px;
	padding:0;
	margin:0;
}
#question.ABCD a#share-on-fb {
	top:472px;
}
#question #fact {
	position:absolute;
	bottom:0;
	left:0;
}


/* FOOTER */
html, body, .wrapper {height:100%;}
body > .wrapper {height:auto; min-height:100%;}
#main {padding-bottom:115px;}
#footer {
	position:relative;
	margin-top:-115px;
	height:115px;
	clear:both;
	background:url(../images/footer-bg.gif) 0 0 repeat-x;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer .wrapper {
	height:115px;
	background:url(../images/footer-wrapper-bg.gif) center top no-repeat;
	position:relative;
}
body#home #footer {
	margin:0;
}
body#home #footer, body#home #footer .wrapper {
	background:#fff;
}
#footer p {
	font-size:11px;
}
#footer p a {
	font-weight:bold;
	text-decoration:none;
	color:#155291;
}
#footer p#legal {
	padding:51px 0 5px;
}
#footer p#legal a {
	display:inline-block; margin:0 5px 0 0;
}
#stc {
	top:20px;
	left:0;
}
#stc a {
	width:140px;
	height:18px;
	background:url(../images/stc.png) 0 0 no-repeat;
}
#question #vicks{
	display: none;
}
#footer #vicks {
	top:25px;
	right:0;
/*	display:none;*/
}
#vicks a {
	width:130px;
	height:16px;
	background:url(../images/vicks.png) 0 0 no-repeat;
}
#jess3 {
	top:60px;
	right:0;
}
#jess3 a {
	width:58px;
	height:18px;
	background:url(../images/jess3.gif); 0 0 no-repeat;
}


/* REGISTER */
#login,
#register {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-align:center;
	color:#fff;
	padding:85px 0 85px;
}
form {
	width:240px;
	text-align:left;
	margin:0 auto;
}
#login h2,
#register h2 {
	display:block;
	width:85px;
	height:19px;
	background:url(../images/register.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:30px !important;
}
#login h2{
	background:url(../images/login.gif) 0 0 no-repeat;
}

form label {
	display:inline-block;
	width:85px;
	text-align:right;
	float:left;
	margin:0 5px 0 0;
}
form input {
	width:146px;
	background:#fff;
	margin:0 0 7px;
	border: 2px solid #FFF;	
}
form input:focus{
	border: 2px solid #055492;
}
form input#zip {
	margin:0 0 20px;
}
form img {
	display:block;
	margin:0 0 7px;
}
form a {
	color:#fff;
}
form h2, p.small, p#register-button, p#register-skip, p.error {
	margin:0 0 0 90px;
}
form p.small {
	font-size:11px;
	margin-bottom:20px;
}
form p.small input {
	float:left;
	width:auto;
	margin:0 5px 45px -17px;
	background:none;
	border:none;
}
form p.error {
	font-size:11px;
	font-weight:bold;
	color:#fc0;
	margin-bottom:20px;
}
p#register-button {
	margin-top:20px;
}
p#register-skip {
	margin-top:30px;
}
p#register-button input.button {
	width:91px;
	height:23px;
	background:url(../images/register-button.png) 0 0 no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	cursor:pointer;
	border: none;
}
p#register-skip a {
	display:block;
	width:54px;
	height:22px;
	background:url(../images/skip.png) 0 0 no-repeat;
	text-indent:-9999px;
}


/* LEVEL COMPLETE */
.complete {
	text-align:center;
	padding:85px 0 0;
	margin:0 0 -85px;
}
.complete h2 {
	width:470px;
	height:70px;
	background:url(../images/level-complete.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin:0 auto 55px auto;
}
a#tweet-this {
	display:block;
	width:110px;
	height:29px;
	background:url(../images/tweet-this.gif) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
	margin:35px 0 0 230px;
}
a#share-on-fb {
	display:block;
	width:177px;
	height:29px;
	background:url(../images/share-on-fb.gif) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
	margin:35px 0 0;
}
p#next-level a {
	display:block;
	width:131px;
	height:85px;
	background:url(../images/next-arrow.png) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
	margin:0 0 55px 20px;
}
p#donate-now {
	clear:both;
}
p#donate-now a {
	display:block;
	width:169px;
	height:31px;
	background:url(../images/donate-now.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}


/* DONATE & SIGN */
.mid-content {
	text-align:center;
	padding:85px 0 0;
	margin:0 0 -85px;
}
p#click-to-donate a {
	display:block;
	width:411px;
	height:108px;
	background:url(../images/click-to-donate.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin:30px auto 80px;
}
p#skip-to-next a {
	display:block;
	width:413px;
	height:36px;
	background:url(../images/skip-to-next.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}
p#please-sign a {
	display:block;
	width:580px;
	height:106px;
	background:url(../images/please-sign.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin:30px auto 80px;
}


/* SUCCESS STORIES */
.success p#donate-now a {
	width:289px !important;
	height:55px !important;
	background:url(../images/questions/success-donate.gif) 0 0 no-repeat !important;
	position:absolute !important;
	top:465px !important;
	left:120px !important;
}
.success p#next-success a {
	display:block;
	width:201px;
	height:93px;
	background:url(../images/questions/success-next.gif) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:380px;
	right:25px;
}
.success a#tweet-this {
	top:480px !important;
	right:175px !important;
}
.success a#share-on-fb {
	top:480px !important;
	right:0 !important;
}


/* TEMP */
a:hover, a:hover img, p:hover#register-button input {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}
body#home #splash a:hover, body#home #splash a:hover img, .ABCD li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}