body.HouseOfWolves {
	height: 9500px;
	min-width: 1020px;
}

.image-preloader
{
	display: none;
}

#mainContent
{
	height: 9500px;
}

#mainContent h2
{
	margin-bottom: 23px;

	text-align: center;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 20px;
}

#mainContent h3
{
	font-family: Arial, sans-serif;
}

#mainContent .blurb
{
	font-size: 18px;
	letter-spacing: 0;
	font-weight: 200;
}

.simpleDialogContainer
{
	position: fixed;
	z-index: 10000;
	background: rgba(30,36,43, 0.7);
}
		
.simpleDialog
{
	position: fixed;

	background: transparent;
	text-align: center;
}

	.simpleDialog > img
	{
		display: inline-block;;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;

		box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.8);
	}

	.largeimageSimpleDialog .simpleDialog
	{
		overflow: visible;
		box-shadow: none;
	}

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

	.backgrounds
	{
		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
		
		background: #0b0f19 ;
	}

		.backgrounds .top
		{
			position: absolute;

			top: 0;
			left: 0;
			width: 100%;
			height: 1200px;
			
			background: #0b0f19 url("/pubstatic/StaticPages/HouseOfWolves/Images/bg_top.jpg") 50% 0 no-repeat;
			background-size: 1600px 1200px;
		}

		.backgrounds .bottom
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;

		}
			.backgrounds .bottom_1{
				background: #0b0f19 url("/pubstatic/StaticPages/HouseOfWolves/Images/bg_1.jpg") 50% 0 no-repeat;
				background-size: 1600px 2945px;
				height:2945px;
			}
			.backgrounds .bottom_2{
				background: #0b0f19 url("/pubstatic/StaticPages/HouseOfWolves/Images/bg_2.jpg") 50% 0 no-repeat;
				background-size: 1600px 3088px;
				height:3088px;
			}
			.backgrounds .bottom_3{
				background: #0b0f19 url("/pubstatic/StaticPages/HouseOfWolves/Images/bg_3.jpg") 50% 0 no-repeat;
				background-size: 1600px 3467px;
				height:3467px;
			}

	.space-trash
	{
		position: absolute;
		z-index: 5;
	}
			
		.space-trash-1	{ left: 1053px; top: 985px;  width: 460px; height: 191px; z-index: 3; }
		.space-trash-2	{ left: 179px;	top: 1411px; width: 454px; height: 176px; }
		.space-trash-3	{ left: 1293px; top: 1908px; width: 167px; height: 92px; }
		.space-trash-4	{ left: 1144px; top: 2780px; width: 236px; height: 119px; }
		.space-trash-5	{ left: 983px;	top: 3751px; width: 105px; height: 78px; }
		.space-trash-6	{ left: calc(50% - 730px);	top: 4114px; width: 442px; height: 162px; }
		.space-trash-7	{ left: 1022px; top: 5102px; width: 236px; height: 117px; z-index: 5; }
		.space-trash-8	{ left: 347px;	top: 5997px; width: 211px; height: 166px; }
		.space-trash-9	{ left: 1195px; top: 6888px; width: 207px; height: 65px; }
		.space-trash-10 { left: 151px;	top: 7832px; width: 319px; height: 135px; }
		.space-trash-11 { left: 988px;	top: 8426px; width: 332px; height: 128px; }

	.how-content
	{
		position: relative;

		width: 940px;
		padding: 0 10px;
		margin: 0 auto;

		color: #FFF;
	}

		.how-content .content-item
		{
			position: absolute;
			left: 10px;
			z-index: 4;

			width: 940px;
		}

		.how-content .header
		{
			top: 0;

			height: 960px;
		}

			.how-content .header video
			{
				margin-left: -330px;
				opacity: 0;
				
				-webkit-transition: 0.5s ease !important;
				transition: 0.5s ease !important;
			}

				.how-content .header video.on
				{
					opacity: 1;
				}

				.how-content .header .loadingOverlay
				{
					height: 770px;
				}

				.how-content .header #gradientfix
				{
					position: absolute;
					top: 0;
					left: -330px;
				}

			.how-content .header .title
			{
				position: absolute;
				top: 737px;
			}

				.how-content .header .title h3
				{
					display: none;
				}

			.how-content .header .video-thumb
			{
				position: absolute;
				top: 257px;
				right: 0;

				cursor: pointer;
			}

				.how-content .header .video-thumb:hover .hiddenthumbs .video-thumb
				{
					opacity: 1;
					margin-top: 0;
				}

				.how-content .header .video-thumb .video
				{
					position: relative;

					width: 300px;
					height: 124px;

					border: 1px solid rgba(255,255,255,0.3);
				
					-webkit-transition: 0.5s ease !important;
					transition: 0.5s ease !important;
				}

					.how-content .header .video-thumb:hover .video
					{
						border-color: #FFF;
					}

					.how-content .header .video-thumb .video:after
					{
						content: url(/pubstatic/StaticPages/HouseOfWolves/Images/play-button.png);

						position: absolute;
						bottom: 0;
						left: 5px;
					}

				.how-content .header .video-thumb span
				{
					display: block;

					margin-top: 10px;

					font-size: 13px;
					letter-spacing: 9px;

					opacity: 0.5;
				
					-webkit-transition: 0.5s ease !important;
					transition: 0.5s ease !important;
				}

					.how-content .header .video-thumb:hover span
					{
						opacity: 1;
					}

					

				.how-content .header .hiddenthumbs .video-thumb
				{
					position: relative;
					top: auto;
					right: auto;

					margin-top: -100px;
					opacity: 0;
					
					-webkit-transition: 0.5s;
					transition: 0.5s;
				}

					.how-content .header .hiddenthumbs .video-thumb .video
					{
						width: 132px;
						height: 58px;
						margin-top: 15px;

						background-size: cover;
					}

					.how-content .header .hiddenthumbs .video-thumb span
					{
						position: absolute;
						top: 0;
						right: 0;

						font-size: 11px;
						line-height: 15px;
						opacity: 0.25;

						width: 155px;
					}

			.how-content .header .release
			{
				position: absolute;
				box-sizing: border-box;
				top:0;
				right: 0;

				width: 405px;
				height: 289px;
				padding: 88px 0 0 261px;

				background: url("/pubstatic/StaticPages/HouseOfWolves/Images/box-art.png") 0 0 no-repeat;
			}

				.how-content .header .release h3
				{
					font-size: 31px;
					font-weight: bold;
					letter-spacing: 6px;
				}

				.how-content .header .release a
				{
					display: inline-block;
					box-sizing: border-box;

					width: 143px;
					padding: 2px 10px;
					margin-top: 4px;

					background: #1f648b;
					border: 1px solid #818285;

					color: #FFF;
					text-align: center;
					font-size: 11px;
				}

					.how-content .header .release a:hover
					{
						background: #1a78ae;
					}

			.how-content .header .reveals
			{
				position: absolute;
				top: 580px;
				left: 58px;

				width: 862px;
				height: 135px;
				
				background-repeat: no-repeat;
				background-position: 50% 0;
			}

				.reveal-item
				{
					position: relative;
					display: block;
					float: left;

					width: 86px;
					height: 100px;
					padding: 82px 11px 0;

					background-position: 0 0;
					background-repeat: no-repeat;
					opacity: 0.4;
					text-align: center;
					font-size: 10px;
					line-height: 13px;
					color: #FFF;
				}

					.how-content .header .reveals .reveal-item:hover
					{
						opacity: 1;
					}	
					
					.reveal-item:nth-of-type(1) { background-position: 2px 0; }
					.reveal-item:nth-of-type(2) { background-position: -92px 0; }
					.reveal-item:nth-of-type(3) { background-position: -197px 0; }
					.reveal-item:nth-of-type(4) { background-position: -538px 0; }
					.reveal-item:nth-of-type(5) { background-position: -648px 0; }
					.reveal-item:nth-of-type(6) { background-position: -649px 0; }
					.reveal-item:nth-of-type(7) { background-position: -763px 0; }
					.reveal-item:nth-of-type(8) { background-position: -753px 0; }

					.trul .reveal-item:nth-of-type(1) { background-position: 2px -45px; }
					.trul .reveal-item:nth-of-type(2) { background-position: -92px -45px; }
					.trul .reveal-item:nth-of-type(3) { background-position: -197px -45px; }
					.trul .reveal-item:nth-of-type(4) { background-position: -538px -45px; }
					.trul .reveal-item:nth-of-type(5) { background-position: -316px -45px; }
					.trul .reveal-item:nth-of-type(6) { background-position: -648px -45px; }
					.trul .reveal-item:nth-of-type(7) { background-position: -762px -45px; }
					.trul .reveal-item:nth-of-type(8) { background-position: -753px -45px; }

					.peul .reveal-item:nth-of-type(1) { background-position: 2px -45px; }
					.peul .reveal-item:nth-of-type(2) { background-position: -92px -45px; }
					.peul .reveal-item:nth-of-type(3) { background-position: -197px -45px; }
					.peul .reveal-item:nth-of-type(4) { background-position: -538px -45px; }
					.peul .reveal-item:nth-of-type(5) { background-position: -316px -45px; }
					.peul .reveal-item:nth-of-type(6) { background-position: -648px -45px; }
					.peul .reveal-item:nth-of-type(7) { background-position: -430px -45px; }
					.peul .reveal-item:nth-of-type(8) { background-position: -753px -45px; }
					
					.trul .reveal-item:nth-of-type(6) { opacity: 1; }
					.trul.peul .reveal-item:nth-of-type(6) { opacity: 0.4; }
					.peul .reveal-item:nth-of-type(8) { opacity: 1; }

					.trul .reveal-item:nth-of-type(6):before
					{
						content: url("/pubstatic/StaticPages/HouseOfWolves/Images/osiris_glow.png");

						position: absolute;
						top: -16px;
						right: 6px;

						opacity: 0;
						
						-webkit-transition: 0.25s;
						transition: 0.25s;
					}
					.trul .reveal-item:nth-of-type(6):hover:before
					{
						opacity: 1;
					}
					.trul.peul .reveal-item:nth-of-type(6):before { display: none; }

					.peul .reveal-item:nth-of-type(8):before
					{
						content: url("/pubstatic/StaticPages/HouseOfWolves/Images/prison_glow.png");

						position: absolute;
						top: -16px;
						right: -1px;
						
						opacity: 0;
						
						-webkit-transition: 0.25s;
						transition: 0.25s;
					}
					.peul .reveal-item:nth-of-type(8):hover:before
					{
						opacity: 1;
					}

				.how-content .header .reveals .reveal-item:nth-of-type(1) 
				{  
					width: 72px;
					padding-right: 20px;
					padding-left: 0;
				}

				.how-content .header .reveals .reveal-item:nth-of-type(2),
				.how-content .header .reveals .reveal-item:nth-of-type(4), 
				.how-content .header .reveals .reveal-item:nth-of-type(5), 
				.how-content .header .reveals .reveal-item:nth-of-type(6) 
				{  
					padding-right: 15px;
				}
				
				.how-content .header .reveals .reveal-item:nth-of-type(3)
				{
					width: 100px;
					padding-right: 2px;
				}
				
				.how-content .header .reveals .reveal-item:nth-of-type(7)
				{
					width: 75px;
					padding-left: 14px;
				}
				
				.how-content .header .reveals .reveal-item:nth-of-type(8)
				{
					padding-right: 0;
					width: 67px;
					padding-left: 28px;
					padding-right: 14px;
				}

#social-space
{
	top: 1035px;
}

	#social-space .reef-is-open
	{
		text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	}

		#social-space .reef-is-open h2
		{
			margin-bottom: 36px;

			font-weight: bold;
			font-size: 28px;
			text-align: center;
			letter-spacing: 18px;
		}

		#social-space .reef-is-open div
		{
			width: 700px;

			font-size: 18px;
			font-weight: 200;
		}

	#social-space .outpost
	{
		position: absolute;
		box-sizing: border-box;

		top: 643px;

		width: 940px;
		height: 289px;
		padding: 20px 38px 38px 100px;

		background: rgba(0,0,0,0.6) url("/pubstatic/StaticPages/HouseOfWolves/Images/social-space-outpost-icon.png") 24px 25px no-repeat;
		border-top: 4px solid rgba(255,255,255,0.6);
	}

		#social-space .outpost h3
		{
			margin-bottom: 25px;

			font-size: 25px;
			font-weight: bold;
			line-height: 30px;
		}

			#social-space .outpost h3 span
			{
				font-weight: 400;
				font-size: 23px;
			}

			#social-space .outpost .blurb
			{
				width: 380px;
				font-size: 17px;
				line-height: 19px;
			}

			#social-space .outpost .rotator
			{
				position: absolute;
				bottom: 30px;
				right: 30px;

				width: 408px;
				height: 232px;

				background: black;
			}

				#social-space .outpost .rotator > div
				{
					position: absolute;
					top: 0;
					left: 0;

					width: 100%;
					height: 100%;

					opacity: 0;
				
					-webkit-transition: 1s ease !important;
					transition: 1s ease !important;
				}

					#social-space .outpost .rotator > div.current
					{
						opacity: 1;
					}
				
					#social-space .outpost .rotator > div:nth-of-type(1) { background-image: url("/pubstatic/StaticPages/HouseOfWolves/Images/reef_1.jpg"); }
					#social-space .outpost .rotator > div:nth-of-type(2) { background-image: url("/pubstatic/StaticPages/HouseOfWolves/Images/reef_2.jpg"); }
					#social-space .outpost .rotator > div:nth-of-type(3) { background-image: url("/pubstatic/StaticPages/HouseOfWolves/Images/reef_3.jpg"); }

	#social-space .inhabitants
	{
		position: absolute;
		box-sizing: border-box;

		top: 1067px;
		left: -320px;
		width: 1600px;
	}

		#social-space .inhabitants h2
		{
			letter-spacing: 15px;
		}

		#social-space .inhabitants .video
		{
			position: relative;

			width: 1458px;
			height: 694px;
			margin: 0 auto;

			background: url("/pubstatic/StaticPages/HouseOfWolves/Images/reef-video-substitute.jpg") 50% 50% no-repeat;
			background-size: cover;
		}

			#social-space .inhabitants .video:after
			{
				content: url("/pubstatic/StaticPages/HouseOfWolves/Images/vendor_ui_gak.png");

				position: absolute;
				bottom: 173px;
				left: 83px;
				
				-webkit-animation: 7s flicker infinite;
				animation: 7s flicker infinite;
			}

			@-webkit-keyframes flicker
			{
				0% { opacity: 1 }

				4% { opacity: 1 }
				4.1% { opacity: 0.5 }
				4.5% { opacity: 0.5 }
				4.6% { opacity: 1 }
				
				11% { opacity: 1 }
				11.1% { opacity: 0.5 }
				11.4% { opacity: 0.5 }
				11.5% { opacity: 1 }
				
				14% { opacity: 1 }
				14.1% { opacity: 0.5 }
				14.4% { opacity: 0.5 }
				14.5% { opacity: 1 }
				
				21% { opacity: 1 }
				21.1% { opacity: 0.5 }
				21.4% { opacity: 0.5 }
				21.5% { opacity: 1 }
				
				33% { opacity: 1 }
				33.1% { opacity: 0.5 }
				33.4% { opacity: 0.5 }
				33.5% { opacity: 1 }
			}

			@keyframes flicker
			{
				0% { opacity: 1 }

				4% { opacity: 1 }
				4.1% { opacity: 0.5 }
				4.5% { opacity: 0.5 }
				4.6% { opacity: 1 }
				
				11% { opacity: 1 }
				11.1% { opacity: 0.5 }
				11.4% { opacity: 0.5 }
				11.5% { opacity: 1 }
				
				14% { opacity: 1 }
				14.1% { opacity: 0.5 }
				14.4% { opacity: 0.5 }
				14.5% { opacity: 1 }
				
				21% { opacity: 1 }
				21.1% { opacity: 0.5 }
				21.4% { opacity: 0.5 }
				21.5% { opacity: 1 }
				
				33% { opacity: 1 }
				33.1% { opacity: 0.5 }
				33.4% { opacity: 0.5 }
				33.5% { opacity: 1 }
			}

			#social-space .inhabitants .video video
			{
				width: 100%;
				height: 100%;

				background: transparent;
			}

			#social-space .inhabitants .video .label
			{
				position: absolute;
				bottom: 150px;

				width: 100%;

				text-align: center;
				letter-spacing: 11px;
				font-size: 13px;
			}

		#social-space .inhabitants .hovers
		{
			
		}

			#social-space .inhabitants .hovers .hover-vignette
			{
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;

				opacity: 0;
				background-size: cover;
				background-repeat: no-repeat;
				
				-webkit-transition: 0.25s;
				transition: 0.25s;
			}

				#social-space .inhabitants .hovers:after
				{
					position: absolute;
					content: "";
					
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;

					background: url("/pubstatic/StaticPages/HouseOfWolves/Images/hover-base.png");
					background-size: cover;
				}

				#social-space .inhabitants .hovers .hover-vignette.on
				{
					opacity: 1;
				}
				
				.hover-vignette[data-which="first"] { background-image: url("/pubstatic/StaticPages/HouseOfWolves/Images/hover-first.png"); }
				.hover-vignette[data-which="second"] { background-image: url("/pubstatic/StaticPages/HouseOfWolves/Images/hover-second.png"); }
				.hover-vignette[data-which="third"] { background-image: url("/pubstatic/StaticPages/HouseOfWolves/Images/hover-third.png"); }

			#social-space .inhabitants .hovers .hover
			{
				position: absolute;
				z-index: 2;
				cursor: pointer;
			}
			
				#social-space .inhabitants .hovers .hover.first	 { top: 70px; left: 230px; width: 237px; height: 471px; }
				#social-space .inhabitants .hovers .hover.second { top: 60px; left: 580px; width: 243px; height: 497px; }
				#social-space .inhabitants .hovers .hover.third	 { top: 10px; left: 920px; width: 325px; height: 529px; }

				#social-space .inhabitants .hovers .hover .destinyTooltip
				{
					box-sizing: border-box;

					width: 335px;
					height: 433px;
					padding: 30px 25px;

					background: transparent url("/pubstatic/StaticPages/HouseOfWolves/Images/infobox.png") 0 0 no-repeat;
					box-shadow: none;

					color: #FFF;
					font-size: 13px;
					letter-spacing: 2px;
					text-shadow: 0 0 10px rgba(255,255,255,0.85);
				}

					#social-space .inhabitants .hovers .hover .destinyTooltip:after
					{
						position: absolute;
						top: 0;
						right: 0;
					}

					#social-space .inhabitants .hovers .hover.first .destinyTooltip:after
					{
						content: url("/pubstatic/StaticPages/HouseOfWolves/Images/osiris_icon.png");
					}

					#social-space .inhabitants .hovers .hover.second .destinyTooltip:after
					{
						content: url("/pubstatic/StaticPages/HouseOfWolves/Images/petra_icon.png");
					}

					#social-space .inhabitants .hovers .hover.third .destinyTooltip:after
					{
						content: url("/pubstatic/StaticPages/HouseOfWolves/Images/veriks_icon.png");
					}
				
					#social-space .inhabitants .hovers .hover .destinyTooltip .name
					{
						font-size: 26px;
						font-weight: 200;
						letter-spacing: 0;
					}
					
					#social-space .inhabitants .hovers .hover .destinyTooltip .namelabel,
					#social-space .inhabitants .hovers .hover .destinyTooltip .noteslabel,
					#social-space .inhabitants .hovers .hover .destinyTooltip .job
					{
						font-size: 15px;
						letter-spacing: 2px;
						font-weight: 700;
					}
					
					#social-space .inhabitants .hovers .hover .destinyTooltip .job,
					#social-space .inhabitants .hovers .hover .destinyTooltip .summary
					{
						margin-bottom: 20px;
					}
#new-gear
{
	top: 2960px;
}

	#light-level-raised
	{
		width: 100%;
		min-height: 180px;
		margin-top: -10px;
		padding-top: 30px;
		padding-right: 260px;

		font-size: 18px;
		font-weight: 200;
		line-height: 22px;
		text-align: center;
	}

	#new-gear .gear-grid
	{
		
	}

		#new-gear .gear-grid .gear-item
		{
			position: relative;
			float: left;
			
			width: 148px;
			height: 148px;

			margin: 0 10px 10px 0;
		}

			#new-gear .gear-grid .gear-item:nth-of-type(6n)
			{
				margin-right: 0;
			}

			#new-gear .gear-grid .gear-item .image
			{
				position: absolute;
				top: 0;
				left: 0;

				width: 100%;
				height: 100%;

				background-size: cover;
				opacity: 0;
				
				-webkit-transition: opacity 2s linear !important;
				transition: opacity 2s linear !important;
			}

				#new-gear .gear-grid .gear-item .image.on
				{
					z-index: 2;
					opacity: 1;
				}

	#new-gear .ascend-gear
	{
		position: absolute;
		box-sizing: border-box;

		top: 841px;

		width: 940px;
		height: 448px;
		padding: 92px 38px 38px 100px;

		background: rgba(0,0,0,0.6) url("/pubstatic/StaticPages/HouseOfWolves/Images/ascend-box.jpg") 0 0 no-repeat;
	}

		#new-gear .ascend-gear h3
		{
			margin-bottom: 25px;

			font-size: 25px;
			font-weight: bold;
			line-height: 30px;
		}

			#new-gear .ascend-gear h3 span
			{
				font-weight: 400;
				font-size: 23px;
			}

			#new-gear .ascend-gear .blurb
			{
				font-size: 17px;
				line-height: 19px;
				width: 340px;
			}


#new-arenas
{
	top: 4376px;
}
	#new-arenas .bkg{
		background: url("/pubstatic/StaticPages/HouseOfWolves/Images/Crucible_Pre_Reveal.jpg") no-repeat scroll center top;
		height: 909px;
		left: 50%;
		margin-left: -800px;
		position: absolute;
		top: 24px;
		width: 1600px;
		z-index: -1;
	}

	#new-arenas.trul .bkg
	{
		background-image: url("/pubstatic/StaticPages/HouseOfWolves/Images/Crucible_Reveal.jpg");
	}

	#new-arenas h5.locked
	{
		font-size:18px;
		font-weight:200;
		letter-spacing: 1px;
		text-align:center;
	}    


	#new-arenas .arenas-rotator
	{
		position: relative;
	}

		.arena-item
		{
			position: absolute;
			z-index: 1;

			top: 0;
			left: 0;

			opacity: 0;

			-webkit-transition: 1s ease !important;
			transition: 1s ease !important;
		}

			.arena-item.on
			{
				z-index: 2;
				opacity: 1;
			}

			.arena-item .image
			{
				width: 940px;
				height: 529px;
			}

			.arena-item h4
			{
				margin-top: 20px;

				font-size: 38px;
				letter-spacing: 10px;
			}

			.arena-item h5
			{
				margin-bottom: 20px;

				font-size: 19px;
				letter-spacing: 5px;
			}

			.arena-item .blurb
			{
				width: 100%;
			}

			.arena-item .modes
			{
				position: absolute;
				top: 560px;
				right: 0;
			}

		#new-arenas .controls
		{
			position: absolute;
			z-index: 6;

			top: 0;
			left: 0;
			right: 0;
			height: 529px;
		}

			#new-arenas .controls .control
			{
				cursor: pointer;
				
				-webkit-transform: scale(0.9);
				transform: scale(0.9);

				-webkit-transition: 0.25s;
				transition: 0.25s;
			}

				#new-arenas .controls .control.on,
				#new-arenas .controls .control:not(.pips):hover
				{
					-webkit-transform: scale(1);
					transform: scale(1);
				}
		
			#new-arenas .controls .prev,
			#new-arenas .controls .next
			{
				position: absolute;
				width: 65px;
				height: 65px;

				top: 233px;
				left: 17px;

				background: url("/pubstatic/StaticPages/HouseOfWolves/Images/arena-controls.png") 0 0;
			}

			#new-arenas .controls .next
			{
				left: auto;
				right: 17px;
				background-position: -65px 0;
			}

			#new-arenas .controls .pips
			{
				position: absolute;
				
				bottom: 17px;
				width: 100%;
				height: 20px;

				opacity: 1;

				text-align: center;

				-webkit-transform: scale(1);
				transform: scale(1);
			}

				#new-arenas .controls .pips span
				{
					position: relative;
					display: inline-block;

					width: 15px;
					height: 15px;
					margin: 0 5px;

					opacity: 0.5;
					background: #FFF;
					border-radius: 50%;

					-webkit-transform: scale(0.9);
					transform: scale(0.9);

					-webkit-transition: 0.25s;
					transition: 0.25s;
				}
					
					#new-arenas .controls .pips span:hover,
					#new-arenas .controls .pips span.on
					{
						-webkit-transform: scale(1);
						transform: scale(1);
						opacity: 1;
					}


#new-strike
{
	top: 6194px;
}
	#new-strike .bkg{
		background:url("/pubstatic/StaticPages/HouseOfWolves/Images/strike_pre_reveal.jpg") center top no-repeat;
		background-size:cover;
		height:748px;
		left: 50%;
		margin-left: -800px;
		position: absolute;
		width: 1600px;
		top: -35px;
		z-index: -1;
	}

	#new-strike.peul .bkg
	{
		background-image:url("/pubstatic/StaticPages/HouseOfWolves/Images/strike_reveal.jpg");
	}

	#new-strike h4
	{
		margin-top: 80px;
		margin-bottom: 10px;

		font-size: 38px;
		letter-spacing: 14px;
	}

	#new-strike h5{
		font-size:18px;
		font-weight:200;
		letter-spacing: 1px;
		text-align:center;
	}


	#new-strike .blurb
	{
		width: 570px;
	}

	#new-strike img
	{
		margin-top: 55px;
	}




#trials-of-osiris
{
	top: 5319px;

	width: 1600px;
	margin-left: -330px;

	text-align: center;
}

	#trials-of-osiris h2
	{
		margin-bottom: 10px;
		padding-top: 80px;
	}

	#trials-of-osiris h5
	{
		text-align: center;
		font-size: 18px;
		font-weight: 200;
		letter-spacing: 1px;
	}

	#trials-of-osiris .trials-wrapper
	{
		position: relative;
		height: 678px;

		background-repeat: no-repeat;
	}

		#trials-of-osiris .trials-wrapper.locked
		{
			background-position: 50% 46px;
		}



#prison-of-elders
{
	top: 6988px;

	width: 1600px;
	margin-left: -330px;

	text-align: center;
}

	#prison-of-elders h2
	{
		margin-bottom: 10px;
		padding-top: 140px;
	}

	#prison-of-elders h5
	{
		text-align: center;
		font-size: 18px;
		font-weight: 200;
		letter-spacing: 1px;
	}

	#prison-of-elders .prison-wrapper
	{
		position: relative;
		height: 754px;
	}

	#prison-of-elders .prison-wrapper.locked:after
	{
		position: absolute;
		content: url("/pubstatic/StaticPages/HouseOfWolves/Images/prison-of-elders-lighton.jpg");
		top: 441px;
		left: 813px;

		opacity: 0;
		
		-webkit-animation: blink 1.5s normal infinite;
		animation: blink 1.5s normal infinite;
	}

	@-webkit-keyframes blink
	{
		0%
		{
			opacity: 0;
		}

		20%
		{
			opacity: 1;
		}
		
		40%
		{
			opacity: 0;
		}
	}

	@keyframes blink
	{
		0%
		{
			opacity: 0;
		}

		20%
		{
			opacity: 1;
		}
		
		40%
		{
			opacity: 0;
		}
	}

	

#prison-of-elders a,
#trials-of-osiris a
{
	position: relative;
	display: inline-block;

	margin-top: 20px;
	padding: 10px 15px 10px 30px;

	font-size: 18px;
	color: #FFF;
	letter-spacing: 15px;

	background: rgba(0,0,0,0.75);
	border: 1px solid white;
}

#prison-of-elders a:hover,
#trials-of-osiris a:hover
{
	background: black;
}


#media
{
	top: 7942px;
	left: 70px;
	width: 820px;
}

	#media h6
	{
		margin-bottom: 14px;

		font-size: 18px;
		font-weight: 200;
	}

	#media .videos span
	{
		display: none;
	}

	#media .video
	{
		position: relative;
		float: left;

		width: 255px;
		height: 104px;
		margin-right: 24px;

		background-size: cover;
		border: 1px solid rgba(255,255,255,0.5);
		cursor: pointer;
	}

		#media .video:nth-of-type(3n)
		{
			margin-right: 0;
		}

		#media .video:after
		{
			content: url(/pubstatic/StaticPages/HouseOfWolves/Images/play-button.png);

			position: absolute;
			bottom: 0;
			left: 5px;

		}

	#media .screenshots
	{
		position: relative;
		z-index: 2;
		margin-top: 35px;
	}

		#media .screenshot
		{
			position: relative;
			float: left;

			width: 100px;
			height: 58px;
			margin: 0 20px 20px 0;
		
			background: red;
			cursor: pointer;
		}

			#media .screenshot:nth-of-type(7n)
			{
				margin-right: 0;
			}

	#media .release
	{
		position: relative;
		box-sizing: border-box;
		z-index: 1;

		width: 335px;
		height: 289px;
		padding: 188px 0 0 100px;
		margin: 20px auto 0;

		background: url("/pubstatic/StaticPages/HouseOfWolves/Images/box-art.png") 0 0 no-repeat;
	}

		#media .release a
		{
			display: inline-block;
			box-sizing: border-box;

			width: 143px;
			padding: 2px 10px;
			margin-top: 4px;

			background: #1f648b;
			border: 1px solid #818285;

			color: #FFF;
			text-align: center;
			font-size: 11px;
		}

			#media .release a:hover
			{
				background: #1a78ae;
			}