@charset "UTF-8";
/* CSS Document */

body {
  vertical-align: baseline;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0;
  text-align: center;
  color: #7b7b7b;
  font-size: 0.7em;
  font-family: Helvetica, Arial;
}

.bannerSize {
  width:300px;
  height:250px;
  top:0px;
  left:0px;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}

#border {
  cursor: pointer;
  position: absolute;
  opacity: 1;
  border: 1px solid #000000;
  top: 0px;
  left: 0px;
  overflow: hidden;
  z-index: 600;
}

#container {
  background-color: #ffffff;
  opacity: 0;
}

.btnPlay {
  background-image:url('images/btnPlay.png');
  background-size:80px 80px;
  width:80px;
  height:80px;
    position:absolute;
    left: 110px;
    top: 75px;
  opacity:0.7;
    z-index:10;
    cursor: pointer;
}

#image0 {
  background-image: url("images/image0.jpg");
  background-repeat: no-repeat;
  background-size:657px 437px;
  width:657px;
  height:437px;
}

#overlay0 {
  background-image: url("images/overlay0.png");
  background-repeat: no-repeat;
}

#overlay1 {
  background-image: url("images/overlay1.png");
  background-repeat: no-repeat;
}

#overlay2 {
  background-image: url("images/overlay2.png");
  background-repeat: no-repeat;
  width:498px;
  height:250px;
}

#copy1a {
  background-image: url("images/copy1a.png");
  background-repeat: no-repeat;
}
#copy1b {
  background-image: url("images/copy1b.png");
  background-repeat: no-repeat;
}
#copy1c {
  background-image: url("images/copy1c.png");
  background-repeat: no-repeat;
}
#copy1d {
  background-image: url("images/copy1d.png");
  background-repeat: no-repeat;
}
#copy1e {
  background-image: url("images/copy1e.png");
  background-repeat: no-repeat;
}
#copy1f {
  background-image: url("images/copy1f.png");
  background-repeat: no-repeat;
}

#copy3a {
  background-repeat: no-repeat;
  background-image: url("images/copy3a.png");
}
#copy3b {
  background-image: url("images/copy3b.png");
  background-repeat: no-repeat;
}
#copy3c {
  background-image: url("images/copy3c.png");
  background-repeat: no-repeat;
}
#copy3d {
  background-image: url("images/copy3d.png");
  background-repeat: no-repeat;
}


#arrow0 {
  background-image: url("images/arrowLrgWhite.png");
  background-repeat: no-repeat;
  width:64px;
  height:97px;
  left:0px;
  position: absolute;
  overflow: hidden;
}
#arrow0mask {
  width: 100px;
  height: 97px;
  position: absolute;
  left:87px;
  top: 163px;
  overflow: hidden;
}

#arrow1 {
  background-image: url("images/arrowSmBlack.png");
  width:18px;
  height:27px;
  background-repeat: no-repeat;
}
#arrow1mask {
  width: 30px;
  height: 27px;
  position: absolute;
  left:16px;
  top: 0px;
  overflow: hidden;
}

#arrow2 {
  background-image: url("images/arrowLrgWhite.png");
  background-repeat: no-repeat;
  width:64px;
  height:97px;
  left:0px;
  position: absolute;
  overflow: hidden;
}
#arrow2mask {
  width: 70px;
  height: 97px;
  position: absolute;
  left:146px;
  top: 162px;
  overflow: hidden;
}


#arrow3 {
  background-image: url("images/arrowLrgBlack.png");
  background-repeat: no-repeat;
  width:38px;
  height:56px;
  left:0px;
  position: absolute;
  overflow: hidden;
}
#arrow3mask {
  width: 300px;
  height: 53px;
  position: absolute;
  left:219px;
  top: 0px;
  overflow: hidden;
}


#arrow4 {
  background-image: url("images/arrowSmBlack.png");
  background-repeat: no-repeat;
}
#arrow4mask {
  width: 18px;
  height: 27px;
  position: absolute;
  left:185px;
  top: 223px;
  overflow: hidden;
}

#arrow5 {
  background-image: url("images/arrowLrgPurple.png");
  background-repeat: no-repeat;
  width:202px;
  height:307px;
  position: absolute;
  left:74px;
  top:0px;
}

#arrow6 {
  background-image: url("images/arrowMedWhite.png");
  background-repeat: no-repeat;
  width:39px;
  height:58px;
  left:0px;
  position: absolute;
}
#arrow6mask {
  width: 40px;
  height: 58px;
  position: absolute;
  left:113px;
  top: 212px;
  overflow: hidden;
}

#arrow7 {
  background-image: url("images/arrowMedWhite.png");
  background-repeat: no-repeat;
  width:39px;
  height:58px;
  left:0px;
  position: absolute;
}
#arrow7mask {
  width: 40px;
  height: 55px;
  position: absolute;
  left:217px;
  top: 0px;
  overflow: hidden;
}

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


/*#guide {
  position: absolute;
  background-image: url(backup.jpg);
  width: 300px;
  height: 250px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.5;
  z-index: 100;
}*/