body {
	margin: 0px;
}

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

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


#viewport {
	position: absolute;
	width: 300px;
	height: 600px;
	overflow:hidden; 
	opacity: 0;
	cursor: pointer;
	border: solid 1px black;
	box-sizing: border-box;;
}


#clickable { 
	position: absolute;
    left: 0px;
    top: 0px;
	width:300px; 
	height:600px; 
	background-color: black;
	opacity: 0;
	z-index:999;
}

#bg1 {
	width: 300px;
	height: 600px;
	position: absolute;
	background: url(images/image1.jpg);
	background-size: contain;
}

#bg2 {
	width: 300px;
	height: 600px;
	position: absolute;
	background: url(images/image2.jpg);
	background-size: contain;
}

#car {
	width: 300px;
	height: 250px;
	position: absolute;
	background: url(images/car.png);
	background-size: contain;
	top:190px;
}

#fog {
	width: 300px;
	height: 600px;
	position: absolute;
	background: #fff;
	background-size: contain;
}

.orbs{
	position:absolute;
	width: 6px;
	height: 6px;
	left: 0px; 
	top: 0px;
	background-size: contain;
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
	background: url(images/logo.png);
	background-size: contain;
	z-index:999;
}

#text1a {
	position: absolute;
	background: url(images/text1a.png);
	background-size: contain;
	z-index:10;
	top:-100px;
}

#text1b {
	position: absolute;
	background: url(images/text1b.png);
	background-size: contain;
	z-index:10;
}

#text2 {
	position: absolute;
	background: url(images/text2.png);
	background-size: contain;
	z-index:999;
}

#text3 {
	position: absolute;
	background: url(images/text3.png);
	background-size: contain;
	z-index:999;
}

#text4 {
	position: absolute;
	background: url(images/text4.png);
	background-size: contain;
	z-index:999;
}

#line {
	position: absolute;
	background: url(images/line.png);
	background-size: contain;
	z-index:999;
}

#cta {
	position: absolute;
	width: 134px;
	height: 30px;
	background:url(images/cta.png);
	background-size: contain;
	overflow:hidden; 
	opacity: 0;
	bottom: 53px;
	right: 83px;
	border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.19), 0 4px 4px 0 rgba(0, 0, 0, 0.19);
    z-index:999;
}

#ctaOver {
	position: absolute;
	width: 134px;
	height: 30px;
	background:url(images/cta.png);
	background-size: contain;
	overflow:hidden; 
	opacity: 0;
	top: 0px;
	left: 0px;
	border-radius: 2px;
	z-index:999;
} 

#sheen {
	position: absolute;
	width: 79px;
	height: 58px;
    top: -20px;
    left: -100px;
	background:no-repeat url(images/sheen.png);
	z-index:999;
} 

