@charset "utf-8";

/*	version: "v4.3"	*/
/* CSS Document */

body, html {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

body {
	display: none;
}

#unit-container {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.panel {
	overflow: hidden;
}


img {
	width: 100%;
	height: 100%;
}

.full-col {
	width: 728px;
	height: 90px;
}

.full-exp {
	
}

.free {
	position: absolute;
}

.centered {
	text-align: center;
}

.no-point {
	pointer-events: none !important;
}


/* Expand / Collapse Buttons */

.frame {
	overflow: hidden;
}

#shim {
	background: url(../images/shim.png) top left no-repeat;
	background-size: cover;
	width: 187px;
	height: 150px;
	top: 0;
	left: -187px;
	z-index: 5;
}

#frameOne {
	width: 521px;
	height: 250px;
	z-index: 3;
	border-radius: 0 25% 50% 0;
	
	-moz-transform-origin: 0% 100%;
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}

#frameOneImg {
	background: url(../images/frameOne_bg.png) top left no-repeat;
	width: 521px;
	height: 122px;
	z-index: -1;
	top: -32px;
	right: 0;
}

#copyOne {
	background: url(../images/copyOne.png) top left no-repeat;
	z-index: 2;
}

#frameTwo {
	background-color: #fff;
}

#frameTwoBg {
	background: url(../images/frameOne_bg.png) top left no-repeat;
	width: 521px;
	height: 122px;
	top: -32px;
	left: -521px;
}

#copyTwo {
	background: url(../images/copyTwo.png) top left no-repeat;
	z-index: 2;
}


#tagline {
	background: url(../images/tagline.png) top left no-repeat;
	z-index: 4;
	left: -50px;
	
	top: 55px;
	width: 258px;
	height: 21px;
	opacity: 0;
}

#cta {
	background: url(../images/cta.png) top left no-repeat;
	z-index: 4;
	
	left: 471px;
	top: 33px;
	
	width: 100px;
	height: 30px;
	
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	
	opacity: 0;
}

#logo {
	background: url(../images/logo.png) top left no-repeat;
	z-index: 4;
	
	width: 154px;
	height: 90px;
	bottom: 0;
	right: 0;
}