* { 
	margin: 0; 
	padding: 0; 
	outline: none;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
}

body {
	margin: 0;
	padding: 0;
	outline: none;
	background: #000;
	font-family: 'Montserrat', sans-serif;
	text-rendering: optimizeLegibility;
	/*font-feature-settings: "kern" 1;*/
	font-smoothing: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-fony-smoothing: grayscale;
	-ms-text-size-adjust: 100;
}

img {
	border: none;
}

.sprite {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	border: none;
	-webkit-backface-visibility: visible;
}

.hide {
	display: block;
	width: 1px;
	height: 0;
	overflow: hidden;
}

.rel {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.full-display, .full-video {
	position: absolute;
	left: 0;
	top: 0;
}

.layer {
	position: absolute;
	left: 0;
	top: 0;
}

img.resize {
	width: 100%;
}

#wrapper {
	width: 100%;
	height: 100%;
}

#site {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	overflow: hidden;
}

	#nav-outer {
		width: 100%;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100000;
		text-align: center;
	}
	
		#nav {
			margin: 0 auto;
		}

		#tt {
			background: url(../images/tt.png) left top no-repeat;
			background-size: cover;
		}
		
		#return {
			text-align: center;
			color: #fff;
			text-decoration: none;
			letter-spacing: .03em;
			background: #0095b1;
		}
		
		#return.on {
			background: #b78c00;
		}
		
			#return span {
				display: inline-block;
				*display: inline;
				zoom: 1;
				margin: 0 .2em;
				vertical-align: middle;
			}
			
			#return .corner {
				position: absolute;
				right: 0;
				top: 0;
			}

	h1 {
		color: #fff;
		letter-spacing: -.04em;
		font-weight: bold;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
	}
	
	#share {
		display: block;
		list-style: none;
	}
	
		#share li {
			display: block;
			list-style: none;
			float: left;
			clear: none;
		}
		
			#share li a {
				display: block;
				overflow: hidden;
				text-indent: -1000px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
			}
			
			#share li a.fx { background-image: url(../images/share/fx.png); }
			#share li a.fb { background-image: url(../images/share/fb.png); }
			#share li a.tw { background-image: url(../images/share/twitter.png); }
			#share li a.gg { background-image: url(../images/share/tvtag.png); }
			#share li a.yt { background-image: url(../images/share/youtube.png); }
			#share li a.gp { background-image: url(../images/share/googleplus.png); }
			#share li a.in { background-image: url(../images/share/instagram.png); }
			#share li a.pi { background-image: url(../images/share/pinterest.png); }

	#intro {
		width: 100%;
		color: #fff;
	}
	
		#intro p {
			width: 100%;
			display: block;
			text-align: center;
			margin-bottom: 1em;
			line-height: 1.6em;
		}
		
			#intro p span {
				display: block;
			}
			
	.grid {
		overflow: hidden;
	}
	
		.grid .big-number {
			color: #e9e9e9;
			position: absolute;
			right: -5%;
			bottom: -20%;
			font-weight: bold;
		}
		
		#five .big-number {
			bottom: -10%;
		}
		
		.grid .lock {
			background: url(../images/grid/lock-base.png) left top no-repeat;
			background-size: cover;
		}
		
		.grid .number {
			color: #e9e9e9;
			position: absolute;
			right: -3%;
			bottom: -3%;
			font-weight: bold;
		}
		
		.grid .check {
			width: 100%;
			color: #fff;
			text-align: center;
		}
		
		.grid .video, .grid .link {
			width: 100%;
			height: 100%;
			cursor: pointer;
		}
		
		.grid .rollover {
			background: url(../images/grid/rollover/bg.png) left top repeat;
			width: 100%;
			height: 100%;
			cursor: pointer;
		}
		
			.grid .rows {
				display: inline-block;
				*display: inline;
				zoom: 1;
				line-height: normal;
				vertical-align: middle;
				width: 100%;
			}
			
				.grid .rows .row {
					text-align: center;
					color: #fff;
				}
				
					.grid .rows .row p {
						margin-bottom: .3em;
					}
					
					.grid .share span, .grid .actions span {
						cursor: pointer;
						display: inline-block;
						*display: inline;
						zoom: 1;
						overflow: hidden;
					}
					
					.grid .rows .actions span {
						padding-top: 26px;
						background-position: center center;
						background-repeat: no-repeat;
						background-size: contain;
					}
					
					.grid .actions .reblog {
						background-image: url(../images/grid/rollover/reblog.png);
					}
					
					.grid .actions .like {
						background-image: url(../images/grid/rollover/like.png);
					}
					
					.grid .actions .permalink {
						background-image: url(../images/grid/rollover/permalink.png);
					}
					
					.grid .rows .share span {
						background-position: center center;
						background-repeat: no-repeat;
						background-size: contain;
					}
					
					.grid .share .fb {
						background-image: url(../images/grid/rollover/fb.png);
					}
					
					.grid .share .tw {
						background-image: url(../images/grid/rollover/twitter.png);
					}
					
					.grid .share .rd {
						background-image: url(../images/grid/rollover/reddit.png);
					}
				
					.grid .hashtag {
						letter-spacing: -.04em;
					}
	
#no-js {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	z-index: 10000000;
}

	#no-js .inner {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 50px;
		text-align: center;
		margin-top: -25px;
		line-height: 50px;
		color: #666;
		font-size: 20px;
	}