#bgImg1 { position: absolute; top:0; }

#bgImg2 { position: absolute; top:0; opacity: 0 }

#bgImg3 { position: absolute; top:0; opacity: 0 }

.colorIN{ 
	color:#FF9E16;
}
#bkgColor {
	position: absolute;
	top:0;
	left:0;
	width:300px;
	height:250px;
	z-index: 190;
	opacity: 0;

}

/* logos */

#Allstate{
	position: absolute;
    width: 66px;
    height: 14px;
    top: 7px;
    right: 7px;
    background-image:url(Allstate.svg);
    background-repeat: no-repeat;
    z-index: 300;
}

#Allstate_blue{
	position: absolute;
    width: 66px;
    height: 14px;
    top: 7px;
    right: 7px;
    background-image:url(Allstate_blue.svg);
    background-repeat: no-repeat;
    z-index: 300;
}

#Allstate2{
	position: absolute;
    width: 102px;
    height: 22px;
    top: 14px;
    right: 10px;
    background-image:url(Allstate.svg);
    background-repeat: no-repeat;
    z-index: 300;
    opacity: 0
}


/* FRAMES */


#frame1, #frame2, #frame3, #landing {
	font-family: 'ITC Avant Garde Gothic';
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	position: absolute;
	width: 728px;
}

.shadow {
	text-shadow: 2px 2px 4px #000000;
}


#frame1{
	font-size:34px;
	line-height: .9;
	top:17px;
	left: 20px;
  	text-align: left;
	z-index: 100;
}

#frame2{
	font-size:34px;
	line-height: .9;
	top:17px;
	left: 20px;
  	text-align: left;
	z-index: 210;
}
#frame3{
	font-size:34px;
	line-height: .9;
	top:17px;
	left: 20px;
  	text-align: left;
	z-index: 210;

}

#landing{
	font-size:34px;
	line-height: .9;
	top:17px;
	left: 20px;
  	text-align: left;
	z-index: 220;
	opacity: 0
}

.txtBold {font-weight: 900!important}

.byline{
	/*display: inline-block;*/
	font-family: 'Allstate Sans'!important;
	text-transform: none!important;
	font-weight: 500!important;
	font-size:20px;
	line-height: 1;
	margin-left: 40px;
  	text-align: left;
  	width:160px;
	z-index: 220;
}

#mask {
	position: absolute;
	bottom:0;
	right:-1000px;
	width:900px;
	height: 250px;
	-webkit-transform: skew(150deg);
	-moz-transform: skew(150deg);
	-o-transform: skew(150deg);
    transform: skew(150deg);
    z-index: 200
}


/*CTA*/
#btn_cta { position: absolute; bottom: 20px; z-index: 350; right: -200px;}
#ctaCopy { position: absolute; font-family: 'Allstate Sans'; font-weight: 700; z-index: 350; right:0px; bottom:22px; font-size:15px;}
#arrow { top:0; display: inline-block; }