@charset "UTF-8";
/* CSS Document */
/* Div layer for the entire banner. */



body { 
  margin:0px;
  padding: 0px;
  color:#fff;
  font-size: 50px;

}

img {
  

    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
    transform: rotate( .0001deg );

}

#container {
  position: absolute;
  width: 336px;
  height: 280px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #000;
}

#border {
  position: absolute;
  width: 334px;
  height: 278px;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc; 
  z-index: 999;
}

#clicktag {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  opacity: 0;
  z-index: 999;
}

#overlay{
  position: absolute;
  top:0px;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 998;
}

#imgHolder{
  position: absolute;
  top:0px;
  left:0px;
  background-color: #a7265e;
  width: 795px;
  height: 572px;

}

#img1, #img2, #flare1, #flare2{
position: absolute;
top:0px;
left:0px;
}

#text1, #text3, #logo, #logoText, #logoSubText, #logoStreep{
position: absolute;
top:0px;
left:0px;
width:336px;
height:280px;
}

#text2, #text2b{
position: absolute;
top:112px;
left:0px;
width:336px;
height:62px;
}

#logoText, #logoSubText, #logoStreep{
  clip: rect(0px, 0px, 280px, 0px);
}

#flare{
  position: absolute;
  top: -135px;
  left: -460px;
}

#flare2{
  position: absolute;
  
}

#flare3{
  position: absolute;
    top: 136px;
    left: -98px;
}