body{
    width: 300px;
    height: 600px;
    padding:0;
    margin: 0; 
    overflow: hidden;
}

#abContainer{
    position: relative;
    width: 300px;
    height: 600px;
    border: 1px solid #000000;
    overflow: hidden;
    padding:0;
    cursor: pointer;
    margin: 0;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.divCommon{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 600px;
}

.logo {background: url(images/logo.png) no-repeat;}
.replayArrow {background: url(images/replayVector.svg) no-repeat;}
.cta1 {background: url(images/cta1.png) no-repeat;}

.t1 {background: url(images/t1.png) no-repeat;}
.t2 {background: url(images/t2.png) no-repeat;}
.t3 {background: url(images/t3.png) no-repeat;}
.t4 {background: url(images/t4.png) no-repeat;}
.t5 {background: url(images/t5.png) no-repeat;}
.bar1 {background: url(images/bar1.png) no-repeat;}
.bg1 {background: url(images/bg1.png) no-repeat;}

.fish {background: url(images/fish.png) no-repeat;}
.light {background: url(images/light.png) no-repeat;}
.diver {background: url(images/diver.png) no-repeat;}
.glow {background: url(images/glow.png) no-repeat;}


#t1_clip{
	position: absolute;
	width:253px;
	height:68px;
}
#t2_clip{
	position: absolute;
	width:252px;
	height:69px;
}
#t3_clip{
	position: absolute;
	width:254px;
	height:69px;
}
#t4_clip{
	position: absolute;
	width:158px;
	height:29px;
}
#t5_clip{
	position: absolute;
	width:224px;
	height:32px;
}
#bar1_clip{
	position: absolute;
	width:300px;
	height:2px;
}
#bg1_clip{
	position: absolute;
	width:300px;
	height:600px;
}
#bg0_clip{
	position: absolute;
	width:300px;
	height:600px;
}



#fish_clip{
	position: absolute;
	width:107px;
	height:116px;
}

#light_clip{
	position: absolute;
	width:20px;
	height:22px;
}

#diver_clip{
	position: absolute;
	width:190px;
	height:539px;
}

#glow_clip{
	position: absolute;
	width:89px;
	height:91px;
}



#bubble1_clip{
	position: absolute;
	width:91px;
	height:91px;
	/*background-position: -45px -45px;*/
}
#bubble2_clip{
	position: absolute;
	width:91px;
	height:91px;
}
#bubble3_clip{
	position: absolute;
	width:91px;
	height:91px;
}
#bubble4_clip{
	position: absolute;
	width:91px;
	height:91px;
}
#bubble5_clip{
	position: absolute;
	width:91px;
	height:91px;
}



#cta1_clip{
	position: absolute;
	width:114px;
	height:35px;
}

#logo_clip{
	position: absolute;
	width:72px;
	height:51px;
}



#replay{
    cursor: pointer;
    top:8px;
    left: -1000px;
    width:20px;
    height: 25px;
    -webkit-transform-origin: 10px 10px;
    -ms-transform-origin: 10px 10px;
    -o-transform-origin: 10px 10px;
    transform-origin: 10px 10px;
}