body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #FFF;

}
#main-container, #content, #exit, #border {
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 970px;
	height: 250px;	
	overflow: hidden;
}
#main-container{
	box-sizing: border-box;	
	background-color: #ffffff;	
	opacity: 0;
}

#exit{	
	opacity:0;	
	cursor:pointer;
	background-color:transparent;
	z-index:999;
}
#border{
	box-shadow:inset 0px 0px 0px 1px #000;
}


#copyHolder{
	top: -123px;
    left: 35px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	/*background-color: #262836;*/
}
#blueBG, #blueBG2{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	background-color: #262836;	
}
#blueBG{
	width: 1940px;
	height: 500px;
}
#blueBG2{
	width: 1250px;
	height: 250px;
	clip: rect(0px,1250px,250px,1250px);
}
#redBG{
	top:0px;
	left:0px;
	width: 1250px;
	height: 250px;
	position: absolute;
	display:block;
	background-color: #eb0017;	
	clip: rect(0px,1250px,250px,1250px);
	
}
#copy1Holder{
	top:0px;
	left:-520px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	background-size: 100%;
}
#copy1_col{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;	
	/*background:url(images/copy1-colour.png) 0px 0px no-repeat;*/
	background-size: 100%!important; 
	
}
#img_copy1_blue{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;	
	background:url(images/copy1-colour.png) 0px 0px no-repeat;	
	background-size: 100%!important; 
}

#copy1{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;	
	/*background:url(images/copy1-white.png) 0px 0px no-repeat;*/
	clip: rect(0px,1150px,500px,920px);
	background-size: 100%!important; 
}
#img_copy1{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;	
	background:url(images/copy1-white.png) 0px 0px no-repeat;
	background-size: 100%!important; 

}
#copy1Blur{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;	
	/*background:url(images/copy1-white-blur.png) 0px 0px no-repeat;*/
	clip: rect(0px,920px,500px,0px);
	background-size: 100%!important; 
}
#img_copy1Blur{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;	
	background:url(images/copy1-white-blur.png) 0px 0px no-repeat;
	background-size: 100%!important; 

}
#copy1_dupe{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
/*	background:url(images/copy1-white.png) 0px 0px no-repeat;*/
	clip: rect(0px,1940px,500px,1940px);
	background-size: 100%!important; 
}
#img_copy1_dupe{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	background:url(images/copy1-white.png) 0px 0px no-repeat;
	background-size: 100%!important; 

}
#copy1Blur_dupe{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	/*background:url(images/copy1-white-blur.png) 0px 0px no-repeat;*/
	clip: rect(0px,1940px,500px,1150px);
}
#img_copy1Blur_dupe{
	top: 0px;
    left: 0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	background:url(images/copy1-white-blur.png) 0px 0px no-repeat;

}
#effect1{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	background-color: #ffffff;
	opacity: 0.5;
	clip: rect(0px,920px,500px,0px);
}
#effect2{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	background-color: #ffffff;
	opacity: 0.5;
	clip: rect(0px,1940px,500px,1150px);
}
#effect3{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	background-color: #ffffff;
	opacity: 0.5;
	clip: rect(0px,1940px,500px,1940px);
}
#effectExtra1{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 1940px;
	height: 500px;
	background-color: #ffffff;
	opacity: 0.5;
	clip: rect(0px,850px,500px,850px);
}





#endFrame{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 1250px;
	height: 250px;	
	overflow: hidden;
}
#whiteLogoHolder{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 1250px;
	height: 250px;	
	overflow: hidden;
	clip: rect(0px,1250px,250px,1250px);
	background-size: 100%;
	z-index:700!important;
}
#redLogoHolder{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 1250px;
	height: 250px;	
	overflow: hidden;
	clip: rect(0px,1250px,250px,1250px);
	background-size: 100%;
	z-index:700!important;
}
#whiteLogo{
	top:0px;
	left:150px;
	position: absolute;
	display:block;
	width: 970px;
	height: 250px;	
	overflow: hidden;
	background:url(images/logo-white.png) 0px 0px no-repeat;
	background-size: 100%;
	z-index:700!important;
}
#redLogo{
	top:0px;
	left:150px;
	position: absolute;
	display:block;
	width: 970px;
	height: 250px;	
	overflow: hidden;
	background:url(images/logo-colour.png) 0px 0px no-repeat;
	background-size: 100%;
	z-index:700!important;
}

#whiteBG{
	top:0px;
	left:0px;
	width: 1250px;
	height: 250px;
	position: absolute;
	display:block;
	background-color: #ffffff;	
	clip: rect(0px,1250px,250px,1250px);
}
#img{
	top:0px;
	left:700px;
	width: 320px;
	height: 250px;
	position: absolute;
	display:block;
	background:url(images/image.jpg) 0px 0px no-repeat;
}
#endCopy{
	top:0px;
	left:1020px;
	width: 970px;
	height: 250px;
	position: absolute;
	display:block;
	background:url(images/copy-endframe.png) 0px 0px no-repeat;
	background-size: 100%;
}
#cta{
	top:0px;
	left:1020px;
	width: 970px;
	height: 250px;
	position: absolute;
	display:block;
	background:url(images/cta.png) 0px 0px no-repeat;
	background-size: 100%;
}
#redBG2{
	top:0px;
	left:0px;
	width: 1200px;
	height: 250px;
	position: absolute;
	display:block;
	background-color: #eb0017;	
	clip: rect(0px,1000px,250px,1000px);
}
/*#BG_4{
	clip: rect(0px,500px,90px,500px);
}
#BG_5{
	clip: rect(0px,728px,90px,728px);
}
#BG_6{
	clip: rect(0px,1200px,90px,728px);
}
.BG_4_Clip{
	clip: rect(0px,-200px,90px,-728px) !important;
}
.BG_5_Clip_1{
	clip: rect(0px, 728px, 90px,0px) !important;
}
.BG_5_Clip_2{
	clip: rect(0px, 0px, 90px,-728px) !important;
}
.BG_6_Clip_1{
	clip: rect(0px, 0px, 90px,-300px) !important;
}
.blue{	
	background-color: #262836;
}
.white{	
	background-color: #ffffff;
}

#copy1Holder{
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 728px;
	height: 90px;
	overflow: hidden;
}
#copy1Control_Scale, #copy1Control_Pan, #copy1, #copy1_col {
	top:0px;
	left:0px;
	position: absolute;
	display:block;
	width: 846px;
	height: 90px;	
}

#copy1{
	background:url(images/copy1-white.png) 0px 0px no-repeat;
	
}

#copy1_col{
	background:url(images/copy1-colour.png) 0px 0px no-repeat;
}

#copy1Control_Pan{
	left:345px;
}

/*#copy1Holder{
	clip: rect(0px,728px,90px,728px);
}*/


/*#{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:728px;
	height:90px;
}



#{	
	background:url(images/logo.png) 0px 0px no-repeat;
}*/

.scale-text{
	-webkit-transform: scale(0.6) !important;
	-ms-transform: scale(0.6)!important;
	-moz-transform: scale(0.6)!important;
	transform: scale(0.6)!important;
}

.effectMask1{
	clip: rect(0px,-490px,500px,-900px) !important;
}
.copy1Mask1{
	clip: rect(0px,-245px,500px,-490px) !important;
}
.effectMask2{
	clip: rect(0px,970px,500px,-245px) !important;
}
.effectMask3{
	clip: rect(0px,0px,500px,-245px) !important;
}
.copy1_dupeMask1{
	clip: rect(0px,1940px,500px,970px) !important;
}
.copy1_dupeMask2{
	clip: rect(0px,1940px,500px,0px) !important;
}

/*part2*/
.Mask_part2{
	clip: rect(0px,1940px,500px,1940px) !important;
}
.effectMask4{
	clip: rect(0px,1940px,500px,250px) !important;
}
.effectMask5{
	clip: rect(0px,0px,500px,-300px) !important;
}
.effectMask6{
	clip: rect(0px,250px,500px,0px) !important;
}
.effectMask7{
	clip: rect(0px,-300px,500px,0px) !important;
}

.effectMask8{
	clip: rect(0px,1940px,500px,0px) !important;
}

/*extras*/
.extraEffect_part2{
	clip: rect(0px,900px,500px,900px) !important;	
}
.panOutScreen{
	clip: rect(0px,-400px,500px,-600px) !important;	
}


/*endframe*/
.endFrameBlue{
	clip: rect(0px,1250px,250px,0px) !important;	
}

.endFrameRed{
	clip: rect(0px,1250px,250px,0px) !important;	
}
.endFrameRed1{
	clip: rect(0px,970px,250px,100px) !important;
}
.endFrameWhite1{
	clip: rect(0px,970px,250px,150px) !important;
}
.endFrameRedLogo{
	clip: rect(0px,970px,250px,100px) !important;
}

.endFrameWhite2{
	clip: rect(0px,970px,250px,0px) !important;
}
.endFrameRedLogo2{
	clip: rect(0px,600px,250px,0px) !important;
}
.endFrameWhite3{
	clip: rect(0px,0px,250px,0px) !important;
}
.openEndRed{
	clip: rect(0px,1000px,250px,669px) !important;
}
.openEndRed2{
	clip: rect(0px,1000px,250px,750px) !important;
}








.fade-out{
	opacity: 0 !important;
}
.fade-in{
	opacity: 1 !important;
}
.fade-half{
	opacity: 0.5 !important;
}



.transition-longScale{
	-webkit-transition: all 5.5s cubic-bezier(.36,0,.66,.99);
	-ms-transition: all 5.5s cubic-bezier(.36,0,.66,.99);
	-moz-transition: all 5.5s cubic-bezier(.36,0,.66,.99);
	transition: all 5.5s cubic-bezier(.36,0,.66,.99);
}
.transition-longPan{
	-webkit-transition: all 4s cubic-bezier(.36,0,.66,.99);
	-ms-transition: all 4s cubic-bezier(.36,0,.66,.99);
	-moz-transition: all 4s cubic-bezier(.36,0,.66,.99);
	transition: all 4s cubic-bezier(.36,0,.66,.99);
}

.transition-effect1{
	-webkit-transition: all 1.5s linear;
	-ms-transition: all 1.5s linear;
	-moz-transition: all 1.5s linear;
	transition: all 1.5s linear;
}
.transition-1{
	-webkit-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.transition-2{
	-webkit-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.transition-3{
	-webkit-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
.transition-4{
	-webkit-transition: all 5.5s linear;
	-ms-transition: all 5.5s linear;
	-moz-transition: all 5.5s linear;
	transition: all 5.5s linear;
}
.transition-5{
	-webkit-transition: all 4.5s linear;
	-ms-transition: all 4.5s linear;
	-moz-transition: all 4.5s linear;
	transition: all 4.5s linear;
}
.transition-6{
	-webkit-transition: all 3.5s linear;
	-ms-transition: all 3.5s linear;
	-moz-transition: all 3.5s linear;
	transition: all 3.5s linear;
}
.transition-7{
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.transition-8{
	-webkit-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}




.scaleDown{
	-webkit-transform: scale(.8) !important;
	-ms-transform: scale(.8) !important;
	-moz-transform: scale(.8) !important;
	transform: scale(.8) !important;
}
.panLeft{
	-webkit-transform: translate(-555px, 0px) !important;
	-ms-transform: translate(-555px, 0px) !important;
	-moz-transform: translate(-555px, 0px) !important;
	transform: translate(-555px, 0px) !important;
}

.panLogo{
	-webkit-transform: translate(-100px, 0px) !important;
	-ms-transform: translate(-100px, 0px) !important;
	-moz-transform: translate(-100px, 0px) !important;
	transform: translate(-100px, 0px) !important;
}
.imgPan{
	-webkit-transform: translate(-350px, 0px) !important;
	-ms-transform: translate(-350px, 0px) !important;
	-moz-transform: translate(-350px, 0px) !important;
	transform: translate(-350px, 0px) !important;
}
.panEndFrame{
	-webkit-transform: translate(-50px, 0px) !important;
	-ms-transform: translate(-50px, 0px) !important;
	-moz-transform: translate(-50px, 0px) !important;
	transform: translate(-50px, 0px) !important;
}
.panEndCopy{
	-webkit-transform: translate(-970px, 0px) !important;
	-ms-transform: translate(-970px, 0px) !important;
	-moz-transform: translate(-970px, 0px) !important;
	transform: translate(-970px, 0px) !important;
}