/* Fonts */

@font-face {
    font-family: 'HelvBoldIBM';
    src: url(095d9e5602463fa02055ce003326b907c32e1e16.eot) ;
    src: local('☺'), url(da72c5c16827cb373a986495f7c829d40d3af385.woff)  format('woff'), url(0c710db18711369ebaee4694f634cb9b4a112823.ttf)  format('truetype'), url(b5bd4000275b7ffc9cc300a6f65102a5d4359e04.svg)  format('svg');
    font-weight: bold;
    font-style: normal;
}

.helveticaBold {
	font-family:'HelvBoldIBM';
}

/* Main */

body {
	font-family: 'HelvBoldIBM', Arial, sans-serif; 
	line-height:1; /* 1.38;*/
	margin: 0px;
	color:#FFF;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility; /*geometricPrecision;*/
}

#ad, #banner {
	width: 300px;
	height: 600px;
}

#ad {
    overflow: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#banner {
	background-color:#003839; /* #283435; #749a9d; */
	overflow: hidden;
	visibility:hidden;
}

div { position:absolute; display:block; } 

.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);
}


/* CUSTOM */

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

#cover { width:100%; height:100%; background-color:#749a9d; }

#person, #personShadow { top:135px; }

#ibmLogoImage { top:5px; left:249px; }
  #ibmLogoShadow { top:0px; left:175px; }

/* BG */

#bgLayer { top:-29px; left:-171px; }

/* text */
 
.text { width:300px;  }
.textDiv { width:100%; height:100%; overflow:hidden; }
.textShadow { top:130px; }

#text1a, #text1b, #text1c, #text1d { top:160px; left:17px; font-size:29px;  }
#text1b { top:191px; }
#text1c { top:222px; }
#text1d { top:251px; }

#text2a, #text2b { top:177px; } /* "out" "think" */
#text2c { top:236px; left:99px; font-size:32px; } /* "risk" */
  #text2Shadow { top:140px; }

/* endframe */

#text3 { left:35px; top:160px; font-size:32px; line-height:1.1em; } 
  #text3Shadow { top:140px; }

#cta { width:300px; height:60px; top:550px; /*left:-301px;*/ }
  #ctaBG, #ctaWipe { width:100%; height:100%; background-color:#94d2b3; }
  #ctaText { color:#2c4237; font-size:18px; top:8px; left:40px; }
  #ctaArrow { left:108px; top:25px; } 

#replayButton { display:none; top:12px; left:12px; cursor:pointer; z-index:99; }

/* fix for windows text render */
.winFix { line-height:0.62; }
.winFixParagraph { line-height:0.75; }