@charset "utf-8";
/* CSS Document */

/* CSS reset */
* {
    margin: 0;
    padding: 0;
	position:absolute;
}
img{
	border:none;
}
body{
	cursor:pointer;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}
#ie-fallback{
	z-index:99;
	top:0px;
	left:0px;
	}
/* Contaciner Area */
#wrapper {
	width:300px;
	height:250px;
	overflow: hidden;
	background:#2172b9;
	border:1px solid #d4d1da;
 	box-sizing: border-box;
}

/* Common Frame */
#logo{
	top:0px;
	left:0px;
	width:300px;
	height:250px;
	opacity:0;
	background:url(../images/logo.png) no-repeat
}

/* First Frame */

#txt1,#txt2,#txt3,#txt4,#txt5,#txt6{
	left: 0px;
	}
#bird{
	left:100px;
	top: -65px;
	width: 200px;
	height: 262px;
	background:url(../images/Bird_spritesheet.png) 0px 0px;
	}

#txt1{
	left: 1px;
	top: 60px;
	width: 80px;
	height: 27px;
	background:url(../images/txt1.png) no-repeat;
}


#txt2{
	width: 117px;
	height: 28px;
	top: 92px;
	background:url(../images/txt2.png) no-repeat;
}

#txt3{
	width: 117px;
	height: 25px;
	top: 120px;
	background:url(../images/txt3.png) no-repeat;
}

#txt4{
	width: 138px;
	height: 25px;
	top: 145px;
	background:url(../images/txt4.png) no-repeat;
}

#txt5{
	width: 144px;
	height: 25px;
	top: 170px;
	background:url(../images/txt5.png) no-repeat;
}

#txt6{
	width: 130px;
	height: 22px;
	top: 195px;
	background:url(../images/txt6.png) no-repeat;
}
#cta{
	width:122px;
	height:26px;
	top:199px;
	left:305px;
	background:url(../images/cta.png) no-repeat;
	background-position: 0px -26px;
	z-index:100;
}
#cta:hover{
		background-position: 0px 0px;
		}