@font-face{
	font-family:'IBMBold';
	src:url("../fonts/IBMPlexSans-Bold-V01.woff") format("woff");
	font-weight:bold;
}

.fontBold {
	font-family:'IBMBold',Helvetica,Arial,sans-serif;
	font-weight:bold;
}
/*
@font-face{
    font-family:'IBMMedium';
    src:url("../fonts/IBMPlexSans-Medium-V01.woff") format("woff");
    font-weight:medium;
}

.fontMedium {
	font-family:'IBMMedium',Helvetica,Arial,sans-serif;
	font-weight:medium;
}
*/
@font-face{
    font-family:'IBMRegular';
    src:url("../fonts/IBMPlexSans-Regular-V01.woff") format("woff");
    font-weight:normal;
}

.fontRegular {
	font-family:'IBMRegular',Helvetica,Arial,sans-serif;
	font-weight:normal;
}

@font-face{
    font-family:'IBMText';
    src:url("../fonts/IBMPlexSans-Text-V01.woff") format("woff");
    font-weight:text;
}

.fontText {
	font-family:'IBMText',Helvetica,Arial,sans-serif;
	font-weight:text;
}
/* REF */
/*
#ref {
	background-image: url("../ref/ref4.jpg");
    background-repeat: no-repeat;
	left:0px; 
	top:0px; 
	width:300px; 
	height:600px; 
	opacity: 1;
}
*/
body {
	font-family:'IBMBold',Helvetica,Arial,sans-serif;
	color:#FFF;
	font-size:18.5px;
	letter-spacing:0px; 
	line-height:1.0em; 
	text-rendering:optimizeLegibility; 
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	margin:0px;
}

@media screen and (min-width:0) and (min-resolution:+72dpi) { /* IE fix */
	body { text-rendering:optimzeSpeed; }
}

div { position:absolute; display:block; } 

img { position:relative; }

#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:#FFF; 
}

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

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

/* custom */
.frame { 
	width:100%; 
	height:100%; 
	display:none; 
}
/*bg*/
.bgImageGroup { 	
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:600px; 
	opacity: 1;
}

.c_logo_mask { 
	width:300px; 
	height:600px;
	top:0px;
	left:0px; 
	display:none; 
	overflow:hidden; 
	background:none;
	opacity:1;
}

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

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

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

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

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

#cloud5a { 
	background-image: url("../images/cloud5a.png");
    background-repeat: no-repeat;
	left:0px; 
	top:0px; 
	width:350px; 
	height:600px; 
	opacity: 1;
}
#bg1 { 
	background-image: url("../images/bg_r.png");
    background-repeat: no-repeat;
	left:-135px; 
	top:-270px; 
	width:570px; 
	height:1140px; 
	opacity: 0;
}

#bg2 { 
	background-image: url("../images/bg_p.png");
    background-repeat: no-repeat;
	left:-135px; 
	top:-270px; 
	width:570px; 
	height:1140px; 
	opacity: 0;
}

#bg3 { 
	background-image: url("../images/bg_g.png");
    background-repeat: no-repeat;
	left:-135px; 
	top:-270px; 
	width:570px; 
	height:1140px; 
	opacity: 0;
}

#bg4 { 
	background-image: url("../images/bg_b.png");
    background-repeat: no-repeat;
	left:-135px; 
	top:-270px; 
	width:570px; 
	height:1140px; 
	opacity: 0;
}
/* ibmlogo */
#ibmLogo { 
	background-image: url("../images/ibm_logo.png");
    background-repeat: no-repeat;
	width:25px;
	height:70px; 
	left:261px; 
	top:13px; 
	z-index:80; 
}
/* TEXT */
.textGroup { 
	width:300px; 
	height:600px; 
} 

.textDiv { 
	width:100%; 
	height:100%; 
	overflow:hidden; 
} 

.text { 
	font-family:"IBMBold";
	font-size:27px; 
	letter-spacing: 0.015em;
	line-height: 1.2em;
	text-align: center;
}

#text1 div { 
	width:300px;
}

#text1a { 
	left:3px;
	top:378px;
}

#text2 div { 
	width:300px;
}

#text2a {
	left:0px;
	top:378px;
}

#text3 div { 
	width:300px;
}

#text3a {
	left:3px;
	top:378px;
}

#text4 div { 
	width:300px;
}

#text_ibm { 
	font-family:"IBMRegular"; 
	font-size:34px;
	text-align: left;
	letter-spacing: 0.025em;
	left:66px;
	top:377px;
}

#text_cloud { 
	font-family:"IBMBold"; 
	font-size:34px;
	text-align: left;
	letter-spacing: 0.01em;
	display:inline-block; 
	padding-left:8px;
}

#cta { 
	font-family:"IBMText";  
	font-size:19px; 
	width:100%; 
	letter-spacing: 0.01em;
	line-height: 1.1em;
	left:66px;
    top:486px; 
}

#ctaArrow { 
	position:relative; 
	padding-left:3px; 
	top:0px;
	width:17px; 
	height:13px;
} 

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