@CHARSET "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
a{ text-decoration:none;}
a:active {outline: none;}

body{
	background:#232323 url(../img/common/wall.png) repeat top center;
	font-family: Arial, serif;
	font-size: 10px;
}

.CB{ clear:both; display:block;}

.Header,header {
	background: transparent url(http://steawie9.blob.core.windows.net/index/header-border.png) repeat-x bottom left;
	height: 20px;
	display:block;
	position:relative;
}

header,nav,article,section,aside,footer{ display:block;}

.Banner {
	position: relative;
	height: 531px;
	background: url(http://steawie9.blob.core.windows.net/index/banner-border.png) repeat-x bottom left;
}

.Banner .Container {
	position: relative;
	left: auto;
	top: auto;
	width: 1094px;
	height: 525px;
	margin: 0 auto;
	background: #F0B521;
}

.Banner .Shutter.Left {
	background: red;
	position: absolute;
	top: 0;
	bottom: 6px;
	left: 0;
	right: 50%;
	margin-right: 547px;
	background: url(http://steawie9.blob.core.windows.net/index/shutter-left-border.png) no-repeat bottom right, url(http://steawie9.blob.core.windows.net/index/shutter-left.png) repeat bottom right;
}

.Banner .Shutter.Right {
	background: blue;
	position: absolute;
	top: 0;
	bottom: 6px;
	left: 50%;
	right: 0;
	margin-left: 547px;
	background: url(http://steawie9.blob.core.windows.net/index/shutter-right-border.png) no-repeat bottom left, url(http://steawie9.blob.core.windows.net/index/shutter-right.png) repeat bottom left;
}

.Banner .Actions {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 35px;
	height: 111px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
}

.Banner .Actions a {
	width: 346px;
	height: 71px;
	margin: 19px 31px 0 31px;
	display: inline-block;
	overflow: hidden;
	line-height: 500px;
	background-image: url(/img/common/actions-btnsx4.png);
}
.Banner .Actions a.Story {	background-position:left 0;}
.Banner .Actions a.Story:hover {	background-position:left -71px;}
.Banner .Actions a.Nemesis {	background-position:left -142px;}
.Banner .Actions a.Nemesis:hover {background-position:left -213px;}

.Credits {
	background: transparent url(http://steawie9.blob.core.windows.net/index/banner-shadow.png) repeat-x top left;
	padding: 40px;
}

.Credits .Content {
	width: 949px;
	margin: 0 auto;
	padding: 0 0 0px 145px;
}

aside{
	float: right;
	display:block;
	width: 335px;
}

.Credits .Content section {
	width: 545px;
	margin-top: 40px;
	color: #c2c2c2;
	font-size:1.2em;
	font-weight: normal;
}

.Credits .Content aside section{ width:auto;}

.Credits .Content section p.Names,
.Credits .Content section li {
	font-size: 1.166em;
}

.Credits .Content section li a {
	color: #8dbdd2;
}

.Credits .Content section li a:hover {
	color: #306379;
	text-decoration: underline;
}

.Credits .Content section a {
	color: #FFD200;
}

.Credits .Content section a:hover {
	color: #8dbdd2;
}


.Credits .Content section.Features {
	margin-top: 20px;
}

.Credits .Content section.About {
	margin-top: -10px;
	padding-top: 10px;
	margin-left: -97px;
	padding-left: 97px;
	
	background: transparent url(http://steawie9.blob.core.windows.net/index/ie9logo.png) no-repeat 10px 10px;
}

.Credits .Content section.Crew {
	margin-top: 30px;
	padding-top: 10px;
	margin-left: -97px;
	padding-left: 97px;
	
	background: transparent url(http://steawie9.blob.core.windows.net/index/logo-steaw.png) no-repeat top left;
}

.Credits .Content section.Thanks { width:400px;}

.Credits .Content section.Features li {
	margin: -4px 0 0 -8px;
	padding: 0 0 0 25px;
	height: 23px;
	background: transparent url(http://steawie9.blob.core.windows.net/index/features-bullet.png) no-repeat top left;
}


.Credits .Content section h2 {
	height: 24px;
	overflow: hidden;
	background: transparent no-repeat bottom left;
	line-height: 200px;
}

.Credits .Content section.Features h2 {
	background-image: url(http://steawie9.blob.core.windows.net/index/section-features.png);
}

.Credits .Content section.About h2 {
	background-image: url(http://steawie9.blob.core.windows.net/index/section-about.png);
}

.Credits .Content section.Crew h2 {
	background-image: url(http://steawie9.blob.core.windows.net/index/section-crew.png);
}

.Credits .Content section.Thanks h2 {
	background-image: url(http://steawie9.blob.core.windows.net/index/section-thanks.png);
}

.Credits .Content section p {
	margin-top: 10px;
}

.Credits .Content section ul {
	margin-top: 14px;
}

footer {
	position: relative;
	height: 47px;
	overflow: visible;
	background-color: rgba(0,0,0,0.4);
}

footer .Character {
	position: absolute;
	bottom: 0;
	left: 48%;	
	width: 221px;
	height: 315px;
	background: transparent url(http://steawie9.blob.core.windows.net/index/footer-character.png) no-repeat bottom left;
}

.Congrats{ background:#232323 url(../img/common/wall-brown.jpg) repeat top center; height:880px; padding-top:10px; position:relative;}
.CongratsWrap{ margin:0 auto; position:relative; width:1000px;}
.CongratsImage{ background:url(http://steawie9.blob.core.windows.net/index/congrats.jpg) no-repeat top center; height:722px; position:relative;}
.CongratsTitle{ background:url(http://steawie9.blob.core.windows.net/index/congrats-title.png) no-repeat top left; height:109px; left:520px; overflow:hidden; position:absolute; text-indent:-9999px; top:75px; width:459px;}
.CongratsPermalink{ left:547px; overflow:hidden; position:absolute; top:215px;}
.CongratsPermalinkTitle{ background:url(http://steawie9.blob.core.windows.net/index/permalink.png) no-repeat top left; height:51px; overflow:hidden; text-indent:-9999px; width:224px;}
.CongratsInput{ background:url(http://steawie9.blob.core.windows.net/nemesis/input-text.png) no-repeat top left; border:none; color:#5b4c3d; font-family:'DigitalStrip', Arial, Sans-serif; font-size:12px; height:20px; margin-top:10px; padding:15px 18px 11px; width:340px;}
.Congrats .Share{ left:547px; margin:0; padding:0; position:absolute; top:377px; width:364px;}
.CongratsActions {position: absolute;left: 0;right: 0;bottom: 35px;height: 111px;text-align: center;}
.CongratsActions a {	width: 346px;	height: 71px;	margin: 19px 31px 0 31px;	display: inline-block;overflow: hidden;line-height: 500px; background-image: url(/img/common/actions-btnsx4.png);}
.CongratsActions a.Story {	background-position:left 0;}
.CongratsActions a.Story:hover {	background-position:left -71px;}
.CongratsActions a.Nemesis {	background-position:left -142px;}
.CongratsActions a.Nemesis:hover {background-position:left -213px;}



.Lost{ color:#c2c2c2; font-family:'DigitalStrip', Arial, sans-serif; font-size:18px; height:500px; padding:50px 0;}
.LostWrap{ margin:0 auto; position:relative; width:1000px;}
.LostCharacter{ background:url(http://steawie9.blob.core.windows.net/index/lost-character.png) no-repeat top left; height:498px; left:75px; position:absolute; top:50px; width:461px;}
.Lost404{ background:url(http://steawie9.blob.core.windows.net/index/404.png) no-repeat top left; height:161px; position:absolute; right:140px; top:100px; width:359px;}
.LostText{ position:absolute; right:90px; text-align:center; top:270px; width:460px;}
.LostActions{ position:absolute; right:140px; top: 340px; width:346px;}
.LostActions a {	width:346px; height: 71px; display:block; margin-bottom:10px; overflow: hidden;line-height: 500px; background-image: url(/img/common/actions-btnsx4.png);}
.LostActions a.Story {	background-position:left 0;}
.LostActions a.Story:hover {	background-position:left -71px;}
.LostActions a.Nemesis {	background-position:left -142px;}
.LostActions a.Nemesis:hover {background-position:left -213px;}

.Credits .Content section.Quotes{ margin-top:0; width:auto;}
.Credits .Content section.Quotes h2 {background-image: url(http://steawie9.blob.core.windows.net/index/section-quotes.png);}
.Quote{ background:url(http://steawie9.blob.core.windows.net/index/sm.png) no-repeat 0 14px; float:left; height:120px; margin-top:10px; padding-left:90px; width:355px;}
	.SmashingQuote{ margin-right:30px;}
	.TNWQuote{ background-image:url(http://steawie9.blob.core.windows.net/index/tnw.png); background-position:0 28px; padding-left:130px;}
.Quote a{ color:#8DBDD2;}
.QuoteText{ font-family:'DigitalStrip', Arial, sans-serif; font-size:22px; line-height:28px;}
	.TNWQuote .QuoteText{ font-size:16px; line-height:22px;}
.QuoteInfo{ font-size:14px; line-height:16px;}

.Credits .Content section.Press{ float:left; width:480px;}
.Credits .Content section.Press h2 {background-image: url(http://steawie9.blob.core.windows.net/index/section-press.png);}
.Credits .Content section.Press ul{ margin-bottom:20px;}
.Credits .Content section.Press li { background: transparent url(http://steawie9.blob.core.windows.net/index/features-bullet.png) no-repeat 0 3px; font-size: 1.4em; margin-bottom:4px; padding-left:24px;}

.Credits .Content section.Awards{ float:left; width:430px;}
.Credits .Content section.Awards h2 {background-image: url(http://steawie9.blob.core.windows.net/index/section-awards.png);}
.Credits .Content section .FWAAward{ background:url(http://steawie9.blob.core.windows.net/index/fwa.png) no-repeat top left; color:#C2C2C2; float:left; font-size:11px; margin:15px 20px 0 0; padding-top:66px; text-align:center; width:200px;}
.Credits .Content section .IE9Partner{ background:url(http://steawie9.blob.core.windows.net/index/ie9partner.png) no-repeat top left; color:#C2C2C2; float:left; font-size:11px; margin-top:31px; padding-top:50px; text-align:center; width:172px;}

.Credits .Content section.MakingOf h2 {background-image: url(http://steawie9.blob.core.windows.net/index/section-making-of.png);}
.Credits .Content .MakingOfThumbnail{ cursor:pointer; display:block; margin-top:10px;}

.FWA{ background:url(http://steawie9.blob.core.windows.net/index/fwa-tr.png) no-repeat left top; cursor:pointer; display:block; height:100px; position:absolute; right:0; top:0; width:100px; z-index:8000;}
.Mashable{ display:block; height:50px; margin:40px 0; width:300px;}
    .Awards .Mashable{margin-top:35px;}
.TweetFbk{ padding:15px 0;}
.twitter-share-button{ float:left;}
.FacebookLike{ float:left; margin-left:20px; border:none; overflow:hidden; width:200px; height:21px;}

.HomeHeader{ padding:5px 5px 12px; text-align:left;}
.BackLink{font-family:'DigitalStrip', Arial, Sans-serif; font-size:11px; text-transform:uppercase;}