body{
  margin: 0px;
  padding: 0px;
}
#videoplayer-container{
  position: absolute;
  width: 287px;
  height: 167px;
  left: 6px;
  top: 108px;
}
#videoHolder1{
  position: absolute;
  top: 0px;
  z-index: 21;
  left: 0px;
  background-color: black;
}
#videoHolder2{
  position: absolute;
  top: 0px;
  z-index: 21;
  left: 0px;
  background-color: black;
}
#videoHolder3{
  position: absolute;
  top: 0px;
  z-index: 21;
  left: 0px;
  background-color: black;
}
#videoHolder4{
  position: absolute;
  top: 0px;
  z-index: 21;
  left: 0px;
  background-color: black;
}
#panel2-container{
  display:none;
  position: absolute;
  width: 300px;
  height: 600px;
  /*left: -305px;*/
/*  left: 0px;*/
  top: 0px;
  opacity: 1;
  cursor: pointer;
  z-index: 20;
/*  z-index: 1000;*/
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transform-origin: top  center;
  -moz-transform-origin: top  center;
  -ms-transform-origin: top  center;
  transform-origin: top  center;
}
#panel1-container{
  display:none;
  position: absolute;
  overflow: hidden;
  width: 300px;
  height: 600px;
  z-index: 19;
  left: 0px;
  top: 0px;
  cursor: pointer;
  opacity: 1;
  -moz-perspective: 1000px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#background-image{
  width: 300px;
  height: 600px;
  /*background: url("backgroundimage.jpg");*/
  z-index: 1;
  position: absolute;
  background-repeat: no-repeat;
  background-size: auto;
}
#cta_button{
  /*background-image: url("cta.jpg");*/
  position: absolute;
  left: 0px;
  top: 220px;
  width: 300px;
  height: 30px;
  cursor: pointer;
  z-index: 26;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display:none;
}

#back1{
  position: absolute;
  left: 0px;
  top: 220px;
  width: 300px;
  height: 30px;
  cursor: pointer;
  z-index: 26;
  background-repeat: no-repeat;
  background-size: 100% 100%;

}
#back_button{
  /*background-image: url("back.jpg");*/
  position: absolute;
  left: 0px;
  top: 800px;
  width: 300px;
  height: 60px;
  cursor: pointer;
  z-index: 26;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#main-Container{
  position: absolute;
  width: 298px;
  height: 598px;
  top: 0px;
  left: 0px;
  z-index: 1;
  overflow: hidden;
    background-image:url("300x600.jpg");
}
#img1{
  /*background: url("thumbnail1.jpg");*/
  position: absolute;
  width: 67px;
  height: 50px;  
  z-index: 22;
  font-size: 36px;
  font-weight: bold;
  line-height: 0.833;
  cursor: pointer;
/*  left: 15px;
  top: 64px;*/
  opacity: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#img2{
  /*background: url("thumbnail2.jpg");*/
  position: absolute;
/*  left: 156px;
  top: 63px;*/
   width: 67px;
  height: 50px;
  z-index: 23;
  cursor: pointer;
  font-size: 36px;
  font-weight: bold;
  line-height: 0.833;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#img3{
  /*background: url("thumbnail3.jpg");*/
  position: absolute;
/*  left: 15px;
  top: 154px;*/
  width: 67px;
  height: 50px;
  font-size: 36px;
  font-weight: bold;
  line-height: 0.833;
  z-index: 24;
  opacity: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#img4{
  /*background: url("thumbnail4.jpg");*/
  position: absolute;
/*  left: 156px;
  top: 155px;*/
  width: 67px;
  height: 50px;
  font-size: 36px;
  font-weight: bold;
  line-height: 0.833;
  z-index: 25;
  cursor: pointer;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#blocker{
  width: 300px;
  height: 600px;
  top: 0px;
  left: 0px;
  background-color: red;
  display:block;
  position: absolute;
  z-index: 2000;
  background-color: transparent;
}