.nav li.howto{
	background-image:url(../images/btn_nav_howto.png);
	background-position:0 -324px;
}

h3#howto{
	background-image:url(../images/howto/m_howto.png);
	width:922px;
	height:127px;
	text-indent:-999px;
	overflow:hidden;
	margin-top:10px;
}

#example{
	margin-top:15px;
	border:#ffd616 solid 5px;
	padding:2px;
	width:902px;
}
#example .wrap{
	background-color:#ffea63;
}

#list{
	width:862px;
	margin:32px auto 20px auto;
}

#list ul{
	float:left;
}

ul#buttons{
	width:187px;
	margin-right:6px;
}

ul#buttons li{
	width:187px;
	height:77px;
	margin-bottom:5px;
	background-position:0 -154px;
	background-repeat: no-repeat;
}
ul#buttons li a{
	width:187px;
	height:77px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	background-repeat: no-repeat;
}

ul#buttons li a:hover{
	background-position:0 -77px;
}


ul#buttons li.snake,ul#buttons li.snake a{
	background-image:url(../images/howto/btn_snake.png);
}

ul#buttons li.marble,ul#buttons li.marble a{
	background-image:url(../images/howto/btn_marble.png);
}
ul#buttons li.candy,ul#buttons li.candy a{
	background-image:url(../images/howto/btn_candy.png);
}

ul#buttons li a{
	display:none;
}
ul#recipe{
	float:left;
	width:669px;
}
ul#recipe li{
	width:669px;
	display:none;
	position:relative;
}



.movie{
	width:669px;
	height:349px;
	position:relative;
	background-image:url(../images/howto/movie_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
}

.movie a{
	width:532px;
	height:292px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	margin:0 auto;
	margin-top:15px;
}
.movie a:hover{
	background-position:0 -292px;
}

.snake .movie a{
	background-image:url(../images/howto/movie_snake.png);
}
.marble .movie a{
	background-image:url(../images/howto/movie_marble.png);
}
.candy .movie a{
	background-image:url(../images/howto/movie_candy.png);
}