@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:'HelvLightIBM';
    src:url("../fonts/hni-v2-light.eot");
    src:url("../fonts/hni-v2-light.eot?#iefix") format("embedded-opentype"),
        url("../fonts/hni-v2-light.woff") format("woff");
    font-weight:900;
    font-style:normal;
}
.helveticaLight {
	font-family:'HelvLightIBM',Helvetica,Arial,sans-serif;
	font-weight:900;
}


body {
	margin:0px;
	font-family:'HelvBoldIBM', Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:0em; 
	color:#464646;
	font-size:20px;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility; 
	-moz-osx-font-smoothing:grayscale;
}

div { position:absolute; display:block; } 


#ad {
	/*position:absolute;
	display:block;
	left:0px;
	overflow:hidden;
	width: 160px;
	height: 600px;
	*/
	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:160px; 
	height:600px; 
	z-index:98; 
	cursor:pointer; 
	background-color:rgba(0, 0, 0, 0);
}

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

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

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

#ibmLogoImage { 
	background-image: url("../images/ibmlogo.png");
    background-repeat: no-repeat;
    position:absolute;
	left:81px;
	top:553px; 
	width:69px; 
	height:26px; 
	opacity: 1;
}

#flower {
    width: 100%;
    height: 100%;
	-webkit-transform: scale(1); 
	transform: scale(1);
	/*
    position:absolute;
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px); 
    filter: url(#blur);
    filter: blur(0px); 
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    */
}

.bluranim {
	-webkit-animation-name: blue_anim; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 6s; /* Chrome, Safari, Opera */
    animation-name: blue_anim;
    animation-duration: 6s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes blue_anim {
    from {
      -webkit-filter: blur(6px);
    }
    to {
      -webkit-filter: blur(0px);
    }
}

/* Standard syntax */
@keyframes blue_anim {
    from {
      -webkit-filter: blur(6px);
      -moz-filter: blur(6px);
      -o-filter: blur(6px);
      -ms-filter: blur(6px); 
      filter: url(#blur);
      filter: blur(6px); 
      filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
    }
    to {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
      filter: blur(0px);
    }
}

#flower1 {
	/*
	background-image: url("../images/flower1.png");
    background-repeat: no-repeat;
    width:160px;
	height:126px;
	
	position:absolute;
	left:0px; 
	top:0px;
	*/
}
#flower2 {
	/*
	background-image: url("../images/flower2.png");
    background-repeat: no-repeat;
    width:49px;
	height:86px;
	
	position:absolute;
	left:112px; 
	top:89px;
	*/
}
#flower3 {
	/*
	background-image: url("../images/flower3.png");
    background-repeat: no-repeat;
    width:66px;
	height:99px;
	
	position:absolute;
	left:94px; 
	top:401px;
	*/
}
#flower4 {
	/*
	background-image: url("../images/flower4.png");
    background-repeat: no-repeat;
    width:78px;
	height:93px;
	
	position:absolute;
	left:0px; 
	top:507px;
	*/
}
.textDiv { 
	margin:0 
	auto; 
	width:160px; 
}
.textDiv .text { 
	text-align:left;  
	width:160px; 
	letter-spacing: 0px;
}
.text { 
	font-size:19px; 
	line-height:1em; 
	font-family:'HelvBoldIBM',Arial,sans-serif; 
	display:block; 
	position:relative; 
}

#text1 div { 
	position:absolute;
}
#text1a { 
	left:10px; 
	top:216px; 
	font-size:19px; 
	color:#464646;
}
#text1b { 
	left:10px; 
	top:239px; 
	font-size:19px; 
	color:#464646;
}
#text1c { 
	left:10px; 
	top:262px; 
	font-size:19px; 
	color:#464646;
}
#textDiv1a {
	position:absolute; 
	left:10px; 
	top: 284px; 
	height:30px; 
	font-size:19px; 
	opacity: 0; 
	overflow:hidden;
}
#textFlip1, #textFlip2, #textFlip3 { 
	position:absolute; 
	left:0px; 
	top:0px; 
	font-size:20px; 
	opacity: 0;
}
#textFlip1 .blue, #textFlip2 .blue, #textFlip3 .blue { 
	font-size:19px; 
	opacity: 1;
}

.blue { 
	color:#5aaafa; 
}

#text2 { 
	display:block; 
	position:absolute; 
	top:212px; 
}
.text2logo { 
 	display:block; 
 	position:absolute; 
 	font-size:25px; 
 	letter-spacing:0.3px;
 }
#text2out { 
 	left:14px; 
 	color:#464646; 
 }
#text2think { 
 	left:52px; 
 	color:#5aaaf9;
 }
#text2msg { 
    left:14px; 
    top:27px; 
    font-size:25px; 
    color:#464646;
    letter-spacing:0px; 
}
#ctaText { 
	left:14px; 
	top:265px; 
	position:absolute; 
}
#ctaTexta { 
	left:0px; 
	top:0px; 
	font-size:15px; 
	color:#464646;
	font-family:'HelvLightIBM',Helvetica,Arial,sans-serif; 
	line-height:1.2em;
	letter-spacing:0px; 
}
#ctaTextb { 
	left:0px; 
	top:0px; 
	font-size:15px; 
	color:#464646;
	font-family:'HelvLightIBM',Helvetica,Arial,sans-serif; 
	line-height:1.2em;
	letter-spacing:0px; 
}
#ctaTextc { 
	left:0px; 
	top:0px; 
	font-size:15px; 
	color:#464646;
	font-family:'HelvLightIBM',Helvetica,Arial,sans-serif; 
	line-height:1.2em;
	letter-spacing:0px; 
}
#ctaTextd { 
	left:0px; 
	top:0px; 
	font-size:15px; 
	color:#464646;
	font-family:'HelvLightIBM',Helvetica,Arial,sans-serif; 
	line-height:1.2em;
	letter-spacing:0px; 
}
#ctaArrow { 
	position:relative; 
	width:16px; 
	height:9px; 
	padding-left:8px; 
}  

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