#window{
      box-sizing: border-box;
      position:absolute;
      background-color:black;
      top:1px;
      left:1px;
      display:block;
      height:270px;
      width:800px;
      overflow:hidden;
      z-index:98;     
}
#slide1{   
         position:absolute;
         left:-800px;
         top:0px;
         width:800px;
         border:0px solid blue;
         z-index:-1;

}
#slide2{    
         position:absolute;
         left:0px;
         top:0px;
         width:800px;
         border:0px solid blue;
         z-index:-1;
}
#s1,#s2{
      width:800px;
      vertical-align:top;
}
#msgBox1{
         position:absolute;
         display:table-cell;
         vertical-align:middle;
         top:30px;
         left:10px;
         display:none;
         min-width:200px;
         width:400px;
         height:200px;
         border:0px solid red;
         border-radius: 5px;
}
#msgBox2{
         position:absolute;
         display:table-cell;
         vertical-align:middle;
         top:30px;
         right:10px;
         -display:none;
         min-width:200px;
         width:400px;
         height:200px;
         border:0px solid red;
         border-radius: 5px;
}
#msg1{
         background-image: url("../images/graphics/trans_black_100_percent.png");
         background-repeat: repeat-y;
         font-family:Michroma;
         text-align: center;
         color:white;
         font-size:1.2em;
         padding:20px;
}
#msg2{
        background-image: url("../images/graphics/trans_black_100_percent.png");
         background-repeat: repeat-y;
         font-family:Michroma;
         text-align: center;
         color:white;
         font-size:1.2em;
         padding:20px;
}


#slide1{   
    position:absolute;
    left:-800px;
    top:0px;
    width:800px;
    border:0px solid blue;
    z-index:-1;

}
#slide2{    
    position:absolute;
    left:0px;
    top:0px;
    width:800px;
    border:0px solid blue;
    z-index:-1;
}
#s1,#s2{
      width:800px;
      vertical-align:top;
}