/*##############################################
Delete Before Uploading
##############################################*/
#ad {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
/*############################################*/

#banner {
    display: block;
    background-color: #f4f2f2;
    border: rgb(0,0,0) 1px solid;
    width: 298px; height: 248px;
    position: relative;
    overflow: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#bg {
    background: url("../images/OHH-bg-300.jpg") no-repeat;
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0px;
    left: 0px;
}
#h1 {
    background: url("../images/OHH-h1-300.png") no-repeat;
    position: absolute;
    width: 72px;
    height: 45px;
    top: 112px;
    left: 192px;
}
#h2 {
    background: url("../images/OHH-h2-300.png");
    position: absolute;
    width: 81px;
    height: 64px;
    top: 112px;
    left: 190px;
}
#h3 {
    background: url("../images/OHH-h3-300.png");
    position: absolute;
    width: 236px;
    height: 78px;
    top: 46px;
    left: 40px;
}
#ribbon {
    background: url("../images/OHH-ribbon-300.gif");
    position: absolute;
    width: 150px;
    height: 119px;
    top: -15px;
    left: 150px;
}#two {
    background: url("../images/OHH-two-300.gif");
    position: absolute;
    width: 150px;
    height: 119px;
    top: -15px;
    left: 160px;
}
#one {
    background: url("../images/OHH-one-300.gif");
    position: absolute;
    width: 150px;
    height: 119px;
    top: -15px;
    left: 150px;
}
#cta {
    background: url("../images/OHH-cta-300.jpg");
    position: absolute;
    width: 124px;
    height: 31px;
    top: 136px;
    left: 40px;
}
#logo {
    background-image: url("../images/OHH-logobar-300.jpg");
    position: absolute;
    width: 300px;
    height: 64px;
    top: 186px;
    left: 0px;
}