.preload {
    display: block;
    background: #232323;
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    left: -1px;
    margin: 0 auto;
    z-index: 99999;
    opacity: 1;
    -webkit-transform: scaleZ(1);
}

.preload .logo {
    display: block;
    width: 178px;
    height: 39px;
    background: url('../img/nav/preloadSprites/DeepDiveLogo.jpg') 0 0 no-repeat;
    margin: 298px auto 30px;
}

.preloadPhone {
    display: block;
    width: 154px;
    height: 289px;
    margin: 0 auto;
    position: relative; 
    top: 194px;
    background: none;
    z-index: 5;
    background: url('../img/nav/preloadSprites/preloadPhoneSprite.png') 0 0 no-repeat;
}

.preloadPhone.second {
    background-position: -154px 0;    
}

.preloadPhone.third {
    background-position: -308px 0;    
}


/*
.preload .phone .top {
    display: block;
    width: 264px;
    height: 139px;
    background: url('../img/nav/preloadSprites/phoneTopBottomSprite.jpg') 0 0 no-repeat;
    position: relative;
    top: .9px;
}

.ie .preload .phone .top {
    top: .5px;
}

.preload .phone .mid {
    display: block;
    width: 264px;
    height: 30px;
    background: url('../img/nav/preloadSprites/phoneMidSprite.png') 0 0 no-repeat;
    position: relative;
    top: .5px;
}

.preload .phone .bottom {
    display: block;
    width: 264px;
    height: 130px;
    background: url('../img/nav/preloadSprites/phoneTopBottomSprite.jpg') -792px 0 no-repeat;
}

.preload .phone.second .top {
    background-position: -264px 0;
}

.preload .phone.second .mid {
    background-position: -264px 0;
}

.preload .phone.second .bottom {
    background-position: -1056px 0;
}

.preload .phone.third .top {
    background-position: -528px 0;
}        

.preload .phone.third .mid {
    background-position: -528px 0;
}        

.preload .phone.third .bottom {
    background-position: -1320px 0;
}        

*/

.preload .loadBar {
    display: block;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    top: 349px;
    background: #474747;
}

.preload .loadBar div {
    display: block;
    height: 100%;
    background: #8bc451;
    width: 0;
}

.preloading {
    display: none;
}