* {
	margin: 0;
	padding: 0;
}
html {

}
body {
	font-family: CharterOSCRegular;
	background: #fff;
	font-size: 17px;
	line-height: 29px;
	background: url(../images/bg.gif) no-repeat;
	background-size:cover;
	}

#header {
	font-family: FFDINBold;
}

.wrapper{
	width: 900px;
	margin: 55px auto 0;
}

.block{
	width: 640px;
	height: 513px;
	margin-left: 130px;
	background: #BB657C url(../images/line.jpg) no-repeat left top;
	padding: 30px;
	position: relative;
	-webkit-box-shadow:  7px 7px 7px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  7px 7px 7px 0px rgba(0, 0, 0, 0.5);
		
		h1{
			font: 40px/48px 'NonameGroteskHanddrawnv4Rg';
			margin: 20px 0 40px;
			color: #fff;
		}
		h2{
			font: 30px/36px 'NonameGroteskHanddrawnv4Rg';
			margin: 20px 0 40px;
			color: #000;
		}
		.line{
			width: 175px;
			height: 1px;
			background-color: #fff;
			margin-bottom: 25px;
		}
		.description{
			width: 316px;
		}
		.go{
			width: 190px;
			height: 265px;
			position: absolute;
			top: 170px;
			left: 415px;
			background: url(../images/start.png) no-repeat left top;
			cursor: pointer;
		}
		
		.credits{
			font: 13px/18px 'CirceRegular';
		}
		
		/*.pagination{
			margin: 0 0 30px 25px;
			
			span{
				font: 10px/12px 'NonameGroteskHanddrawnv4Rg';
				margin-right:45px;
			}
			.active{
				color: #fff;
			}
			.done{
				color: rgb(80, 255, 184);
			}
		}*/
		
		.answer{
			width: 217px;
			height: 345px;
			margin-right: 22px;
			margin-top: 27px;
			float: left;
			padding: 20px;
			font: 20px/24px 'NonameGroteskHanddrawnv4Rg';
			
				img{
					display: block;
					margin-bottom: 22px;
				}
		}
		.answer:hover{
			color: #fff;
			text-decoration: underline;
			cursor: pointer;
		}
		
}


.result{
	width: 640px;
/*	height: 600x;*/
	margin-left: 130px;
	padding: 20px 0 0;
		
		.begin{
				h2{
					margin: 100px 0 30px 30px;
				}
				.cover{
					float: left;
					padding: 0 30px;
					height: 425px;
					margin-top: -50px;
				}
				.about{
					font: 16px/19px 'CharterOSCRegular';
					padding-right: 30px;
					span{
						font: 39px/47px 'NonameGroteskHanddrawnv4Rg';
						color: #fff;
					}
				}
		}
	
	.repeat{
		width: 277px;
		height: 71px;
		position: absolute;
		background: #fff url(../images/repeat.png) no-repeat left top;
		bottom: -10px;
		right: -50px;
		cursor: pointer;
	}
}

.test, .result{
	display: none;
}