@charset "UTF-8";
/* CSS Document */
#canvas {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/bg.canvas.png);
	z-index:1;
}

#overlay {     
    display:none;   
	width:800px;  
	background:url(../images/bg.overlay.png);
	z-index:2;
} 
 
.overlay-close { 
	background:url(../images/bg.close.png) no-repeat;
	position:absolute; 
    top:7px; 
    right:12px; 
    width:35px; 
    height:35px; 
    cursor:pointer;
} 

#overlay-content {
	padding:40px;
	color:#FFFFFF;
}

#overlay-content #container {
	margin:0 auto;
	text-align:center;
}

#overlay-content a {
	color:#FFFFFF;
}

#sample-dvd-insert {
	position:absolute;
	display:none;
	background:url(../images/sample.dvd-insert.jpg) no-repeat;
	width:800px;
	height:533px;
}

#sample-dvd-menu {
	position:absolute;
	display:none;
	background:url(../images/sample.dvd-menu.jpg) no-repeat;
	width:720px;
	height:480px;
}

#sample-dvd-face {
	position:absolute;
	display:none;
	background:url(../images/sample.dvd-face.jpg) no-repeat;
	width:600px;
	height:600px;
}

#sample-dvd-insert .overlay-close,
#sample-dvd-face .overlay-close,
#sample-dvd-menu .overlay-close { 
	background:url(../images/bg.close.png) no-repeat;
	position:absolute; 
    top:-17px; 
    right:-22px; 
    width:35px; 
    height:35px; 
    cursor:pointer;
}