@font-face{
    font-family:'HelvBoldIBM';
    src:url("fonts/hni-v2-bold.eot");
    src:url("fonts/hni-v2-bold.eot?#iefix") format("embedded-opentype"),
        url("fonts/hni-v2-bold.woff") format("woff");
    font-weight:bold;
    font-style:normal;
}
.helveticaBold {
	font-family:'HelvBoldIBM',Helvetica,Arial,sans-serif;
	font-weight:bold;
}
@font-face{
    font-family:'HelvRegularIBM';
    src:url("fonts/hni-v2-roman.eot");
    src:url("fonts/hni-v2-roman.eot?#iefix") format("embedded-opentype"),
        url("fonts/hni-v2-roman.woff") format("woff");
    font-weight:200;
    font-style:normal;
}
.helveticaReg {
	font-family:'HelvRegularIBM',Helvetica,Arial,sans-serif;
	font-weight:normal;
}


body {
	margin:0px;
	font-family:'HelvBoldIBM', Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:1em; 
	color:#FFF;
	font-size:20px;
	-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;
}

.bar1 {
	position: absolute;
	left: 10px;
    top: 233px;

}
.bar2 {
	position: absolute;
	left: 68px;
    top: 233px;//133
}
.bar3 {
	position: absolute;
	left: 125px;
    top: 233px;
}
.bar4 {
	position: absolute;
	left: 182px;
    top: 233px;
}
.bar5 {
	position: absolute;
	left: 240px;
    top: 233px;
}

.silo1 {
	position: absolute;
	left: 10px;
    top: 232px;
	z-index: 51;
}
.silo2 {
	position: absolute;
	left: 68px;
    top: 232px;
	z-index: 51;
}
.silo3 {
	position: absolute;
	left: 125px;
    top: 240px;
	z-index: 51;
}
.silo4 {
	position: absolute;
	left: 185px;
    top: 240px;
	z-index: 51;
}
.silo5 {
	position: absolute;
	left: 240px;
    top: 240px;
	z-index: 51;
}
/* custom */

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

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

#clickthru2 { 
	width:300px; 
	height:250px; 
	z-index:98; 
	cursor:pointer; 
	background-color:rgba(0, 0, 0, 0);
}

#cover { width:300px; height:250px; background-color:#fff; pointer-events:none; }

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


#ibmLogo img { position:absolute; }
#ibmLogoImage { top:-10px; left:255px; }


.textCenter { position:relative; margin:0 auto; width:300px; }
.textCenter .text { text-align:center; width:300px; }
.text { font-size:27px; line-height:1em; font-family:'HelvBoldIBM',Arial,sans-serif; display:block; position:relative; }


#text1 div { position:absolute; }
#text1a { left:-28px; top:46px; font-size:27px; letter-spacing:-0.5px; }
#text1b { left:22px; top:47px; font-size:27px; letter-spacing:-0.5px; }

#text4 div { position:absolute; }
#text4a { top:85px; font-size:20px; }
#text4b { top:111px; font-size:20px; }
#text4c { top:145px; font-size:20px; }

#text4 { left:-3px; }

/* think cloud */



.blue { color:#102848; }

/* learn more */
#ctaText { top:153px; font-size:18px; color:#272D4A; font-family:'HelvRegularIBM',Helvetica,Arial,sans-serif; }
#ctaArrow { position:relative; width:20px; height:10px; padding-left:5px; }  


#clickthrough { height:100%; width:100%; z-index:98; }

#replayButton { top:220px; left:270px; display:none; width:20px; height:20px; z-index:99; }


/* Extra text here in case I need to delete to make the file size smaller because Sizmek has quriks */
/* Extra text here in case I need to delete to make the file size smaller because Sizmek has quriks */
/* Extra text here in case I need to delete to make the file size smaller because Sizmek has quriks */