
	#gifWrapper {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		/*background: #000;*/
		background-color: #000;
		background-color: rgba(0,0,0,.8);
		}
		#gifSplatter{
			position: absolute;
			width: 1000px;
			height: 700px;
			top: 50%;
			left: 50%;
			margin: -350px 0px 0px -500px;
			}
		
		#gifCreator{
			position: absolute;
			width: 790px;
			height: 490px;
			top: 50%;
			left: 50%;
			margin: -245px 0px 0px -395px;
			background: transparent url(../images/gifcreator/bg-gifcreator.jpg) no-repeat 0px 0px;
			background-color: #9b0000;
			display: none;
			}
			#gifBg {
				position: absolute;
				width: 776px;
				height: 476px;
				top: 7px;
				right: 7px;
				background-color: #fc0000;
				}
			#gifHeader {
				position: absolute;
				width: 776px;
				height: 55px;
				top: 7px;
				left: 7px;
				background-color: #000;
				overflow: hidden;
				}
				#gifTitle {
					position: absolute;
					top: 5px;
					left: 10px;
					font: 25px/25px "purista-web", Verdana, Helvetica, Arial, sans-serif;
					font-weight: bold;
					color: #fff;
					}
				#gifSubtitle {
					position: absolute;
					top: 30px;
					left: 10px;
					font: 15px/15px "purista-web", Verdana, Helvetica, Arial, sans-serif;
					font-weight: bold;
					color: #bebebe;
					}
				#gifClose {
					position: absolute;
					top: 10px;
					right: 10px;
					}
					
				#gifClose:hover img {
					opacity: .75;
					-webkit-transform: rotate(180deg);
					   -moz-transform: rotate(180deg);
						-ms-transform: rotate(180deg);
						 -o-transform: rotate(180deg);
							transform: rotate(180deg);
					}
			#gifVideo {
				position: absolute;
				width: 776px;
				height: 312px;
				top: 62px;
				left: 7px;
				background-color: #000;
				}
				#gifPlaceholder {
					position: absolute;
					width: 776px;
					height: 312px;
					top: 0px;
					left: 0px;
					display: none;
					}
				#gifVideoHolder {
					position: absolute;
					width: 776px;
					height: 312px;
					top: 0px;
					left: 0px;
					}
					
				#gifLogo {
					position: absolute;
					width: 200px;
					height: 130px;
					top: 0px;
					left: 0px;
					pointer-events: none;
					}
					
				#gifOverlay {
					position: absolute;
					width: 776px;
					height: 312px;
					top: 0px;
					left: 0px;
					pointer-events: none;
					}
				#gifTextOverlay {
					position: absolute;
					width: 776px;
					bottom: 15px;
					left: 0px;
					font: 55px/55px "purista-web", Verdana, Helvetica, Arial, sans-serif;
					font-weight: bold;
					color: #fff;
					text-align: center;
					z-index: 153;
					
					user-select: auto; 
					-o-user-select: auto; 
					-ms-user-select: auto;
					-moz-user-select: auto; 
					-khtml-user-select: auto; 
					-webkit-user-select: auto; 
					-webkit-touch-callout: auto;
					
					text-transform: uppercase;
					text-align: center;
					z-index: 153;
				
				
					}
			#gifCover {
				position: absolute;
				width: 776px;
				height: 330px;
				top: 0px;
				left: 0px;
				display: none;
				z-index: 150;
				}
			#gifDivider {
				position: absolute;
				width: 776px;
				height: 6px;
				top: 368px;
				left: 7px;
				background-color: #860000;
				display: none;
				}
				#gifWarning {
					position: absolute;
					width: 776px;
					height: 100px;
					top: 382px;
					left: 7px;
					overflow: hidden;
					display: none;
				}
				.gifStep {
					position: absolute;
					width: 776px;
					height: 100px;
					top: 382px;
					left: 7px;
					overflow: hidden;
					}
					/*#step1,*/
					#step2,
					#step3,
					#step4,
					#step5 {
						display: none;
						}
				.gifStepTitle {
					font: 34px/34px "purista-web", Verdana, Helvetica, Arial, sans-serif;
					font-weight: bold;
					color: #fff;
					vertical-align: bottom;
					margin: 5px 0px 0px 10px;
					width: 580px;
					height: 35px;
					overflow: hidden;
					}
					.gifStepTitle span {
						font: 12px/12px "purista-web", Verdana, Helvetica, Arial, sans-serif;
						font-weight: bold;
						}
					.gifStepTitle .title {
						display: inline-block;
						font: 34px/34px "purista-web", Verdana, Helvetica, Arial, sans-serif;
						font-weight: bold;
						color: #fff;
						vertical-align: bottom;
						white-space: normal;
						}
					.gifStepTitle .instructions {
						display: inline-block;
						font: 14px/14px "purista-web", Verdana, Helvetica, Arial, sans-serif;
						font-weight: bold;
						color: #999;
						vertical-align: bottom;
						white-space: normal;
						}
						
				.gifOptions {
					display: block;
					width: 580px;
					margin: 0px 0px 0px 10px;
					padding: 0;
					}
					#gifOptions1 {
						display: block;
						width: 325px;
						height: 25px;
						margin: 5px 0px 0px 0px;
						background-color: #440000;
						}
						#gifOptions1 a {
							display: inline-block;
							margin: 5px 0px 5px 5px;
							width: 55px;
							height: 15px;
							background-color: #9a0000;
							}
							#gifOptions1 a.active,
							#gifOptions1 a:hover {
								background-color: #fff;
								}
					#gifOptions2 {
						display: block;
						height: 45px;
						margin: 5px 0px 0px 0px;
						}
						#gifOptions2 a {
							display: inline-block;
							margin: 0px 5px 0px 0px;
							width: 117px;
							height: 47px;
							background-color: #440000;
							}
							#gifOptions2 a.active,
							#gifOptions2 a:hover {
								background-color: #fff;
								}
							#gifOptions2 a img {
								margin: 1px 0px 0px 1px;
								}
					#gifOptions3 {
						display: block;
						position: relative;
						margin: 5px 0px 0px 0px;
						/*
						position: absolute;
						left: 0;
						top: 5px;
						*/
						height: 45px;
						
						}
						
						#gifTextMini {
							display: block;
							width: 550px;
							height: 45px;
							font: 24px/45px "purista-web", Verdana, Helvetica, Arial, sans-serif;
							font-weight: bold;
							color:#fff;
							text-align: left;
							background:url(../images/gifcreator/dropdown.gif) no-repeat top left;
							position: absolute;
							left: 0px;
							bottom: 0px;
							}
							#gifTextMini span {
								margin: 0px 0px 0px 10px;
								width: 430px;
								overflow: hidden;
								}
						#gifTextOptions {
							display: none;
							position: absolute;
							left: 0px;
							bottom: 0px;
							width: 550px;
							margin: 0px 0px 45px 0px;
							padding: 0px;
							background:url(../images/gifcreator/dropdown-bg.gif) no-repeat top left;
							list-style: none;
							z-index: 155;
							overflow: hidden;
							font: 24px/24px "purista-web", Verdana, Helvetica, Arial, sans-serif;
							font-weight: bold;
							color:#fff;
							}
							#gifTextOptions li a {
								display: block;
								font: 24px/24px "purista-web", Verdana, Helvetica, Arial, sans-serif;
								font-weight: bold;
								color:#fff;
								text-align: left;
								margin: 10px 0px 10px 10px;
								width: 430px;
								overflow: hidden;
								width: 530px;
								}
							#gifTextOptions li a:hover {
								color: #fc0000;
								}
			
					#gifOptionInstructions {
						display: block;
						margin: 0px;
						font: 10px/15px "purista-web", Verdana, Helvetica, Arial, sans-serif;
						font-weight: bold;
						color: #000;
						}
				#gifButtons {
					position: absolute;
					width: 170px;
					height: 100px;
					top: 392px;
					right: 7px;
					overflow: hidden;s
					}
					a.gifNext,
					a.gifCreate,
					a.gifDownload {
						position: absolute;
						width: 160px;
						height: 45px;
						top: 0px;
						left: 0px;
						text-align: center;
						font: 20px/45px "purista-web", Verdana, Helvetica, Arial, sans-serif;
						font-weight: bold;
						color: #f30000;
						background-color: #440000;
						}
						a.gifNext:hover,
						a.gifCreate:hover,
						a.gifDownload:hover {
							color: #fff;
							background-color: #690000;
							}
					a.gifPrevious {
						position: absolute;
						width: 160px;
						height: 30px;
						top: 50px;
						left: 0px;
						text-align: center;
						font: 15px/30px "purista-web", Verdana, Helvetica, Arial, sans-serif;
						font-weight: bold;
						color: #f30000;
						background-color: #000;
						}
						a.gifPrevious:hover {
							color: #000;
							background-color: #fff;
							}
							
							
					/*
					a.gifNext {
						position: absolute;
						width: 160px;
						height: 70px;
						top: 10px;
						right: 10px;
						text-align: center;
						font: 20px/70px "purista-web", Verdana, Helvetica, Arial, sans-serif;
						font-weight: bold;
						color: #f30000;
						background-color: #440000;
						}
						a.gifNext:hover {
							color: #fff;
							background-color: #690000;
							}*/
	
			#gifFinal {
				position: absolute;
				width: 776px;
				height: 312px;
				top: 62px;
				left: 7px;
				background-color: #000;
				display: none;
				}
				#gifSnapshot,
				#gifNew {
					position: absolute;
					width: 776px;
					height: 312px;
					top: 0px;
					left: 0px;
					}
			#gifLoading {
				display: none;
				position: absolute;
				width: 776px;
				top: 180px;
				left: 7px;
				font: 40px/40px "purista-web", Verdana, Helvetica, Arial, sans-serif;
				font-weight: bold;
				text-align: center;
				color: #fff;
				}
				
		#mobileGifEnter {
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			height: 100%;
			width: 100%;
			overflow: hidden;
			text-align: center;
			}
				#mobileGifEnterInside {
				display: block;
				position: absolute;
				width: 180px;
				top: 50%;
				left: 50%;
				margin: -40px 0px 0px -120px;
				text-align: center;
				font: 40px/40px "purista-web", Verdana, Helvetica, Arial, sans-serif;
				font-weight: bold;
				color: #fff;
				background-color: #000;
				}
				/* CSS Document */
/*
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	}
	a {font-size: 14px;}
	a:link {color: #6a737b; text-decoration: none;}
	a:active {color:#6a737b; text-decoration: none;}
	a:visited {color: #6a737b; text-decoration: none;}
	a:hover {color: #00c2f2; text-decoration: none;}
	a.selected {color: #00c2f2; text-decoration: none;}

	.tweenAll_05 {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	.tweenAll_025 {
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	
	.tweenAll_1 {
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	
	.tweenAll2_05 {
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	
	.tweenAll2_025 {
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	
	.tweenAll2_1 {
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	*/