@charset "UTF-8";
/* CSS Document */

.container {
	width: 728px;
	height: 90px;
}

	.pattern {
		top: 0;
		left: 0;
		bottom: 0;
		width: 75px;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.copy_frame {
		top: 0;
		bottom: 0;
		left: 79px;
		width: 13px;
		z-index: 1;
	}

		.copy_inner {
			top: 50%;
			left: 18px;
			width: 370px;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

			.copy {
				position: relative;
				font-size: 24px;
				line-height: 0.9;
				text-transform: uppercase;
				-webkit-transform: translate(-10px);
				transform: translate(-10px);
			}

			.copy.weHavePetites,
			.copy.boldSchool,
			.copy.bornBold,
			.copy.howBold {
				font-size: 32px;
			}

			.location {
				position: relative;
				-webkit-transform: translate(-10px);
				transform: translate(-10px);
			}

				.location span {
					position: relative;
					font-size: 12px;
				}

		.cta {
			top: 50%;
			right: 24px;
			padding: 8px 18px;
			border: 1px solid #fff;
			font-size: 12px;
			text-transform: uppercase;
			-webkit-transform: translate(10px, -50%);
			transform: translate(10px, -50%);
		}
		.cta:focus {
			outline: none;
		}

	.image_frames {
		top: 0;
		bottom: 0;
		left: 96px;
		right: 116px;
	}

		.image_frame {
			top: 0;
			bottom: 0;
			background-position: center;
		}

		.image_frame-2 {
			left: 0;
			width: 167px;
		}

		.image_frame-2.karaoke {
			width: 205px;
			background-position: 33% 50%;
		}

		.image_frame-2.karaoke.anim {
			width: 372px;
			background-position: 50% 50%;
		}

		.image_frame-2.vespa {
			width: 167px;
			background-position: 40% 50%;
		}

		.image_frame-2.vespa.anim {
			width: 288px;
			background-position: 50% 50%;
		}

		.image_frame-2.car {
			width: 163px;
			background-position: 0% 50%;
		}

		.image_frame-2.car.anim {
			width: 288px;
			background-position: 50% 50%;
		}

		.image_frame-2.pool {
			width: 201px;
			background-position: 0% 50%;
		}

		.image_frame-2.pool.anim {
			width: 378px;
			background-position: 0% 50%;
		}

		.image_frame-1 {
			right: 0;
			width: 343px;
		}

		.image_frame-1.karaoke {
			width: 305px;
			background-position: 50% 50%;
		}

		.image_frame-1.karaoke.anim {
			width: 138px;
			background-position: 70% 50%;
		}

		.image_frame-1.vespa {
			width: 343px;
			background-position: 50% 50%;
		}

		.image_frame-1.vespa.anim {
			width: 222px;
			background-position: 15% 50%;
		}

		.image_frame-1.car {
			width: 347px;
			background-position: 50% 50%;
		}

		.image_frame-1.car.anim {
			width: 222px;
			background-position: 0% 50%;
		}

		.image_frame-1.pool {
			width: 309px;
			background-position: 0% 50%;
		}

		.image_frame-1.pool.anim {
			width: 132px;
			background-position: 18% 50%;
		}

	.logo {
		top: 0;
		right: 0;
		bottom: 0;
		width: 118px;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
	}