*{margin: 0; padding: 0; border: 0}
html, body{min-width: 		898px}
body{
	background: 	#ffffff url("../images/bg.gif") center center repeat-y;
	text-align: 	center;
	font:			bold 14px/16px Arial;
}
#main{
	background: 	transparent url("../images/main_bg.gif") 35px 40px no-repeat;
	position: 		relative;
	margin: 		50px auto 0;
	width: 			898px;
	text-align: 	left;
}
#quiz #main, #age_detect #main{background: 	transparent}
#content{
	min-height:		580px;
	width:			414px;
	margin: 		7px 54px;
}
#button{
	background: 	transparent url("../images/button.gif") left top no-repeat;
	display:		block;
	margin:			7px 66px; 
	width:			277px;
	height:			41px;
}
#button:hover{
	background: 	transparent url("../images/button_on.gif") left top no-repeat;
}

#downloadbutton{
	background: 	transparent url("../images/download_btn_on.png") left top no-repeat;
	display:		block;
	margin:			7px 66px; 
	width:			277px;
	height:			58px;
	position:	relative;
	left:		-25px;
}
#downloadbutton:hover{
	background: 	transparent url("../images/download_btn.png") left top no-repeat;
}

#logos{
	clear:			both;
	margin:			30px 0px 20px 0;
	width: 			840px;
	text-align:		center;
}

#pegi{margin-left: 30px}
#activisionPC{margin:0 10px}
blockquote{margin:	10px}
#next{display:		block; float: right}
#content.age{
	height:			580px;
	width:			306px;
	margin: 		7px 220px;
	text-align: 	center
}

#submit_age{
	background: 	transparent url("../images/btn_submit.gif") left 2px no-repeat; 
	margin-top:		20px;
	width: 			95px; 
	height: 		38px;
	cursor: 		pointer;
	position:		absolute;
	top:			26px;
	left:			370px
} 
.age div.controls{
	position:		relative;
	float: 			left; 
	margin: 		0; 
	left: 			90px;
	top:		 	6px
}
/*#users_age*/
.age_drop{
	background: 	transparent url("../images/age_dropdown.gif") no-repeat; 
	padding:		9px 40px 5px 20px;
	font:			bold 14px/16px Arial;
	width: 			36px; 
	height: 		24px;
	margin: 		22px 0 0 40px;
	display:		inline-block;
	float:			left;
	text-align:		center;
	position:		absolute;
	top:			26px;
	left:			220px
}
#age_overlay{
	position:		absolute;
	background: 	transparent url("../images/dropdow_age_bg_top.gif") no-repeat;
	padding: 		18px 15px 0 0;
	height:			196px;
	width:			96px;
	overflow:		hidden;
	top:			38px;
	display:		none;
	left: 			260px;
}
#age_overlay_content{
	overflow:		-moz-scrollbars-vertical;
	height:			164px;
	width: 			92px; 
}
#age_overlay_content span{
	display: 		block; 
	text-align: 	center; 
	cursor: 		pointer; 
	text-decoration:none; 
	color: 			#333; 
	margin: 		0
}
#age_overlay_content span:hover{background: #8097cb; color: #fff}

#quiz #main.results{
	background: 	transparent url("../images/results_bg.jpg") 35px 38px no-repeat;
}
h1, #quiz #main h2{
	width:			700px;
	font: 			bold 30px/32px Arial Black, Arial;
	color: 			#5674b9
}
h1{	height: 		100px; padding-bottom:12px;}
#quiz #main h2{color:#777777}
#quiz #main h2.select{color: #5674b9}
#results h1, .video h1{
	height:			auto;
	width:			330px;
	font: 			bold 20px/22px Arial Black, Arial;
	text-align:		center;
	margin-left:	30px
}
.age h1{height: 		auto; width: 290px; padding-bottom:12px;}
#back_to_home{
	font: 			bold 14px/16px Arial Black, Arial;
	color: 			#5674b9;
	margin:			20px 148px;
	display: 		block;
	text-decoration:none;
}
#back_to_home:hover{
	text-decoration: underline
}
h3{	
	color:			#114d9f; 
	font:			bold 14px/16px Arial Black, Arial;
	text-transform:	uppercase;
	width:			185px;
	margin:			10px 100px
}
sup{
	position: 		relative;
	top:			-3px;
	font-size:		9px;
}
#share{

}
#quiz #content{width:700px}
#quiz #main h2{
	margin:			60px 10px;
	width:			auto;
	float:			left;
}
#quiz #main h2.small{margin:	10px 10px}
#quiz #main h2#sorry_age, #main h2#sorry_age{
	width:			400px;
	margin:			50px 150px;
	font: 			bold 20px/22px Arial Black, Arial;
	color: 			#5674b9;
	text-align:		center;
}
#main h2#sorry_age{
	margin:			100px 0 0 -20px ; 
}
#question div{
	margin:			20px 0 10px 15px;
	float: 			left;
}
.v{	width:			316px; height: 190px}

#redeem{
	margin:			0 68px;
	background: 	transparent url("../images/redeem.png") left top no-repeat;
	width:			280px;
	height:			20px
}
.num{float: 		left; margin: 0 10px 65px 0}
h1 span{display: 	block}
h1 span.legal{
	font: 			bold 12px/20px Arial Black,Arial
}
#results h1 span{display: inline}
.a{	cursor: 		pointer}	/*answers class*/
#question div.a_v{
	margin:			0;
	background:		transparent url(../images/answer_bg.png) no-repeat;
	font:			bold 18px/20px Arial;
	color:			#777777;
	text-align:		center;
	text-transform: uppercase;
	padding:		40px 10px 10px;
	width:			252px;
	height:			110px;
}
#question div.sm, #question div.smSelected{
	background:		transparent url(../images/sm_answer_bg.png) no-repeat;
	padding:		16px 10px 10px;
	height:			38px;
}
#question div.sm:hover, #question div.smSelected{
	background:		transparent url(../images/sm_answer_bg_on.png) no-repeat;
}

#question div.smf{padding: 5px 10px 10px; height: 46px}
#question div.smfs{padding: 5px 10px 10px; height: 46px; font-size: 17px}

.drop{
	background: 	transparent url("../images/dropdown_control_bg.png") left top no-repeat;
	margin:			10px 0 10px 85px;
	width:			174px;
	height:			31px;
	display:		block;
	padding:		5px 0 0px 10px
}
#question div.as{
	position: 		absolute;
	background: 	transparent url("../images/dropdow_top_bg.png") 1px top no-repeat;
	margin:			-75px 0 0 84px;
	padding-top:	16px;
	width:			157px;
	height:			32px;
	display:		none;
	z-index:		4
}
#question div.controls{float: right; margin: -45px 55px 0 0}
.controls img, .as span{
	display:		block;
	cursor: 		pointer
}
.controls img{margin:4px}
.as span{
	padding:		4px 10px;
	background: 	transparent url("../images/dropdow_bg.png") left top repeat-y;
}
.as span.selected, .as span:hover{
	color:			#fff;
	background: 	transparent url("../images/dropdow_bg_hover.png") left top repeat-y;
}
/*  
dropdow_top_bg.png
dropdow_bot_bg.png

 */

#up{}
#down{}

#stimulus_package{clear: both; margin: 20px 50px}
#download_btn{margin: 0 57px}
#pie{
	width:			350px;
	height:			165px;
}
#pie.noob{background: 	transparent url("../images/noob.jpg") 20px top no-repeat}
#pie.slightly{background: 	transparent url("../images/slightly.jpg") 20px top no-repeat}
#pie.very{background: 	transparent url("../images/very.jpg") 20px top no-repeat}
#pie.extremely{background: 	transparent url("../images/extremely.jpg") 20px top no-repeat}
#addthis{
	width:			106px;
	text-align:		center;
	margin: 		0 140px;
	height: 		35px
}
#addthis a{
	margin: 		0 2px;
	display:		inline-block;
	float:			left;
	width: 			31px; 
	height: 		31px;
}
#addthis a{cursor: 	pointer}

#main div#nav{
	float:			none;
	text-align: 	center;
	margin:			0 auto 20px;
	left:			200px;
	font: 			bold 11px/13px Arial,Verdana,Geneva,Helvetica,sans-serif;
	width: 			750px;
	display:		block
}
#nav a, #nav span{text-decoration: none; color: #be1811}
#nav a{margin: 0 10px}
#nav div{font-weight: normal; margin-bottom: 10px}

/* malik */
#launchbuttons { text-align:center; width:426px; }
#launchbuttons .suffer_stimulus, #launchbuttons .suffer_clicktodownload, #launchbuttons .suffer_learnmore {  position:relative; left:-9px; }
#launchbuttons .suffer_stimulus { border:0px; display:block; float:left; }
#launchbuttons .suffer_clicktodownload { border:0px;  display:block; float:left; margin-top:34px; }
#launchbuttons .suffer_learnmore {  }


/* iphone age gate fix */
#age_select { display:block;  width:100px; height: 50px; padding-top:18px; padding-left:40px;  }
#age_select select { font-size: 20px; }