/* constant */
body { margin: 0; padding: 0; font-family: 'Allstate Sans'; width: 100%; }

a { text-decoration: none; color:#ffffff; }


/* AD SIZES */
#border320x50 { position: absolute; width: 318px; height: 48px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd320x50 { position: absolute; width: 320px; height: 50px; overflow: hidden;  } 

#border300x50 { position: absolute; width: 298px; height: 48px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd300x50 { position: absolute; width: 300px; height: 50px; overflow: hidden;  } 

#border300x250 { position: absolute; width: 298px; height: 248px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd300x250 { position: absolute; width: 300px; height: 250px; overflow: hidden;  } 

#border728x90 { position: absolute; width: 726px; height: 88px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd728x90 { position: absolute; width: 728px; height: 90px; overflow: hidden;  } 

#border160x600 { position: absolute; width: 158px; height: 598px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd160x600 { position: absolute; width: 160px; height: 600px; overflow: hidden;  } 

#border300x600 { position: absolute; width: 298px; height: 598px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd300x600 { position: absolute; width: 300px; height: 600px; overflow: hidden;  } 

#border970x250 { position: absolute; width: 968px; height: 248px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd970x250 { position: absolute; width: 970px; height: 250px; overflow: hidden;  } 

#border620x250 { position: absolute; width: 618px; height: 248px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd620x250 { position: absolute; width: 620px; height: 250px; overflow: hidden;  }

#border640x100 { position: absolute; width: 638px; height: 98px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd640x100 { position: absolute; width: 640px; height: 100px; overflow: hidden;  }  

#border500x250 { position: absolute; width: 498px; height: 248px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd500x250 { position: absolute; width: 500px; height: 250px; overflow: hidden;  }  

#border600x500 { position: absolute; width: 598px; height: 498px; top:0; left:0; border:1px solid #000; z-index: 300} 
#atAd600x500 { position: absolute; width: 600px; height: 500px; overflow: hidden;  }  


/* COLORS */
.bgBlue { background-color: #003b8d; }
.bgPink { background-color: #BC287C; }
.bgOrange { background-color: #fd8f1e; }
.bgGreen { background-color: #6ab62c; }
.bgLtBlue { background-color: #BC287C; }


.txtBlue { color: #003b8d; }
.txtPink { color: #BC287C; }
.txtOrange { color: #fd8f1e; }
.txtGreen { color: #6ab62c; }
.txtLtBlue { color: #BC287C; }
.txtWhite { color: #FFFFFF; }

.logoBlue { fill:#003b8d; }
.logoLtBlue { fill:#BC287C; }
.logoWhite{ fill:#FFFFFF; }
.logoPink{ fill:#BC287C; }
.logoOrange { fill: #fd8f1e; }
.logoGreen { fill: #6ab62c; }

.shadow {
	text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}

.legal_shadow {
	text-shadow: rgb(0, 0, 0) 0.5px 0.5px 0.5px;
}
.image_shadow { 
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8)); 
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8));
	overflow:visible;
	height:50px; 
}

.image_shadow_off { 
	display: none;
}

/* COPY */
#frame1, #frame2, #frame3, #landing{
	font-family: 'ITC Avant Garde Gothic';	
	font-weight: 900;
	-webkit-font-smoothing: antialiased; 
	text-transform: uppercase;
}

#clickArea { position: absolute; z-index: 350; width: 100%; height: 100%; }
#clickArea .clickAreaFull { width: 100%; height: 100%; background-color: #ff9900; }