html, body {
	margin:0;
	padding:0;
}
#container {
	position:absolute;
	top:0;
	left:0;
	width:728px;
	height:90px;
	margin:auto;
	background-color:#fff;
}
#frame {
	width:728px;
	height:90px;
	background: transparent url(frame.png) no-repeat top left;
	position:absolute;
	top:0;
	left:0;
	z-index:998;
}

#headline1 {
	position:absolute;
	top:17px;
	left:225px;
	width:262px;
	height:61px;
	background: transparent url(headline1.png) no-repeat top left;
	z-index:10;
	opacity:0;
}
#headline2 {
	position:absolute;
	top:17px;
	left:225px;
	width:339px;
	height:60px;
	background: transparent url(headline2.png) no-repeat top left;
	z-index:10;
	opacity:0;
}
#pourAnimStart {
	position:absolute;
	top:-113px;
	left:0px;
	width:243px;
	height:203px;
	z-index:3;
	background: transparent url(spriteStart_728x90.jpg) no-repeat top left;

	-webkit-animation: animPourStart .5s steps(7) forwards;
	 		animation: animPourStart .5s steps(7) forwards;
	-webkit-animation-delay:1s;
			animation-delay:1s;
}
@-webkit-keyframes animPourStart {
	from { background-position: 0; }
    to { background-position: -1701px; }
}
@keyframes animPourStart {
	from { background-position: 0; }
    to { background-position: -1701px; }
}
#pourAnimLoop {
	position:absolute;
	top:-113px;
	left:0px;
	width:243px;
	height:203px;
	z-index:2;
	background: transparent url(spriteLoop_728x90.jpg) no-repeat top left;

	-webkit-animation: animPourLoop .2s steps(2) infinite;
			animation: animPourLoop .2s steps(2) infinite;
	-webkit-animation-delay:.5s;
			animation-delay:.5s;
}
@-webkit-keyframes animPourLoop {
	from { background-position: 0; }
    to { background-position: -486px; }
}
@keyframes animPourLoop {
	from { background-position: 0; }
    to { background-position: -486px; }
}
#pourAnimEnd {
	position:absolute;
	top:-113px;
	left:0px;
	width:243px;
	height:203px;
	z-index:1;
	background: transparent url(spriteEnd_728x90.jpg) no-repeat top left;

	-webkit-animation: animPourEnd .3s steps(7) forwards;
			animation: animPourEnd .3s steps(7) forwards;
	-webkit-animation-delay:4.5s;	
			animation-delay:4.5s;
}
@-webkit-keyframes animPourEnd {
	from { background-position: 0; }
    to { background-position: -1701px; }
}
@keyframes animPourEnd {
	from { background-position: 0; }
    to { background-position: -1701px; }
}


#paint {
	position:absolute;
	bottom:0px;
	right:0px;
	width:134px;
	height:90px;
	background-color:#e6782c;
	z-index:9;
}
#offerScreen {
	position:absolute;
	top:0px;
	left:0px;
	width:728px;
	height:90px;
	background: transparent url(offerScreen.jpg) no-repeat top left;
	z-index:9;
	opacity:0;
}

#exit_btn {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	cursor:pointer;
	z-index:999;
	border:0;
}