*{
    font-family: wild_words_roman_brroman_br,sans-serif;
    font-size: 25px;
}
body 
{
    background-color: #fff1cc;
    overflow: hidden;   
    margin: 0;
}

canvas
{
    overflow: hidden;   
    position: absolute;
	z-index: 5;
}

.puzzle-image
{
    overflow: hidden;   
    position: absolute;
    left: 50%;
    top: 50%;
}

#menu{
	height:310px;
	width:560px;
	background:url(img/menu.png) no-repeat;
	margin: 0 auto;
	margin-top:100px;
	padding:20px;
	position:relative;
}
#menu ul{
	list-style-type:none;
	position:absolute;
	top:120px;
	left:385px;
}
#menu ul img{
	margin-bottom:8px;
}

#menu h1, #menu h1 span {
    line-height: 20px;
    color: #fff;
    font-weight: 400;
	text-align:center;
}
#menu h1 span {
    text-shadow: 3px 0 0 #dbb849, -3px 0 0 #dbb849, 0 3px 0 #dbb849, 0 -3px 0 #dbb849, 1px 1px #dbb849, -1px -1px 0 #dbb849, 1px -1px 0 #dbb849, -1px 1px 0 #dbb849,5px 5px 0px #977c28;
    font-size: 36px;
}
#menu #fig{
	border: 1px #7a5300 solid;
	position:absolute;
	top:130px;
	left:55px;
}
#view{
	position:absolute;
	top:20px;
	left:20px;
	border: 1px #7a5300 solid;
	display:none;
	z-index:6;
}

#end{
	width:560px;
	height:100px;
	position:absolute;
	text-align:center;
	z-index:10;
	display:none;
}

#end h1{
	width:980px;
	text-align:center;
    color: #28aadc;
    font-size: 30px;
    font-weight: 400;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,5px 5px 0px rgba(0,0,0,0.4);
}

#end p {
	width:980px;
	text-align:center;
	line-height:20px;
    font-size: 20px;
	margin-bottom: 10px;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,3px 2px 0px rgba(0,0,0,0.4);
}