html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

body{
	font-family: Asap, Arial, sans-serif;
	background-color: #FFF;
	color: black;
	margin: 0px;
}

.bannerSize{
	width: 300px;
	height: 250px;
}

.legalSize{
	width: 123px;
	height: 26px;
}

.iconSize{
	width: 20px;
	height: 20px;
}

a.divlink {
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	position: absolute;
	cursor: pointer;
}

#bg{
	position:absolute;
	left: 0px; 
	top: 0px;
	background-size: contain;
	background-color: white;
}

#logos{
	background: no-repeat url("../images/logos.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	background-size: contain;
}

#tagline{
	background: no-repeat url("../images/tagline.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	background-size: contain;
}

#box{
	background: no-repeat url("../images/box.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	background-size: contain;
}

#legal{
	background: no-repeat url("../images/legal.png");
	position:absolute;
	left: 90px;
	top: 225px;
	background-size: contain;
}


#legalOver{
	background: no-repeat url("../images/legalOver.png");
	position:absolute;
	left: 90px;
	top: 225px;
	background-size: contain;
}

#disclosureContainer {
	background: no-repeat url("../images/disclosure.jpg");
	position:absolute;
	left: 0;
	top: 0;
	background-size: contain;
}

#cta{
	background: no-repeat url("../images/cta.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	background-size: contain;

}

#cigContainer{
	position:absolute;
	left: 58px; 
	top: 0px;
	background-size: contain;
	/* background-color: blue; */
}

#burnCon{
	position:absolute;
	left: 58px; 
	top: 0px;
	background-size: contain;
	clip: rect(0px,99px,250px,85px);
	/* background-color: tomato; */
}

#cig{
	background: no-repeat url("../images/cig.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	background-size: contain;
}

#cigBurn{
	background: no-repeat url("../images/cigBurn.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	background-size: contain;
}

#cigAshes{
	background: no-repeat url("../images/cigAshes.png");
	position:absolute;
	left: 58px; 
	top: 0px;
	background-size: contain;
}

#blades{
	background: no-repeat url("../images/blades.png");
	position:absolute;
	left: 44px;
	top: -24px;
	width: 191px;
	height: 180px;
	background-size: contain;
}

#windturbine{
	position:absolute;
	left: 46px;
	top: -24px;
	width: 191px;
	height: 180px;
	left: 50%;
	transform:translateX(-50%);
	 backface-visibility: hidden;
	 -webkit-backface-visibility:hidden;
	background-size: contain;
}


#pole{
	background: no-repeat url("../images/pole.png");
	position:absolute;
	left: 0px;
	top: 0px;
	background-size: contain;
}

#text1{
	background: no-repeat url("../images/text1.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	background-size: contain;
}

#text2{
	background: no-repeat url("../images/text2.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	left: 50%;
	transform:translateX(-50%);
	 backface-visibility: hidden;
	 -webkit-backface-visibility:hidden;
	background-size: contain;
}

#text3{
	background: no-repeat url("../images/text3.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	left: 50%;
	transform:translateX(-50%);
	 backface-visibility: hidden;
	 -webkit-backface-visibility:hidden;
	background-size: contain;
}

#border{
	background: no-repeat url("../images/border.png");
	position:absolute;
	left: 0px; 
	top: 0px;
	left: 50%;
	transform:translateX(-50%);
	 backface-visibility: hidden;
	 -webkit-backface-visibility:hidden;
	background-size: contain;
}

#boxHold{
	position: absolute;
	left: 0px; 
	top: 0px;
	left: 50%;
	transform:translateX(-50%);
	 backface-visibility: hidden;
	 -webkit-backface-visibility:hidden;
  	perspective: 200px;
}

#banner {
	position: absolute;
	background: white;
	overflow: hidden; 
	opacity: 1;
	cursor: pointer;
	border: solid 1px black;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#closeIcon {
	background: no-repeat url("../images/closeIcon.png");
	position:absolute;
	left: 276px;
	top: 0;
	background-size: contain;
}


.verticalAlignCenter{
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}

