@charset "UTF-8";

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; }
*, *:before, *:after {
  box-sizing: inherit;
}
body
{
	vertical-align: baseline; border: 0 none; outline: 0; padding: 0; margin: 0; 
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}

div, div img, video{ position: absolute; }

#ad
{
	width: 			300px;
	height:			250px;
	overflow: 		hidden;
	border:			solid 1px black;
	background: 	#002466;
	cursor: 		pointer;
}

#banner {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

#copyContainer
{
	position: absolute;
	overflow: hidden;
	top:0;
	left: 0;
	width: 300px;
	height: 250px;
}

#picture_blue_mask{
	position: absolute;
	top: 0px;
	left: -7px;
	width: 420px;
	height: 250px;
	-ms-transform: skew(32deg, 0deg); /* IE 9 */
	-webkit-transform: skew(32deg, 0deg); /* Safari */
	-moz-transform: skew(32deg, 0deg); /* Firefox */
	transform: skew(32deg, 0deg);
	background-color: #002663;
	opacity: 0.8;
}

.masked{
	overflow:hidden;
}

/* ===== SPRITESHEET ============================== */

.sprite {
	background-image: url(spritesheet.png);
	background-repeat: no-repeat;
	display: block;
}

#b1 {
	width: 61px;
	height: 9px;
	background-position: 0 0;
	top:87px;
	left:18px;
}

#b2 {
	width: 87px;
	height: 10px;
	background-position: -61px 0;
	top:87px;
	left:83px;
}

#b3 {
	width: 110px;
	height: 9px;
	background-position: -149px 0;
	top:87px;
	left:176px;
}

#cta {
	width: 91px;
	height: 28px;
	background-position: -149px -9px;
	top: 	119px;
	left: 	155px;
}

#lockup {
	width: 300px;
	height: 75px;
	background-position: 0 -37px;
	bottom:-2px;
}

#shimmer {
	width: 41px;
	height: 26px;
	background-position: -257px 0;
	top: 1px;
	left: -44px;
}

#t1 {
	width: 126px;
	height: 46px;
	background-position: 0 -112px;
	top:64px;
	left:162px;
}

#t2 {
	width: 126px;
	height: 48px;
	background-position: -126px -112px;
	top:64px;
	left:161px;
}

#t3 {
	width: 265px;
	height: 15px;
	background-position: 0 -160px;
	top:63px;
	left:18px;
}

#t4 {
	width: 90px;
	height: 11px;
	background-position: 0 -175px;
	top:  129px;
	left: 44px;
}