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

/* --------------- Navigation Items ------------------- */

.menu {
  position: absolute;
}

.menu > .play {
  left: 742px;
  top: 231px;
}

.menu > .playtv {
  left: 742px;
  top: 231px;
  display: none;
}

.menu > .songs {
  left: 742px;
  top: 381px;
}

.menu > .photos {
  left: 742px;
  top: 307px;
}

.menu > .videos {
  left: 742px;
  top: 609px;
}

.menu > .discography {
  left: 742px;
  top: 533px;
}

.menu > .credits {
  left: 742px;
  top: 459px;
}

/* --------------- Face Animation ------------------- */

#face_panel {
  position: absolute;
  width: 344px;
  height: 651px;
  left: 285px;
  top: 59px;
  -webkit-transition: opacity 1.0s;
}

#face_panel > .face {
  position: absolute;
  width: 344px;
  height: 651px;
  opacity: 0;

  -webkit-animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;  
}

#face_panel > #face2 {
  background-image: url("../images/home/face2.jpg");
  -webkit-animation-name: stage2_fade;
}

#face_panel > #face3 {
  background-image: url("../images/home/face3.jpg");
  -webkit-animation-name: stage3_fade;
}

@-webkit-keyframes stage2_fade
{
    0%     { opacity: 0.0;  }
    15%    { opacity: 0.0;  }
    35%     { opacity: 1.0;  }
    80%     { opacity: 1.0;  }
    95%     { opacity: 0.0;  }
    100%   { opacity: 0.0;  }
}

@-webkit-keyframes stage3_fade
{
    0%     { opacity: 0.0;  }
    35%     { opacity: 0.0;  }
    55%     { opacity: 1.0;  }
	60%     { opacity: 1.0;  }    
    80%     { opacity: 0.0;  }
    100%   { opacity: 0.0;  }
}

@media (-webkit-apple-tv) {
	.menu > .play {
	  display: none;
	  visibility: hidden;
	}
	
	.menu > .playtv {
	  display: block;
	  visibility: visible;
	}
}