/* CSS Document */
@charset "UTF-8";
body{ 
	margin:0; 
	padding:0; 
	background-color: #ffffff;
}
a, a:link, a:visited, a:focus, a:active {
    color: #ffffff;
    text-decoration: none;
}
#playScreen{
  position:absolute;
  background-image:url(playScreen.jpg);
  width: 300px;
  height: 250px;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
}
#playBtn {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	cursor: pointer;
}
#container {
	position:relative;
	width:300px;
	height:250px;
	overflow:hidden;
}
#bg {
	position:absolute;
	width:300px;
	height:250px;
	background-image:url(bg.jpg);
	left: 0;
	top: 0;
	opacity:1;
}
#logo-bug {
	position:absolute;
	width:58px;
	height:55px;
	background-image:url(logo-bug.png);
	left: 0px;
	top: 0;
	opacity:1;
}
#ben {
	position:absolute;
	width:300px;
	height:250px;
	background-image:url(ben.jpg);
	left: 300px;
	top: 0;
	opacity:1;
}
#wink {
	position:absolute;
	width:300px;
	height:250px;
	background-image:url(wink.png);
	left: 0;
    top: 0;
	opacity:0;
}
#eyebrows {
	position:absolute;
	width:300px;
	height:250px;
	background-image:url(eyebrows.png);
	left: 0;
    top: 60px;
	opacity:0;
}
.t1 {
	position: absolute;
	background-image:url(t1.png);
}
#get {
	width:300px;
	height:58px;
	background-position: 0 0;
	left: 0;
    top: 0;
	opacity:1;
}
#dollars {
	width:300px;
	height:55px;
	background-position: 0px -58px;
	left: 0;
    top: 58px;
	opacity:1;
}
#in-three {
	width:300px;
	height:32px;
	background-position: 0 -113px;
	left: 0px;
    top: 113px;
	opacity:1;
}
#easy {
	width:300px;
	height:50px;
	background-position: 0 -145px;
	left: 0;
    top: 145px;
	opacity:1;
}
#steps {
	width:300px;
	height:55px;
	background-position: 0 -195px;
	left: 0;
    top: 195px;
	opacity:1;
}
#logo {
	position: absolute;
	background-image:url(logo.png);
	width:232px;
	height:47px;
	left: 35px;
    top: 23px;
	opacity:0;
}
.logo {
	position: absolute;
	background-image:url(logo.png);
}
#logo-icon {
	width:47px;
	height:47px;
	background-position: 0 0;
	left: 127px;
    top: 95px;
	opacity:0;
}
#logo-type {
	width:184px;
	height:47px;
	background-position: -47px 0;
	left: -183px;
	opacity:1;
}
#logo-type-box {
	position: absolute;
	width: 191px;
    height: 50px;
    left: 77px;
    top: 95px;
	overflow: hidden;
}

#logo-icon2 {
	width:47px;
	height:47px;
	background-position: 0 0;
	left: 127px;
    top: 24px;
	opacity:0;
}
#logo-type2 {
	width:184px;
	height:47px;
	background-position: -47px 0;
	left: -183px;
	opacity:1;
}
#logo-type-box2 {
	position: absolute;
	width: 191px;
    height: 50px;
    left: 77px;
    top: 24px;
	overflow: hidden;
}

.t3 {
	position: absolute;
	background-image:url(t3.png);
}
#t3-box{
	position: absolute;
	width: 300px;
	height: 50px;
	left: 0px;
    top: 15px;
    overflow: hidden;
}
#t3a {
	width:75px;
	height:31px;
	background-position: 0 0;
	left: 0px;
    top: 50px;
	opacity:1;
}
#t3b {
	width:58px;
	height:31px;
	background-position: -75px 0;
	left: 75px;
    top: 50px;
	opacity:1;
}
#t3c {
	width: 53px;
    height: 31px;
    background-position: -133px 0;
    left: 133px;
    top: 50px;
    opacity: 1;
}
#t3d {
	width: 21px;
    height: 31px;
    background-position: -186px 0;
    left: 186px;
    top: 50px;
    opacity: 1;
}
#t3e {
	width: 80px;
    height: 31px;
    background-position: -207px 0;
    left: 207px;
    top: 50px;
    opacity: 1;
}
#cta {
	position:absolute;
	width:300px;
	height:41px;
	background-image:url(cta.png);
	left: 0;
    top: 156px;
	opacity:0;
}
#t4 {
	position:absolute;
	width:300px;
	height:250px;
	background-image:url(t4.png);
	left: 0;
    top: 0;
	opacity:0;
}
#border {
	position:absolute;
	width:298px;
	height:248px;
	border: 1px solid #000;
	left: 0;
    top: 0;
	opacity:1;
}
#replayBtn{
	position:absolute;
	background-image:url(replayBtn.png);
	width:23px;
	height:23px;
	cursor:pointer;
	visibility:hidden;
	left: 0px;
	top: 0px;
	opacity:0;
}
#replayBtn:hover{
	background-image:url(replayBtnRed.png) !important;
}