body { 
margin: 0;
overflow: hidden; 
}

.canvas-container
{
	width: 800px;
    height: 600px;
	position: relative;
}
.canvas
{	
	width:800px;
	height:600px;
	background-color: black;
	display: block;
	z-index = 0;
	position: relative;
}

#startButton 
{
	border: none;
	z-index: 1;
	position: absolute;
    top: 40%;
    left:40%;
    width:158px;
	height:158px;
	background: url(data/imgs/start_button.png) no-repeat;
}
#fullscreenButton 
{
	
	border: none;
	z-index: 1;
	position: absolute;
    top: 88%;
    left:91%;
    width:77px;
	height:76px;
	visibility: hidden;
	background: url(data/imgs/fullscreen_button.png) no-repeat;
}
button
{
	color: transparent;
}
.canvas-container:hover #startButton
{
	background: url(data/imgs/start_button.png) no-repeat;
}
.canvas-container:hover #fullscreenButton
{
	background: url(data/imgs/fullscreen_button.png) no-repeat;
}