/*

selector{property:value;}

*/

.zeroPos{
    position: absolute;
    top: 0px;
    left: 0px;
}

div{
/*    border: solid thin black;*/
}

/*ad border, dimensions, and mouse over pointer*/
#ad { 
    position: absolute;
    top: 0px;
    left: 0px;    
    display: block;
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;    
    width: 728px;
    height: 90px;
    overflow: hidden;
    border: 1px solid black;
    background: white;
    margin: 0px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;   
    cursor: pointer;
}

/*hide DOM assets/images before scripting is ready to handle them*/
#adWrapper {
visibility:hidden;    
}


.bg {
position: absolute;
    top:0px;
    left:0px;
    width: 728px;
    height:90px;
    background-image: url(../images/bg.jpg);
/*    background-image: url(../_assets/_frames/f3.jpg);*/
}

#newLogo {
    position: absolute;
    top:-10px;
    left:59px;
    z-index: 10000;
}

#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8{
position: absolute;
top: 0px;
left: 0px;  
/*opacity: 0;*/
}

#fire1, #fire2{
/*    visibility: hidden;*/
    position: absolute;
    top:5px;
    left:360px;
    z-index: 1000;
}

#fire3, #fire4{
    /*    visibility: hidden;*/
    position: absolute;
    top:10px;
    left:360px;
    z-index: 1000;
}


.fire {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 40px;
}

#mask {
    position: absolute;
    top: 0px;
    left: 0px;
}

svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 250px;
    z-index: 1000;
}

#b1-m {
    z-index: 2000;
}




#pkg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 250px;
    background-image: url(../images/pkg.png)
}

#copy1test {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 250px;
    background-image: url(../images/copy1temp.png);
}
#copy2test {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 250px;
    background-image: url(../images/copy2temp.png);
}

#copy3test {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 250px;
    background-image: url(../images/copy3temp.png);   
}

#copy1,#copy1Mask {
    position: absolute;
    top: 32px;
    left: 213px;
    width: 337px;
    height: 25px;
    background-repeat: no-repeat;
    overflow: hidden;
}
#copy2a,#copy2aMask {
    position: absolute;
    top: 17px;
    left: 75px;
    width: 190px;
    height: 25px;
    background-repeat: no-repeat;
    overflow: hidden;
}
#copy2b,#copy2bMask {
    position: absolute;
    top: 56px;
    left: 13px;
    width: 315px;
    height: 25px;
    background-repeat: no-repeat;
    overflow: hidden;
}

#copy3a,#copy3aMask {
    position: absolute;
    top: 17px;
    left: 86px;
    width: 166px;
    height: 24px;
    background-repeat: no-repeat;
    overflow: hidden;
}
#copy3b,#copy3bMask {
    position: absolute;
    top: 56px;
    left: 49px;
    width: 239px;
    height: 25px;
    background-repeat: no-repeat;
    overflow: hidden;
}

#copy1 {
    background-image: url(../images/copy1.png);
}
#copy2a {
    background-image: url(../images/copy2a.png);
}
#copy2b {
    background-image: url(../images/copy2b.png);
}
#copy3a {
    background-image: url(../images/copy3a.png);
}
#copy3b {
    background-image: url(../images/copy3b.png);
}
#copy1Mask,#copy2aMask,#copy2bMask,#copy3aMask,#copy3bMask{
    background-image: url(../images/c1_m.png);
    background-position: center;
}

#shapeMask1 {
    position: absolute;
    top:0px;
    left:0px;
    width:300px;
    height:250px;
    background-image: url(../images/c1_m.png);
    background-size: 300px 250px;
}

#fireGroup2 {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 728px;
    height: 90px;
}

#fireGroup1 {
    position: absolute;
    width: 728px;
    height: 90px;
}

.cta {
    position: absolute;
    top: 26px;
    left: 600px;
    width: 93px;
    height: 35px;
    background-image: url(../images/cta.png)
}

.new {
    position:absolute;
    width: 37px;
    height: 36px; 
    background-image: url(../images/new.png);
    z-index: 10000;
}

#copy2 {
    position: absolute;
    top: -5px;
    left: 212px;
}

#copy3 {
    position: absolute;
    top: -3px;
    left: 214px;
}