#bgImg1 { position: absolute; bottom:0; height:299px; }

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

#bgColor { position: absolute; width:300px; height:600px; top:0; left:0; z-index: 50 }

.colorIN{ 
	color:#49C3B1;
}

/* logos */

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


/* FRAMES */
#quote {
	font-family: 'ITC Avant Garde Gothic';	
	font-weight: 900;
	-webkit-font-smoothing: antialiased; 
	text-transform: uppercase;
	position: absolute;
	font-size:35px;
	line-height: 30px; 
	top:97px;
	width: 300px;
	left:11px;
  	text-align: left;
	z-index: 100;
	opacity: 0;
}
#frame1 {
	font-size:35px;
	line-height: 31px; 
	top:97px;
	width: 300px;
	left:25px;
  	text-align: left;
	z-index: 100;
	opacity: 0;
}
#frame1a {
	font-size:22px;
	top:200px;
	left: 300px;
	width: 300px;
  	text-align: left;
	z-index: 100;
}

#frame2 {
	font-size:46px;
	line-height: 40px; 
	top:97px;
	left: 15px;
	width: 300px;
  	text-align: left;
	z-index: 100;
}


#frame3{
	width:300px;
	font-size:46px;
	line-height: 42px; 
	top:97px;
	left:15px;
	top:97px;
  	text-align: left;
	z-index: 210;
}

#frame4{
	width:300px;
	font-size:45px;
	line-height: 38px; 
	left:15px;
	top:125px;
  	text-align: left;
	z-index: 210;
}

.frame4a{
	font-family: 'ITC Avant Garde Gothic';	
	font-weight: 900;
	-webkit-font-smoothing: antialiased; 
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	width:300px;
	left:0;
	top:0;
}

#landing { 
	position: absolute;
	width:300px;
	font-size:41px;
	line-height: 36px;
	left:15px;
	top:70px;
  	text-align: left;
	z-index: 210;
}

#onlyAllstate {
	position: absolute;
	top:245px;
	left:300px;
	z-index: 210;
}

.reg{
	font-family: 'Allstate Sans';
	font-size: 20px; 
	line-height: 20px;
	margin-left:-13px;
    left: 0px;
    bottom: 15px;
    position: absolute;
}



/* CTA */
/* Quote Now */
/*#btn_cta { font-weight: 700; position: absolute; width: 165px; height:25px; top: 195px; right:-165px; background: #001C71; text-transform: uppercase; padding: 3px 10px 4px 15px; font-size: 20px; font-weight:900; text-align: left; overflow: hidden; z-index: 350; cursor: pointer; opacity: 0 }
#ctaCopy { position: relative; z-index: 350; color:#fff; }
#arrow { position: absolute; top:0; left:130px; padding-top: 5px; padding-left: 18px; }*/

/*GET IN*/
#btn_cta { font-weight: 700; position: absolute; width: 220px; height:25px; bottom: 20px; right:-110px; background: #001C71; text-transform: uppercase; padding: 3px 10px 4px 15px; font-size: 20px; font-weight:900; text-align: left; overflow: hidden; z-index: 350; cursor: pointer; opacity: 0 }
#ctaCopy { position: relative; z-index: 350; color:#fff; }
#arrow { position: absolute; top:0; left:183px; padding-top: 5px; padding-left: 18px; }