html, body {
      width: 100%;
      height: 100%;
      margin: 0px;
    }
    body {
      background-color: transparent;
	  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	  font-size:11px;
	  line-height:15px;
	  outline:0 !important;
    }
	 #play_all,
	 #restart {
		background-color:#fff;
		color:#000;
		display:table;
		height: 30px;
		position:fixed;
		bottom: 0px;
		width: 100px;
		z-index:2;
	 }

	 #play_all span,
	 #restart span {
		 cursor:pointer;
		display:table-cell;
		height:30px;
		text-align:center;
		vertical-align:middle;
		width: 100px;
	 }

	 #play_all {
		right: 105px;
/* 		display:none; */
	 }

	 #restart {
		right: 0px;
	 }
	 
    #wrapper {
	  background-image:url(../img/bartok_1920x1080.gif);
	  background-repeat:none;
	  background-size:cover;
		height: 100%;
		width: 100%;
		left: 0px;
		top: 0px;
		outline:0 !important;
		z-index:1;
    }
    .taparea {
		background-color: rgba(255,255,255,0.8);
		color:#fff;
		height: 33.3333%;
		position: absolute;
		text-align:center;
		width: 25%;
		-webkit-box-shadow: inset 0px 0px 0px 1px rgba(138,138,138,0.2);
		-moz-box-shadow: inset 0px 0px 0px 1px rgba(138,138,138,0.2);
		box-shadow: inset 0px 0px 0px 1px rgba(138,138,138,0.2);	
		outline:0 !important;
    }
    .taparea span {
	    display: block;
		margin: 16% 0 0;
		outline:0 !important;
    }
    .row_a .taparea {
		top:0;
    }
    .row_b .taparea {
		top:33.3333%;
    }
    .row_c .taparea {
		top:66.6666%;
    }
    .taparea.active {
      background-color: rgba(255,255,255,0);
    }
    
    #taparea_1, #taparea_5, #taparea_9 {
      left:0%;
    }
    #taparea_2, #taparea_6, #taparea_10 {
      left:25%;
    }
    #taparea_3, #taparea_7, #taparea_11 {
      left:50%;
    }
    #taparea_4, #taparea_8, #taparea_12 {
      left:75%;
    }
	
	.wavesurfer {
		width: 90%;
		margin: 0 5%;
		outline:0 !important;
	}