html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
* { padding: 0px; margin: 0px; }
img { border:0; }
#banner, #hitarea,
#screen-white, #scene2, #scene1 {
    width: 728px;
    height: 90px;
}
#banner, #hitarea, #copy1, #copy2, #copy3, #logo, #background,
#scene2, #scene1, #tray { 
    position: absolute; 
    cursor: pointer; 
    overflow: hidden; 
    top: 0px; 
    left: 0px;
}
#screen-white, #copy1, #copy2, #copy3, #scene2, #new { opacity: 0; }
#banner { 
  background:  #fff url(background.jpg); 
}
#border-frame div { 
  position: absolute;
  background: #000; 
}
#screen-white { 
  position: absolute;
  background: #fff; 
}
#border-frame-top {
  top: 0px;
  left: 0px;
  width: 727px;
  height: 1px;
}
#border-frame-right {
  top: 0px;
  left: 727px;
  width: 1px;
  height: 90px;
}
#border-frame-bottom {
  top: 89px;
  left: 0;
  width: 727px;
  height: 1px;
}
#border-frame-left {
  top: 0;
  left: 0;
  width: 1px;
  height: 89px;
}
#new {
  position: absolute;
  width:49px; 
  height:49px;
  left: 30px;
  top: 8px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
#scene2 {
  background: url(endframe.png);
}
#tray {
  transform: translate(-220px, -24px) scale(2);
}