body {margin: 0px;}

#container {
	background-color: white;
	border: 1px solid gray;
	box-sizing: border-box;
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: absolute;
	width: 300px;
	height: 250px;
}

#container * {
	position: absolute;
}

.bg {
	width: 300px;
	height: 250px;
}

.img1, .img2, .img3, .img4, .img5 {
    width: 300px;
    height: 250px;
}

/*SPRITE*/
.sprite { background: url('sprite.png') no-repeat top left; height: 20px; } 
.sprite.cta-arrow { background-position: 0 0; width: 10px; height: 9px; } 
.sprite.cta-border { background-position: 0 -19px; width: 145px; height: 26px; } 
.sprite.cta-text { background-position: 0 -55px; width: 91px; height: 10px; } 
.sprite.logo { background-position: 0 -75px; width: 67px; height: 40px; } 
.sprite.text1 { background-position: 0 -125px; width: 89px; } 
.sprite.text2 { background-position: 0 -155px; width: 125px; } 

/*TOWN1 SPRITE*/
.town1 { background: url('town1.png') no-repeat top left; } 
.town1._1 {background-position: -10px -108px;width: 16px;height: 18px;top: 107px;left: 9px; }
.town1._2 {background-position: -35px -108px;width: 16px;height: 18px;top: 107px;left: 34px; }
.town1._3 {background-position: -62px -108px;width: 16px;height: 18px;top: 107px;left: 61px; }
.town1._4 {background-position: -87px -108px;width: 16px;height: 18px;top: 107px;left: 86px; }
.town1._5 {background-position: -113px -108px;width: 16px;height: 18px;top: 107px;left: 112px; }
.town1._6 {background-position: -136px -108px;width: 16px;height: 18px;top: 107px;left: 135px; }
.town1._7 {background-position: -162px -108px;width: 16px;height: 18px;top: 107px;left: 161px; }
.town1._8 {background-position: -186px -108px;width: 16px;height: 18px;top: 107px;left: 185px; }
.town1._9 {background-position: -212px -108px;width: 16px;height: 18px;top: 107px;left: 211px; }
.town1._10 {background-position: -230px -108px;width: 16px;height: 18px;top: 107px;left: 229px; }
.town1._11 {background-position: -252px -108px;width: 16px;height: 18px;top: 107px;left: 251px; }
.town1._12 {background-position: -277px -108px;width: 16px;height: 18px;top: 107px;left: 276px; }
.town1._13 {background-position: -110px -142px;width: 70px;height: 16px;top: 141px;left: 109px; }
.town1._14 {background-position: -204px -174px;width: 14px;height: 11px;top: 172px;left: 202px; }

.pin1 {background: url(pin.png) no-repeat top left;width: 9px;height: 13px;top: 57px;left: 92px; }

/*TOWN2 SPRITE*/
.town2 { background: url('town2.png') no-repeat top left; } 
.town2._1 {background-position: -62px -102px;width: 26px;height: 28px;top: 101px;left: 60px; }
.town2._2 {background-position: -102px -102px;width: 26px;height: 28px;top: 101px;left: 101px; }
.town2._3 {background-position: -144px -102px;width: 26px;height: 28px;top: 101px;left: 143px; }
.town2._4 {background-position: -185px -102px;width: 26px;height: 28px;top: 101px;left: 184px; }
.town2._5 {background-position: -225px -102px;width: 26px;height: 28px;top: 101px;left: 224px; }
.town2._6 {background-position: -120px -138px;width: 64px;height: 18px;top: 137px;left: 118px; }
.town2._7 {background-position: -229px -157px;width: 16px;height: 18px;top: 156px;left: 228px; }

.pin2 {background: url(pin.png) no-repeat top left;width: 9px;height: 13px;top: 81px;left: 115px; }

/*TOWN3 SPRITE*/
.town3 { background: url('town3.png') no-repeat top left; height: 20px; } 
.town3._1 {background-position: -54px -105px;width: 26px;height: 28px;top: 105px;left: 52px; }
.town3._2 {background-position: -90px -105px;width: 26px;height: 28px;top: 105px;left: 88px; }
.town3._3 {background-position: -125px -105px;width: 26px;height: 28px;top: 105px;left: 123px; }
.town3._4 {background-position: -162px -105px;width: 26px;height: 28px;top: 105px;left: 160px; }
.town3._5 {background-position: -200px -105px;width: 26px;height: 28px;top: 105px;left: 198px; }
.town3._6 {background-position: -116px -138px;width: 64px;height: 18px;top: 137px;left: 114px; }
.town3._7 {background-position: -214px -190px;width: 20px;height: 18px;top: 190px;left: 212px; }

.pin3 {background: url(pin.png) no-repeat top left;width: 9px;height: 13px;top: 155px;left: 170px; }

.copy1 { background: url(copy1.png) no-repeat top left; width: 300px; height: 250px; top: 0px; left: 0px; }

.copyShadow {top: 130px;left: 80px;border-radius: 100px;box-shadow: 0px 0px 100px 20px rgba(0,0,0,1);width: 140px;height: 0px;}

.copy1.copy1_1 {background-position: 0px -88px;top: 118px;left: 0px;width: 300px;height: 40px;}
.copy1.copy1_2 {background-position: 0px -127px;top: 157px;left: 0px;width: 300px;height: 30px;}

.copy2 { background: url(copy2.png) no-repeat top left; width: 300px; height: 250px; top: 0px; left: 0px; }

.copy2.copy2_1 {background-position: -47px -69px;top: 69px;left: 47px;width: 207px;height: 40px;}
.copy2.copy2_2 {background-position: -9px -109px;top: 109px;left: 9px;width: 277px;height: 30px;}
.copy2.copy2_3 {background-position: -50px -142px;top: 142px;left: 50px;width: 198px;height: 30px;}

.leftPane {width: 130px;height: 69px;top: 76px;left: 41px;overflow: hidden;}
.rightPane {width: 94px;height: 69px;top: 76px;left: 174px;overflow: hidden;}
.divider { width: 0px;height: 64px;top: 77px;left: 171px;border: 1px solid black;border-radius: 4px;}
.endCopy { background: url(endCopy.png) no-repeat top left; }
.endCopy.comcastLogo {background-position: -48px -90px;width: 110px;height: 52px;top: 13px;left: 6px;}
.endCopy.usFlag {background-position: -190px -78px;width: 62px;height: 40px;top: 1px;left: 15px;}
.endCopy.olympic {background-position: -190px -118px;width: 61px;height: 30px;top: 41px;left: 15px;}
.endCopy.partnerCopy {background-position: -58px -156px;width: 185px;height: 20px;top: 155px;left: 57px;}

.cta {
    background: url(cta.png) no-repeat top left;
    top: 212px;
    left: 105px;
    width: 90px;
    height: 24px;
}