@font-face {
    font-family: 'CourierNewRegular';
    src: url('fonts/courier_new-webfont.eot');
    src: url('fonts/courier_new-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/courier_new-webfont.woff') format('woff'),
         url('fonts/courier_new-webfont.ttf') format('truetype'),
         url('fonts/courier_new-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAGRoundRegular';
    src: url('fonts/vag_round-webfont.eot');
    src: url('fonts/vag_round-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/vag_round-webfont.woff') format('woff'),
         url('fonts/vag_round-webfont.ttf') format('truetype'),
         url('fonts/vag_round-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {
	background:#000;
	font-family:'CourierNewRegular', courier, serif;
	font-size:11pt;
	color:#efefef;
	height:100%;
	margin:0;
	padding:0;
}

h1,h2,h3,h4 {
	color:#efefef;
	line-height:1em;
	margin: 0 0 1em 0;
	font-size:20px;
	text-align:left;
}

h3 {
	font-size:18px;
}

p {
	font-size:11pt;
	margin-bottom: 1.2em;
	line-height:1em;
}

a, a:hover, a.l, .spamtrap a {
	color:#efefef;
	border-bottom:1px dotted #000;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	-o-transition: border 1s ease;
	transition: border 1s ease;
	text-decoration:none;
}

a:hover, a.l:hover,
.active a {
	color:#efefef;
	border-bottom:1px dotted #666;
}

#activity1-inner,
#activity2-inner {
	background: url(../images/WhiteNoise.gif);
	width:640px;
	height:360px;
}

.slice-inner a, .slice-inner a.l {
	color:#efefef;
	border-bottom:1px dotted #41423F;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	-o-transition: border 1s ease;
	transition: border 1s ease;
	text-decoration:none;
}

.slice-inner a:hover, .slice-inner a.l:hover {
	color:#efefef;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}

#video-selector a {
	border:0;
}

.main-wrapper {
	margin:2em 0;
}

#footer-wrapper {
	position:relative;
}

footer {
	position:relative;
	bottom:0;
	text-align:center;
	border:none;
	margin-top:0;
	padding-top:0;
}

footer p {
	font-size:11pt;
	margin: -1em 0 -1em -20px;
}

.row.last {
	padding-bottom:2em;
}

.logo {
	float:left;
	margin:0 2em 0 0;
}

ul.primary-menu,
ul.external-links {
	margin:1.5em 0 0 0;
	text-transform:uppercase;
}

ul.external-links {
	float:right;
}

ul.primary-menu li {
	list-style:none;
	float:left;
	margin:1em;
}

ul.external-links li {
	list-style:none;
	float:left;
	margin:1em 0.8em;
	width:3.5em;
}

ul.external-links li.last {
	margin:1em 0 1em 0.8em;
}

ul.external-links a.l {
	color:#41423f;
	padding-bottom:24px;
	width:3.5em;
	text-align:center;
	display:inline-block;
	border-bottom:0;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
}

ul.external-links a.l:hover {
	color:#efefef;
	border-bottom:0;
}

.youtube.link {
	background:url(../images/YouTube-Logo-White-45x20.png) bottom no-repeat;
}

.twitter.link {
	background:url(../images/Twitter-Logo-White-29x20.png) bottom no-repeat;
}

.facebook.link {
	background:url(../images/Facebook-Logo-White-10x20.png) bottom no-repeat;
}

.wikipedia.link {
	background:url(../images/Wikipedia-Logo-White-30x20.png) bottom no-repeat;
}

#meta {
	margin: 0 0 0 1.6em;
}

.dotted-border {
	margin:2em 0;
	height:2px;
	border-bottom:2px dotted #41423f;
}

.activity-pane, .side-pane {
	height:457px;
	overflow:hidden;
	position:relative;
}

.activity-pane.production,
.side-pane.production {
	height:360px;
} 

.activity-pane {
	margin:0;
}

.side {
	position:relative;
}

.activity {
	width:640px;
	height:457px;
}

.side {
	width:280px;
	height:457px;
	text-align:justify;
	text-shadow:0 1px 0 #333;
}

.side p,
.side strong {
	font-size:11pt
}

.activity, .inner-side {
	background:#41423f;
	position::absolute;
}

.activity {
	background:#000;
}

.inner-side {
	width:280px;
	position:absolute;
	overflow:auto;
}

#full {
	height:457px;
	top:0;
}

#full-production {
	height:360px;
	top:0;
}

/*#half-1 {
	height:233px;
	top:0px;
}*/

#half-2 {
	height:233px;
	top:224px;
}

#third-2-3-top {
	top:0;
	height:238px;
}

#third-2-3-bottom {
	top:152px;
	height:208px;
}

#third-1 {
	top:0;
	height:140px;
}

#third-2 {
	top:122px;
	height:116px;
}

#third-3 {
	top:244px;
	height:116px;
}

#quarter-1 {
	height:100px;
	top:0px;
}

#quarter-2 {
	height:100px;
	top:112px;
}

/*#quarter-3 {
	height:85.5px;
	top:183px;
}

#quarter-4 {
	height:85.5px;
	top:274.5px;
}*/

.inner-side.deactive {
	left:-280px;
}

.slice-inner {
	padding: 1em;
	width: 248px;
	-webkit-transition: padding 0.5s ease;
	-moz-transition: padding 0.5s ease;
	-o-transition: padding 0.5s ease;
	transition: padding 0.5s ease;
}

.slice-inner.quarter-1, .slice-inner.quarter-2 {
	padding: 1.4em 1em;
}

.slice-inner.half-1, .slice-inner.half-2 {
	padding: 3.6em 1em;
}

.slice-inner.full {
	padding: 3em 1em;
}

.slice-inner.full-production {
	padding:1em;
}

.slice-inner #error-404 {
	position: absolute;
	bottom: 0;
}

.slice-inner p,
.slice-inner h1,
.slice-inner h2,
.slice-inner h3,
.slice-inner h4 {
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opaxcity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#activity1,
#activity2 {
	position:absolute;
	top:0;
	left:0;
}

#activity2 {
	left:640px;
}

.video-overlay {
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:457px;
	z-index:-1;
}

#activity2-overlay {
	opacity:0;
}

/*#video-selector-opacity-layer {
	height: 130px;
	position:absolute;
	top: 360px;
	width:640px;
	background:url(../images/selector-bg.png) repeat-x;
	opacity: 1;
	z-index:100;
}*/

#video-selector {
	height: 130px;
	position:absolute;
	top: 360px;
	width:640px;
	z-index:100;
}

#video-selector-thumbnail-wrapper {
	position:relative;
	top:-12px;
}

#vleft,
#vright {
	position:absolute;
	font-size: 26px;
	font-weight: bold;
	padding: 60px 5px;
	width: 5px;
	margin: 0 10px 0 0;
}

#vleft {
	left:0;
}

#vleft a {
	background:url(../images/left-arrow.png) no-repeat;
}

#vright {
	right:0;
}

#vright a {
	background:url(../images/right-arrow.png) no-repeat;
}

#video-selector-right,
#video-selector-left {
	display:none;
}

#video-thumbnail-list {
	width: 640px;
	height: 130px;
	overflow: hidden;
	float: left;
}

#video-thumbnail-inner {
	width:999999px;
	height:130px;
	padding:0;
}

.video-selector-thumb {
	float:left;
	margin:12px 12px 0 0;
	width:151px;
	height:85px;
}

.video-selector-thumb img {
	width:151px;
	height:113px;
	margin:-14px 0;
}

#video-selector-border {
	top: 0px;
	left: 0px;
	height: 12px;
	z-index: 999;
	position: relative;
	width: 640px;
	background: black;
}

ul.results {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #EFEFEF;
	font-weight: bold;
}

ul.results li {
	color: #EFEFEF;
}

.results-text {
	display: inline-block;
	overflow: hidden;
	width: 0;
}

.results-image.facebook {
	background: url(../images/Facebook-Logo-White-80x28.png) left no-repeat;
	width: 80px;
	height: 20px;
	display: inline-block;
	padding: 8px 0 0 0;
}

.results-image.twitter {
	background: url(../images/Twitter-Logo-White-76x15.png) left no-repeat;
	width: 101px;
	height: 20px;
	display: inline-block;
	padding: 8px 0 0 0;
}

.results-image.youtube {
	background: url(../images/YouTube-Logo-White-62x28.png) left no-repeat;
	width: 80px;
	height: 20px;
	display: inline-block;
	padding: 8px 0 0 0;
}

#spinner {
	position: relative;
	background: black;
	height: 457px;
	width: 932px;
	top: -457px;
	z-index: -1;
	opacity: 0;
	margin: 0 20px -457px 0;
}

#directors {
	position:relative;
	background:black;
	height: 457px;
	width: 932px;
	top: -457px;
	z-index: -1;
	opacity: 0;
	margin: 0 20px -457px 0;
	overflow:hidden;
}

.director {
	float:left;
	width:302px;
	height:201px;
	position:relative;
}

.director-slice {
	position:absolute;
	top:0;
	left:0;
}

.director.middle {
	margin:0 12px 12px 0;
}

.director.end {
	margin:0 0 12px 0;
}

.director .hover {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	z-index:-1;
}

.director p {
	position:absolute;
	right:30px;
	top:85px;
	z-index:9;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	-o-transition: border 1s ease;
	transition: border 1s ease;
}

a.director-link,
a.director-link:hover {
	border-bottom:none;
}

a.director-link p {
	border-bottom:1px dotted #393939;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	-o-transition: border 1s ease;
	transition: border 1s ease;
	text-decoration:none;
}

a.director-link:hover p {
	border-bottom:1px dotted #ccc;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	-o-transition: border 1s ease;
	transition: border 1s ease;
}

.director-back {
	background: #41423F;
	float: right;
	padding: 0.5em;
}

#four-oh-four {
	background: black;
	height: 457px;
	color: #333;
}

#four-oh-four h1 {
	color: #1F1F1F;
	font-size: 14em;
	line-height:0.8em;
	font-weight: bold;
	font-family: helvetica, sans-serif;
}

#search-text {
	width:140px;
	float:left;
}

#search-form,
#seeding-download {
	margin:2.8em 0;
}

#masthead {
	margin-left:0;
}

a.thumb-scroll.l {
	color:#efefef;
}

[class*="span"] {
	margin-left: 12px;
}

.span16 {
	width:932px;
}

.directors-container {
	padding: 20px 0 0 0;
	margin: 0 20px -20px 12px;
}

#seeding-download p {
	font-size:10pt;
}

#seeding-gallery {
	font-family:'VAGRoundRegular', courier, serif;
	font-size:10pt;
	background:#fff;
	width:auto;
	height:457px;
	text-align:center;
}

#seeding-gallery-inner {
	padding: 8px 0;
}

#seeding-image {
	display:block;
	margin:0 auto;
	height:440px;
}

#we-tell {
	position: absolute;
	top: 76px;
	color: #333;
	font-size: 18px;
	left: 222px;
	width: 86px;
}

#they-tell {
	position: absolute;
	top: 182px;
	color: #333;
	font-size: 18px;
	left: 338px;
	width: 86px;
}

#everybody-tells {
	position: absolute;
	top: 320px;
	color: #333;
	font-size: 18px;
	left: 332px;
	width: 86px;
}

#twitter-facebook {
	position: absolute;
	top: 230px;
	left: 216px;
}

#seeding-facebook {
	margin-right: 4px;
}

@keyframes shake{ 
0% { transform: translate(2px, 1px) rotate(0deg); } 
10% { transform: translate(-1px, -2px) rotate(-1deg); } 
20% { transform: translate(-3px, 0px) rotate(1deg); } 
30% { transform: translate(0px, 2px) rotate(0deg); } 
40% { transform: translate(1px, -1px) rotate(1deg); } 
50% { transform: translate(-1px, 2px) rotate(-1deg); } 
60% { transform: translate(-3px, 1px) rotate(0deg); } 
70% { transform: translate(2px, 1px) rotate(-1deg); } 
80% { transform: translate(-1px, -1px) rotate(1deg); } 
90% { transform: translate(2px, 2px) rotate(0deg); } 
100% { transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-moz-keyframes shake{ 
0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 
40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-webkit-keyframes shake { 
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 
} 

.shake{ 
	display:inline-block; 
} 

.shake:hover, 
.shake:focus { 
animation-name: shake; 
animation-duration: 2s; 
transform-origin:50% 50%; 
animation-iteration-count: infinite; 
animation-timing-function: linear; 

-moz-animation-name: shake; 
-moz-animation-duration: 2s; 
-moz-transform-origin:50% 50%; 
-moz-animation-iteration-count: infinite; 
-moz-animation-timing-function: linear; 

-webkit-animation-name: shake; 
-webkit-animation-duration: 2s; 
-webkit-transform-origin:50% 50%; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: linear; 
}

@keyframes notice { 
0% { transform: translate(0, -200px) rotate(0deg); }  
100% { transform: translate(0, 0) rotate(0deg); } 
} 

@-moz-keyframes notice { 
0% { -moz-transform: translate(0, -200px) rotate(0deg); } 
100% { -moz-transform: translate(0, 0) rotate(0deg); } 
} 

@-webkit-keyframes notice { 
0% { -webkit-transform: translate(0, -200px) rotate(0deg); } 
100% { -webkit-transform: translate(0, 0) rotate(0deg); } 
} 

#notice {
	background: #41423F;
	width: 480px;
	text-align: center;
	position:absolute;
	top:9em;
	left:80px;
	padding: 1em;
	border-radius: 4px;
	box-shadow: 0 0 20px #111;
	text-shadow:0 1px 0 #333;
	
	animation-name: notice; 
	animation-duration: 2s; 
	transform-origin:50% 50%; 
	animation-iteration-count: 1; 
	animation-timing-function: ease; 

	-moz-animation-name: notice; 
	-moz-animation-duration: 2s; 
	-moz-transform-origin:50% 50%; 
	-moz-animation-iteration-count: 1; 
	-moz-animation-timing-function: ease; 

	-webkit-animation-name: notice; 
	-webkit-animation-duration: 2s; 
	-webkit-transform-origin:50% 50%; 
	-webkit-animation-iteration-count: 1; 
	-webkit-animation-timing-function: ease;	
}