body {
    width: 100%;
}
#mainLink{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
}
#page {
    background-image: url("img/BluryPage.png");
    position: absolute;
    left: 50%;
    margin-left: -283px;
    width: 566px;
    height: 1000px;
    z-index: -10;
}

.animatedImages {
    position: absolute;
    left: 50%;
    z-index: 500;
    display:none;
}

#ifYouSee {
    margin-left: -376.5px;
    top: 130px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: ani1 4s;
    animation: ani1 4s;
}

#weCan {
    margin-left: -376.5px;
    top: 205px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
     -webkit-animation: ani2 4s;
    animation: ani2 4s;
}

#logo {
    margin-left: -75px;
    top: 300px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: ani3 4s;
    animation: ani3 4s;
}

#btn {
    margin-left: -114px;
    top: 545px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: ani4 4s;
    animation: ani4 4s;
}

@keyframes ani1 {
    0% {opacity:0;top:180px;}
    20% {opacity:1; top:130px;}
    100% {opacity:1; top:130px;}
}

@keyframes ani2 {
    0% {opacity:0; top:255px;}
    15% {opacity:0; top:255px;}
    35%	{opacity:1; top:205px;}
}

@keyframes ani3 {
    0% {opacity:0; top:350px;}
    30% {opacity:0; top:350px;}
    50% {opacity:1; top:300px;}

}

@keyframes ani4 {
    0% {opacity:0; top:585px;}
    45% {opacity:0; top:585px;}
    65% {opacity:1; top:545px;}
    }

/*ie fix*/
 .animatedImages{
        display:inline\9;
    }