@font-face {
    font-family: 'HelvBoldIBM';
    src: url('../fonts/helvneueforibm-bold-webfont.eot');
    src: local('☺'),
    url('../fonts/helvneueforibm-bold-webfont.woff') format('woff'),
    url('../fonts/helvneueforibm-bold-webfont.ttf') format('truetype'),
    url('../fonts/helvneueforibm-bold-webfont.svg#HelvBoldIBM') format('svg');
    font-weight: bold;
    font-style: normal;
}
.helveticaBold {
	font-family:'HelvBoldIBM',Helvetica,Arial,sans-serif;
	font-weight: bold;
}
body {
	margin:0px;
	font-family:'HelvBoldIBM', Helvetica, Arial, sans-serif;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility; 
	-moz-osx-font-smoothing:grayscale;
}

div { position:absolute; display:block; } 


#ad {
	position:relative;
	display:block;
	left:0px;
	overflow:hidden;
	width: 300px;
	height: 250px;
	background-color:#FFF;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	visibility:hidden;
}

/* custom */

.button {
	outline:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	user-select:none;
	cursor:pointer;
}

#clickthru { 
	width:100%; 
	height:100%; 
	z-index:98; 
	cursor:pointer; 
	background-color:rgba(0, 0, 0, 0);
}

#cover { 
	width:100%; 
	height:100%; 
	background-color:#FFF; 
	pointer-events:none; 
	z-index:95; 
}

.frame { 
	width:100%; 
	height:100%; 
}

#bg{ 
	background-image: url("../images/bg.jpg");
    background-repeat: no-repeat;
	left:0px; 
	top:0px; 
	width:300px; 
	height:250px; 
	opacity: 1;
}
#elmo{ 
	background-image: url("../images/elmo.jpg");
    background-repeat: no-repeat;
	left:0px; 
	top:0px; 
	width:300px; 
	height:250px;
	opacity: 1;
}

#hand{ 
	background-image: url("../images/hand.png");
    background-repeat: no-repeat;
	left:0px; 
	top:0px; 
	width:300px; 
	height:250px;
	opacity: 1;
}

#ibmLogoImage { 
	background-image: url("../images/ibmlogo.png");
    background-repeat: no-repeat;
    position: absolute;
	left:213px; 
	top:204px; 
	width:77px; 
	height:31px; 
	opacity: 0;
}
 
.textDiv { 
	position:relative; 
	width:100%; 
	height:100%; 
	overflow:hidden; 
}

.textGroup {
	width:300px; 
} 

.text { 
	width:300px; 
	font-family:'HelvBoldIBM',Helvetica,Arial,sans-serif;
}

#text1 {
	height:21px; 
	left:1px; 
	top:113px; 
	font-size:17px; 
	color:#FFF; 
	letter-spacing: 0px; 
	line-height:1.1em; 
	text-align:center; 
}

#text2 { 
	display:block; 
	position:absolute; 
	top:117px; 
	height:30px; 
}
.text2logo { 
 	display:block; 
 	position:absolute; 
 	font-size:29px; 
 	letter-spacing:0.3px; 
 }
#text2out { 
 	left:20px; 
 	color:#FFF; 
 }
#text2think { 
 	left:65px; 
 	color:#f89e59;
 }
#text2msg { 
    left:139px; 
    font-size:29px; 
    color:#FFF;
    text-align:left; 
    letter-spacing:0.3px; 
}
#text2Shadow { 
	left:0px;
 	top:0px;
 	width: 300px;
 	height:250px;
 	opacity: 0;
}
#cta { 
	width:300px; 
	height:30px; 
    left:20px;
	top:142px; 
}

#ctaText { 
 	font-family:'HelvBoldIBM', Arial,sans-serif; 
 	display:inline-block; 
 	position:relative; 
 	width:auto; 
 	text-align:left; 
 	color:#FFF; 
 	font-size:17px;
 	line-height:1.2em; 
 	letter-spacing: 0px;
 }

#ctaTextSpan { 
 }
 
#ctaArrow { 
 	position:relative; 
 	width:21px; 
 	height:11px; 
 	left:6px;
 	top:0px;
 	opacity: 0;
 } 

#replayButton { 
    background-image: url("../images/replay.png");
    background-repeat: no-repeat;
    position: absolute;
    left: 278px;
    top: 10px;
    height: 14px;
    width: 14px;
	opacity:0; 
	cursor:pointer; 
	z-index:99; 
}