#songs {
  background-image: url("../images/songs/bg.jpg");
}

#songs > .title {
  position: absolute;
  left: 499px;
  top: 490px;
}

/* bg animation */
.frame {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.0;
}

#songs > #filagry1 {
	position: absolute;
	left: 460px;
	top: 130px;
}

#songs > #filagry1 > .frame {
	width: 503px;
	height: 312px;
}

#songs > #filagry2 {
	position: absolute;
	left: 460px;
	top: 400px;
}

#songs > #filagry2 > .frame {
	width: 279px;
	height: 87px;
}

#songs > #filagry3 {
	position: absolute;
	left: 560px;
	top: 300px;
}

#songs > #filagry3 > .frame {
	width: 203px;
	height: 188px;
}

/* Buttons */

#songs > .buttons > .home {
  left: 1117px;
  top: 26px;
  z-index: 1000;
}

/* Song buttons */

#songs > .songs > .song {
  position: absolute;
  display: block;
  left: 808px;
}

#songs > .songs > #song01 { top: 35px; }
#songs > .songs > #song02 { top: 61px; }
#songs > .songs > #song03 { top: 89px; }
#songs > .songs > #song04 { top: 117px; }
#songs > .songs > #song05 { top: 144px; }
#songs > .songs > #song06 { top: 172px; }
#songs > .songs > #song07 { top: 198px; }
#songs > .songs > #song08 { top: 225px; }
#songs > .songs > #song09 { top: 252px; }
#songs > .songs > #song10 { top: 281px; }
#songs > .songs > #song11 { top: 307px; }
#songs > .songs > #song12 { top: 333px; }
#songs > .songs > #song13 { top: 360px; }
#songs > .songs > #song14 { top: 387px; }
#songs > .songs > #song15 { top: 414px; }
#songs > .songs > #song16 { top: 441px; }
#songs > .songs > #song17 { top: 468px; }
#songs > .songs > #song18 { top: 495px; }
#songs > .songs > #song19 { top: 522px; }
#songs > .songs > #song20 { top: 549px; }
#songs > .songs > #song21 { top: 576px; }
#songs > .songs > #song22 { top: 603px; }
#songs > .songs > #song23 { top: 630px; }
#songs > .songs > #song24 { top: 657px; }

/* Image faders */

.song-fader {
  position: absolute;
  cursor: pointer;
  font-size: 0;
}

.song-fader > img {
  /*-webkit-transition: opacity 0.25s;*/
}

.song-fader > img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.song-fader > img:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.song-fader:hover > img:nth-of-type(1),.song-fader.tk-highlighted > img:nth-of-type(1) { opacity: 0; }
.song-fader:hover > img:nth-of-type(2),.song-fader.tk-highlighted > img:nth-of-type(2) { opacity: 1; }
.song-fader:hover > img:nth-of-type(3),.song-fader.tk-highlighted > img:nth-of-type(3) { opacity: 0; }

.song-fader.activeSong > img:nth-of-type(1) { opacity: 0; }
.song-fader.activeSong > img:nth-of-type(2) { opacity: 0; }
.song-fader.activeSong > img:nth-of-type(3) { opacity: 1; }