#display-imgs{
    position: relative;
    width: 500px;
    height: 200px;
}
.sf{
    display: block;
    width: 125px;
}
#sf-title-bkg1{
    position: absolute;
    background-color: black;
    width: 125px;
    height: 40px;
    top: 125px;
    opacity: 0.6;
    z-index: 25;
}
#sf-title-bkg2{
    position: absolute;
    background-color: black;
    width: 125px;
    height: 40px;
    top: 125px;
    opacity: 0.6;
    z-index: 25;
}
sf-title{
    font-size: 7px;
    color: #FFFFFF;
}
#sf-title-1{
    position: absolute;
    width: 125px;
    text-align: center;
    top: 125px;
    z-index: 30;
    color: #FFFFFF;
}
#sf-title-2{
    position: absolute;
    width: 125px;
    text-align: center;
    top: 125px;
    z-index: 30;
    color: #FFFFFF;
}
#sf0{
    width: 125px;
    height: 165px;
    position: absolute;
    left: 0px;
    top: 20px;
    z-index: 20;
}
#sf1{
    width: 125px;
    height: 165px;
    position: absolute;
    left: 135px;
    top: 20px;
    z-index: 20;
}
#sf-img1{
    position: absolute;
    z-index: 10;
    width: 125px;
    height: 165px;
}
#sf-img2{
    position: absolute;
    z-index: 10;
    width: 125px;
    height: 165px;
}
.mainFrame{
    position: relative;
}

#img-emulator{
    position: absolute;
    z-index: 10;
    width: 250px;
    height: 330px;
}
#img-simulator{
    position: absolute;
    z-index: 10;
    width: 250px;
    height: 330px;
}