html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.collapsedFileDimensions{
	width: 970px;
	height: 90px;
}

.expandedFileDimensions{
	width: 970px;
	height: 250px;
}

.absPos{
	position: absolute;
}

#expanded{
	position: relative;
	overflow: hidden;
	display:block;
}

#audioBtn{
	width: 13px;
	height: 16px;
	left: 946px;
	top: 8px;
	cursor: pointer;
	z-index: 9999;
}

.audioBtn_ON{
	background-image: url(images/audioBtn_ON.png);
}

.audioBtn_OFF{
	background-image: url(images/audioBtn_OFF.png);
}


#collapsed{
	position: relative;
	overflow: hidden;
	background-image:url(images/collapsedBG.jpg);
}

.clickScreen{
	cursor: pointer;
}

.border{
	top: 0px;
	left: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    -moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.curtain{
	background-color: #0574ac;
	z-index: 10000;
}

.logoHolder{
	top: 0px;
	left: 0px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.ATTLogo{
	top: 86px;
	left: 502px;
	width: 86px;
	height: 86px;
	background-image: url(images/ATTLogo.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.plusSign{
	top: 110px;
	left: 622px;
	width: 32px;
	height: 32px;
	background-image: url(images/plusSign.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.directTVLogo{
	top: 104px;
	left: 688px;
	width: 230px;
	height: 45px;
	background-image: url(images/directTVLogo.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.copy_takeYour{
	top: 77px;
	left: 548px;
	width: 265px; 
	height: 22px;
	background-image:url(images/copy_takeYour.png);
}

.copy_onThe{
	top: 105px;
	left: 450px;
	width: 459px; 
	height: 57px;
	background-image:url(images/copy_onThe.png);
}

.copy_turnYour{
	top: 28px;
	left: 645px;
	width: 92px; 
	height: 18px;
	background-image:url(images/copy_turnYour.png);
}

.copy_phone{
	top: 54px;
	left: 588px;
	width: 207px; 
	height: 50px;
	background-image:url(images/copy_phone.png);
}

.copy_television{
	top: 138px;
	left: 510px;
	width: 355px; 
	height: 50px;
	background-image:url(images/copy_television.png);
}

.copy_intoA{
	top: 113px;
	left: 510px;
	width: 359px; 
	height: 15px;
	background-image:url(images/copy_intoA.png);
}

.copy_introducing{
	top: 70px;
	left: 122px;
	width: 212px; 
	height: 22px;
	background-image:url(images/copy_introducing.png);
	background-position: center;
	background-repeat: no-repeat;
}

.copy_allInOne{
	top: 103px;
	left: 115px;
	width: 223px; 
	height: 74px;
	background-image:url(images/copy_allInOne.png);
}

.copy_4and4{
	top: 36px;
	left: 521px;
	width: 305px; 
	height: 81px;
	background-image:url(images/copy_4and4.png);
}

.copy_connect{
	top: 13px;
	left: 643px;
	width: 66px; 
	height: 11px;
	background-image:url(images/copy_connect.png);
}

.copy_for200{
	top: 132px;
	left: 529px;
	width: 291px; 
	height: 30px;
	background-image:url(images/copy_for200.png);
}

.legal1{
	top: 219px;
	left: 535px;
	width: 308px; 
	height: 10px;
	background-image:url(images/legal1.png);
}

.legal2{
	top: 173px;
	left: 525px;
	width: 290px; 
	height: 40px;
	background-image:url(images/legal2.png);
}

#collapsedCTA{
	top: 32px;
	left: 810px;
	width: 134px;
	height: 26px;
	z-index: 400;
	cursor: pointer;
}

.collapsedCTACopy{
	top: 8px;
	left: 18px;
	width: 96px;
	height: 13px;
	background-image:url(images/collapsedCTACopy.png);
}

.collapsedCTABG{
    border-radius: 6px;
    background: #FFFFFF;
    width: 134px;
    height: 26px;
    box-shadow: black 0px 4px 20px -5px;
    -webkit-box-shadow: black 0px 4px 20px -5px;
}

#expandedCTA{
	top: 217px;
	left: 630px;
	width: 90px;
	height: 22px;
	z-index: 400;
	cursor: pointer;
}

.expandedCTACopy{
	top: 7px;
	left: 13px;
	width: 63px;
	height: 9px;
	background-image:url(images/expandedCTACopy.png);
}

.expandedCTABG{
    border-radius: 6px;
    background: #FFFFFF;
    width: 90px;
    height: 22px;
    box-shadow: black 0px 4px 20px -5px;
    -webkit-box-shadow: black 0px 4px 20px -5px;
}

#replayBtn{
	top: 8px;
	left: 8px;
	width: 13px;
	height: 15px;
	background-image:url(images/replayButton.svg);
	cursor: pointer;
}

#closeBtn{
	top: 9px;
	left: 926px;
	width: 33px;
	height: 8px;
}

.closeBtnWhite{
	background-image:url(images/close_white.png);
}

.closeBtnBlack{
	background-image:url(images/close_black.png);
}

#videoPlayer{
	top: 0px;
	left: 0px;
}