@charset "utf-8";
/* CSS Document */

/* CSS reset */
* {
    margin: 0;
    padding: 0;
	position:absolute;
	
}
img{
	border:0;
}
body{
	cursor:pointer;
	font-family: 'Lato', sans-serif;
}

html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}
#ie-fallback{
	width:300px;
	height: 250px;
	z-index:999
}

/* Contaciner Area */
#banner {
	width:300px;
	height: 250px;
	overflow: hidden;
 	border: #000000 1px solid;
	background:#ffffff;
 	-webkit-box-sizing: border-box;
 	        box-sizing: border-box;
}

#fpo{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	opacity: 1;
	background: url(fpo3.jpg) no-repeat;	
}

#logo-esse{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	opacity: 1;
	background: url(logo-esse.png) no-repeat;	
}

#logo-esse-white{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	opacity: 0;
	background: url(logo-esse-white.png) no-repeat;	
}


/*slide 1 */
#slide1{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	opacity: 1;
	overflow: hidden;
	background: #ffffff;
}

#copy1{
	font-family: 'Arial';
    font-weight: bold;
    font-size: 12pt;
    color: #575756;
    left: 17PX;
    top: 208PX;
    position: absolute;
    text-align: center;
    line-height: 25px;
	opacity: 0;
}

#venella-logo{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	background: url(venella-logo.png) no-repeat;
	opacity: 0;
}

#t1a{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 20px;
	position: absolute;
	background: url(t1a.png) no-repeat;
	opacity:0;
}

#t1b{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 20px;
	position: absolute;
	background: url(t1b.png) no-repeat;
	opacity:0;
}


/*slide 2 */
#slide2{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	opacity: 1;
	overflow: hidden;
}

#project-img{
	width: 416px;
	height: 250px;
	left: -116px;
	top: 0px;
	position: absolute;
	background: url(project-img.jpg) no-repeat;
}

/*slide 3*/

#copy3a{
	font-family: 'Arial';
    color: #ffffff;
    font-weight: normal;
    font-size: 10pt;
    left: 48px;
    top: 106px;
    position: absolute;
    letter-spacing: 0.5px;
    text-align: center;
}

#copy3b{
	font-family: 'Arial';
    color: #ffffff;
    font-weight: bold;
    font-size: 25pt;
    left: 112px;
    top: 87px;
    position: absolute;
    letter-spacing: 0.5px;
    text-align: center;
}


#copy3c{
	font-family: 'Arial';
    color: #ffffff;
    font-weight: normal;
    font-size: 10pt;
	left: 112px;
    top: 125px;
    position: absolute;
    letter-spacing: 0.5px;
    text-align: center;
}

#copy3Plus{
	font-family: 'Arial';
    color: #ffffff;
    font-weight: bold;
	font-size: 40pt;
    left: 135px;
    top: 128px;
    position: absolute;
}

#copy3Line2a{
	font-family: 'Arial';
    color: #ffffff;
    font-weight: normal;
    font-size: 10pt;
	left: 84px;
    top: 178px;
    position: absolute;
    letter-spacing: 0.5px;
    text-align: center;
}

#copy3Line2b{
	font-family: 'Arial';
    color: #ffffff;
    font-weight: bold;
    font-size: 21pt;
    left: 79px;
    top: 194px;
    position: absolute;
    letter-spacing: 0.5px;
    text-align: center;
}

#copy3tc{
	    font-family: 'Arial';
    color: #ffffff;
    font-weight: normal;
    font-size: 6.8pt;
    left: 75px;
    top: 238px;
    position: absolute;
    text-align: center;
}

#f3-bg{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 250px;
	position: absolute;
	background: url(f3-bg.png) no-repeat;
}

#f3-title{
	width: 300px;
	height: 250px;
	left: 0px;
	top: -80px;
	position: absolute;
	background: url(f3-title.png) no-repeat;
}

#t3a{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	background: url(t3a.png) no-repeat;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

#t3b{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	background: url(t3b.png) no-repeat;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}


#t3c{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	background: url(t3c.png) no-repeat;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}


#t3d{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 0px;
	position: absolute;
	background: url(t3d.png) no-repeat;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

/*frame 4*/

#slide4{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 250px;
	position: absolute;
	opacity: 1;
	overflow: hidden;
	background: #ffffff;
}


#t4a{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 30px;
	position: absolute;
	background: url(t4a.png) no-repeat;
	opacity: 0;
}


#cta{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 30px;
	position: absolute;
	background: url(cta.png) no-repeat;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	opacity: 0;
}


#dia-logo{
	width: 300px;
	height: 250px;
	left: 0px;
	top: 30px;
	position: absolute;
	background: url(dia-logo.png) no-repeat;
	opacity: 0;
}