body {
	margin: 0px;
}

div {
	position:absolute;
	margin:0px;
	padding:0px;
}

.bannerSize {
	width:120px;
	height:600px;
}

#banner {
	overflow:hidden;
    background-color: #FFFFFF;
    position: relative;
    margin: 0 auto;
}

#border {
	position: absolute;
	pointer-events: none;
    left: 0px;
    top: 0px;
    width: 120px;
    height: 600px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid black;
    opacity: 1;
}

#clickable {
	position: absolute;
    width: 120px;
    height: 600px;	
    left: 0px;
    top: 0px;
	background-color: white;
	opacity: 0;
	z-index: 99;
	cursor: pointer;
}


/* BACKGROUNDS */
#background1 {
	position: absolute;
    width: 140px;
    height: 600px;
	background: url(images/background1.jpg) no-repeat;
	background-size: contain;
}

#background2 {
	position: absolute;
    left: 0px;
	top: 0px;
	width: 140px;
    height: 600px;
	background: url(images/background2.jpg) no-repeat;
	background-size: contain;
}
#background3 {
	position: absolute;
    left: 0px;
	top: 0px;
	width: 140px;
    height: 600px;
	background: url(images/background3.jpg) no-repeat;
	background-size: contain;
}
#background4 {
	position: absolute;
    left: 0px;
	top: 0px;
	width: 330px;
    height: 600px;
	background: url(images/background4.jpg) no-repeat;
	background-size: contain;
}

#background5 {
	background-color: #000000;
	position: absolute;
	top:0;
	left:0;
}

#finalGradient {
	background-color:rgba(0, 0, 0, 0.5);
	position: absolute;
	top:0;
	left:0;
}

#sheen {
	background: no-repeat url("images/sheen.png");
	position: absolute;
    left: -100px;
    width: 100px;
    height: 72px;
}

/* TEXT */
#text1 {
	background: url(images/text1.png) no-repeat;
	background-size: contain;
	left: 0px;
	top: 0px;
}
#text2 {
	background: url(images/text2.png) no-repeat;
	background-size: contain;
	left: 0px;
	top: 0px;
}
#text3 {
	background: url(images/text3.png) no-repeat;
	background-size: contain;
	left: 0px;
	top: 0px;
}

#text4 {
	background: url(images/text4.png) no-repeat;
	background-size: contain;
	left: 0px;
	top: 0px;
}

#text5 {
	background: url(images/text5.png) no-repeat;
	background-size: contain;
	left: 0px;
	top: 0px;
}

#text6 {
	background: url(images/text6.png) no-repeat;
	background-size: contain;
	left: 0px;
	top: 0px;
}

#cta {
	background-image: url(images/cta.png);
	background-size: contain;
	left: 0px;
	top: 0px;
}

#gradient {
	background-image: url(images/gradient.png);
	background-size: contain;
	left: 0px;
	top: 0px;
}
#sheenContainer {
	position: absolute;
    overflow: hidden;
    width: 102px;
    height: 36px;
    left: 9px;
    top: 477px;
}

#replayBtn {
	background-image: url(images/replay.png);
	background-size: contain;
	left: 135px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	z-index: 999;
	cursor: pointer;
}

#logo {
	background: no-repeat url("images/logo.png");
	position:absolute;
	left: 0px;
	top: 0px;
	background-size: contain;
}
#overlay {
	background: no-repeat url("images/overlay.jpg");
	z-index: 9999;
	opacity: 1;
	background-size: contain;
}