.flipbook {
		display: block;
		float: left;
		width: 610px;
		height: 250px;
		margin: 350px 0px 0px 0px;
		overflow: visible;
		
		-webkit-transform-style: preserve-3d;
		   -moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			 -o-transform-style: preserve-3d;
				transform-style: preserve-3d;
				
		-webkit-transform-origin: 50% 50%;
		   -moz-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			 -o-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
		
		-webkit-perspective-origin: 50% 50%;
		   -moz-perspective-origin: 50% 50%;
			-ms-perspective-origin: 50% 50%;
			 -o-perspective-origin: 50% 50%;
				perspective-origin: 50% 50%;
		
		-webkit-perspective: 900px;
		   -moz-perspective: 900px;
			-ms-perspective: 900px;
			 -o-perspective: 900px;
				perspective: 900px;
	}

	.panel {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 610px;
		height: 250px;
		margin: 0px;
		padding: 0px;
		overflow: visible;
		cursor: move;
		
			-webkit-transform-origin: top;
			   -moz-transform-origin: top;
				-ms-transform-origin: top;
				 -o-transform-origin: top;
					transform-origin: top;
					
		-webkit-transform-style: preserve-3d;
		   -moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			 -o-transform-style: preserve-3d;
				transform-style: preserve-3d;
		
			-webkit-backface-visibility: visible;
			   -moz-backface-visibility: visible;
				-ms-backface-visibility: visible;
				 -o-backface-visibility: visible;
					backface-visibility: visible;
				
		-webkit-transition: all .8s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all .8s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all .8s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all .8s cubic-bezier(0.25,1,0.25,1);
				transition: all .8s cubic-bezier(0.25,1,0.25,1);
				
	}

	.panel .front .base .anim,
	.panel .front .base,
	.panel .back .base{
		opacity: 0;
	}
	
	.panel .front,
	.panel .back{
		background-color: #000;
	}

	.panel .end {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 610px;
		height: 250px;
		margin: 0px;
		padding: 0px;
		overflow: visible;
		
			-webkit-transform-origin: top;
			   -moz-transform-origin: top;
				-ms-transform-origin: top;
				 -o-transform-origin: top;
					transform-origin: top;
		
			-webkit-backface-visibility: visible;
			   -moz-backface-visibility: visible;
				-ms-backface-visibility: visible;
				 -o-backface-visibility: visible;
					backface-visibility: visible;
	}

	.panel .front {
		display: block;
		position: absolute;
		/*position: relative;*/
		top: 0px;
		left: 0px;
		width: 610px;
		height: 250px;
		margin: 0px;
		padding: 0px;
		overflow: visible;
		
			-webkit-transform-origin: top;
			   -moz-transform-origin: top;
				-ms-transform-origin: top;
				 -o-transform-origin: top;
					transform-origin: top;
		
			-webkit-backface-visibility: visible;
			   -moz-backface-visibility: visible;
				-ms-backface-visibility: visible;
				 -o-backface-visibility: visible;
					backface-visibility: visible;
	}

	.panel .back {
		display: block;
		position: absolute;
		top: -250px;
		left: 0px;
		width: 610px;
		height: 250px;
		margin: 0px;
		padding: 0px;
		overflow: visible;
		
			-webkit-transform-origin: bottom;
			   -moz-transform-origin: bottom;
				-ms-transform-origin: bottom;
				 -o-transform-origin: bottom;
					transform-origin: bottom;
		
			-webkit-backface-visibility: visible;
			   -moz-backface-visibility: visible;
				-ms-backface-visibility: visible;
				 -o-backface-visibility: visible;
					backface-visibility: visible;
					
			-webkit-transform: rotatex(180deg) translateZ(.5px);
			   -moz-transform: rotatex(180deg) translateZ(.5px);
				-ms-transform: rotatex(180deg) translateZ(.5px);
				 -o-transform: rotatex(180deg) translateZ(.5px);
					transform: rotatex(180deg) translateZ(.5px);
	}
	
	.paused {
		-webkit-transition: all linear;
		   -moz-transition: all linear;
			-ms-transition: all linear;
			 -o-transition: all linear;
				transition: all linear;
		}
		
	.pauseloop {
		-webkit-animation-play-state: paused;
		   -moz-animation-play-state: paused;
			-ms-animation-play-state: paused;
			 -o-animation-play-state: paused; 
				animation-play-state: paused;
		}
	
	.color {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 5;
		opacity: 1;
		
		-webkit-transition: opacity 2s;
		   -moz-transition: opacity 2s;
			-ms-transition: opacity 2s;
			 -o-transition: opacity 2s;
				transition: opacity 2s;
		}
		
	.desaturate {
		opacity:0;
		}
		
	.bw {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
		}
	
	.nograb {
		cursor: default;
		}
		
	/* ANIMATION PANELS */
	.anim {
		display: block;
		position: absolute;
		width: 610px;
		height: 250px;
		top: 0px;
		left: 0px;
		overflow: hidden;
		background-color: #fff;
		
		-webkit-transform-style: preserve-3d;
		   -moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			 -o-transform-style: preserve-3d;
				transform-style: preserve-3d;
		}
	.base {
		display: block;
		margin: 0px;
		padding: 0px;
		
		-webkit-transform-style: preserve-3d;
		   -moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			 -o-transform-style: preserve-3d;
				transform-style: preserve-3d;
		}
		
	  .anim-base {
		display: block;
		position: absolute;
		width: 610px;
		height: 250px;
		top: 0px;
		left: 0px;
		}
		
		.anim-frame {
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			}
			
			.anim-atv,
			.anim-old {
				display: block;
				overflow: hidden;
				float: left;
				width: 305px;
				height: 250px;
				background-color: #fff;
			}
			
			
			.anim-full1,
			.anim-full2,
			.anim-tight1,
			.anim-tight2,
			.anim-chip1,
			.anim-chip2,
			.anim-bunker1,
			.anim-bunker2  {
				display: block;
				position: relative;
				top: 0px;
				left: 0px;
				margin: 0px;
				padding: 0px;
				opacity: 1;
				
				-webkit-transform-style: preserve-3d;
				   -moz-transform-style: preserve-3d;
					-ms-transform-style: preserve-3d;
					 -o-transform-style: preserve-3d;
						transform-style: preserve-3d;
						
					-webkit-transform-origin: center;
					   -moz-transform-origin: center;
						-ms-transform-origin: center;
						 -o-transform-origin: center;
							transform-origin: center;
							
							left: -150px;
						-webkit-transform: rotatez(10deg);
						   -moz-transform: rotatez(10deg);
							-ms-transform: rotatez(10deg);
							 -o-transform: rotatez(10deg);
								transform: rotatez(10deg);
								
					-webkit-animation-play-state: running;
					   -moz-animation-play-state: running;
						-ms-animation-play-state: running;
						 -o-animation-play-state: running; 
							animation-play-state: running;
					}
			
			.anim-chiploop1 {
				-webkit-animation: chip1 2s ease 1s infinite normal;
				   -moz-animation: chip1 2s ease 1s infinite normal;
					-ms-animation: chip1 2s ease 1s infinite normal;
					 -o-animation: chip1 2s ease 1s infinite normal;
						animation: chip1 2s ease 1s infinite normal;
				}
			
				@-webkit-keyframes chip1 {
					0% {
					}
					20% {
						top: 10px;
					}
					50% {
						left: 100px;
						top: 0px;
						-webkit-transform: rotatez(-20deg);
					}
					100% {
					}
				}
				
				@-moz-keyframes chip1 {
					0% {}
					20% {
						top: 10px;
					}
					50% {
						left: 100px;
						top: 0px;
						-moz-transform: rotatez(-20deg);
					}
					100% {}
				}
				
				@-ms-keyframes chip1 {
					0% {}
					20% {
						top: 10px;
					}
					50% {
						left: 100px;
						top: 0px;
						-ms-transform: rotatez(-20deg);
					}
					100% {}
				}
				
				@-o-keyframes chip1 {
					0% {}
					20% {
						top: 10px;
					}
					50% {
						left: 100px;
						top: 0px;
						-o-transform: rotatez(-20deg);
					}
					100% {}
				}
				
				@keyframes chip1 {
					0% {}
					20% {
						top: 10px;
					}
					50% {
						left: 100px;
						top: 0px;
						transform: rotatez(-20deg);
					}
					100% {}
				}
			
			.anim-chiploop2 {
				-webkit-animation: chip2 2s ease 1s infinite normal;
				   -moz-animation: chip2 2s ease 1s infinite normal;
					-ms-animation: chip2 2s ease 1s infinite normal;
					 -o-animation: chip2 2s ease 1s infinite normal;
						animation: chip2 2s ease 1s infinite normal;
				}
				@-webkit-keyframes chip2 {
					0% {}
					10% {
						top: 5px;
					}
					20% {
						top: 0px;
						-webkit-transform: rotatez(-20deg);
					}
					30% {
						top: 5px;
					}
					50% {
						left: 100px;
						top: 0px;
						-webkit-transform: rotatez(-30deg);
					}
					100% {}
				}
				
				@-moz-keyframes chip2 {
					0% {}
					10% {
						top: 5px;
					}
					20% {
						top: 0px;
						-moz-transform: rotatez(-20deg);
					}
					30% {
						top: 5px;
					}
					50% {
						left: 100px;
						top: 0px;
						-moz-transform: rotatez(-30deg);
					}
					100% {}
				}
				
				@-ms-keyframes chip2 {
					0% {}
					10% {
						top: 5px;
					}
					20% {
						top: 0px;
						-ms-transform: rotatez(-20deg);
					}
					30% {
						top: 5px;
					}
					50% {
						left: 100px;
						top: 0px;
						-ms-transform: rotatez(-30deg);
					}
					100% {}
				}
				
				@-o-keyframes chip2 {
					0% {}
					10% {
						top: 5px;
					}
					20% {
						top: 0px;
						-o-transform: rotatez(-20deg);
					}
					30% {
						top: 5px;
					}
					50% {
						left: 100px;
						top: 0px;
						-o-transform: rotatez(-30deg);
					}
					100% {}
				}
				
				@keyframes chip2 {
					0% {}
					10% {
						top: 5px;
					}
					20% {
						top: 0px;
						transform: rotatez(-20deg);
					}
					30% {
						top: 5px;
					}
					50% {
						left: 100px;
						top: 0px;
						transform: rotatez(-30deg);
					}
					100% {}
				}
			
			
			.anim-flop1,
			.anim-flop2,
			.anim-rough1,
			.anim-rough2{
				display: block;
				position: relative;
				top: 0px;
				left: 0px;
				margin: 0px;
				padding: 0px;
				opacity: 1;
				
				-webkit-transform-style: preserve-3d;
				   -moz-transform-style: preserve-3d;
					-ms-transform-style: preserve-3d;
					 -o-transform-style: preserve-3d;
						transform-style: preserve-3d;
						
					-webkit-transform-origin: top ;
					   -moz-transform-origin: top ;
						-ms-transform-origin: top ;
						 -o-transform-origin: top ;
							transform-origin: top ;
							
						-webkit-transform: scale(1);
						   -moz-transform: scale(1);
							-ms-transform: scale(1);
							 -o-transform: scale(1);
								transform: scale(1);
								
					-webkit-animation-play-state: running;
					   -moz-animation-play-state: running;
						-ms-animation-play-state: running;
						 -o-animation-play-state: running; 
							animation-play-state: running;
					}

			.anim-swingloop1 {
				-webkit-animation: pulse1 1.5s ease 1s infinite normal;
				   -moz-animation: pulse1 1.5s ease 1s infinite normal;
					-ms-animation: pulse1 1.5s ease 1s infinite normal;
					 -o-animation: pulse1 1.5s ease 1s infinite normal;
						animation: pulse1 1.5s ease 1s infinite normal;
				}
			.anim-swingloop2 {
				-webkit-animation: pulse1 1.5s ease 1s infinite normal;
				   -moz-animation: pulse1 1.5s ease 1s infinite normal;
					-ms-animation: pulse1 1.5s ease 1s infinite normal;
					 -o-animation: pulse1 1.5s ease 1s infinite normal;
						animation: pulse1 1.5s ease 1s infinite normal;
				}
				@-webkit-keyframes pulse1 {
					0% {
						opacity: 0;
					}
					50% {
						opacity: 1;
					}
					100% {
						opacity: 0;
						-webkit-transform: scale(1.2);
					}
				}
				
				@-moz-keyframes pulse1 {
					0% {
						opacity: 0;
					}
					50% {
						opacity: 1;
					}
					100% {
						opacity: 0;
						   -moz-transform: scale(1.2);
					}
				}
				
				@-ms-keyframes pulse1 {
					0% {
						opacity: 0;
					}
					50% {
						opacity: 1;
					}
					100% {
						opacity: 0;
							-ms-transform: scale(1.2);
					}
				}
				@-o-keyframes pulse1 {
					0% {
						opacity: 0;
					}
					50% {
						opacity: 1;
					}
					100% {
						opacity: 0;
							-o-transform: scale(1.2);
					}
				}
				@keyframes pulse1 {
					0% {
						opacity: 0;
					}
					50% {
						opacity: 1;
					}
					100% {
						opacity: 0;
								transform: scale(1.2);
					}
				}
		

/**********************************************************************************
MODERNIZER STUFF
**********************************************************************************/
		
	/* IE SPECIFIC CSS USING MODERNIZER */
	
	.no-csstransforms .container,
	.no-csstransforms3d .container {
		background-image:url(../img/bg-ie.jpg);
		}
	.no-csstransforms3d .flipbook {
		display: block;
		float: left;
		width: 610px;
		height: 500px;
		margin: 100px 0px 0px 0px;
		padding: 0px;
		overflow: hidden;
		}
	
	.no-csstransforms3d .iecontainer {
		display: block;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		}
	
	.no-csstransforms3d .panel {
		display: block;
		position: relative;
		border: 0px;
		top: 0px;
		left: 0px;
		width: 610px;
		height: 500px;
		margin: 0px;
		padding: 0px;
		cursor: move;
		}
		
	.no-csstransforms3d .panel .front,
	.no-csstransforms3d .panel .back,
	.no-csstransforms3d .panel .end {
		display: block;
		position: relative;
		border: 0px;
		top: 0px;
		left: 0px;
		width: 610px;
		height: 250px;
		margin: 0px;
		padding: 0px;
		cursor: move;
		background-color: transparent;
		}
		
	.no-csstransforms3d .panel .front img,
	.no-csstransforms3d .panel .back img {
		border: 0px;
		margin: 0px;
		padding: 0px;
		opacity: 1;
		}
		
	.no-csstransforms3d .subnav a {
		background-color: red;
		opacity: 0;
		}