body{
		background-color: #010103;
		color: #fff;
		margin:0px;
		padding-bottom: 50px;
		padding-right:0;
		padding-left:0;
		padding-top: 10px;
		font-family: 'PT Serif', Times, serif;
		font-size: 14px;	
	}
	a:link,
	a:visited,
	a:active{
		/*color: #e9e9ce;*/
		color: #cec9c2;
		text-decoration: none
	}

	a:hover{
		color: #eee;
		text-decoration: none
	}

	img{
		border: 0;
	}
	
	::selection {
	color: #fff;
	background: #600; /* Safari */
	}
	::-moz-selection {
	color: #fff;
	background: #600; /* Firefox */
	}
	
/*===================================================================TOP MENU STUFF==============================================================*/
	#topMenu{
		position: relative;
		background: #010102 url('../images/topMenuBG.jpg') no-repeat center top;
		/*width:100%;*/
		height: 142px; /*aansluitende decors zitten in de visual holder*/
		/*border:1px solid #f4f;*/
	}


	
	#navWrapper{ /*COLLECTS AND CENTERS THE TWO NAVS AND LOGO*/
		margin-left:auto;
		margin-right:auto;
		width: 958px;
		height: 142px;
		border:0px solid #fff;
		/*background: url('../images/topMenuBG.jpg') no-repeat center top;*/
	}

	#nav {
		margin:0 0 0 1px;
		padding:0px;
		width: 320px;
		height:42px;
		margin-top:45px;
		border:0px solid #0055ff;
		float:left;

	}

	#navWrapper li {
	 	list-style-type:none;
		font-size:11px;
		position:relative;
		float:left;
		height:42px;
		border:0px solid #ff0000;
		text-align: center;
		overflow: hidden;
	}

	#navWrapper li a{
		background-image:url('../images/topMenuBtn2_def.jpg');
		background-repeat:no-repeat;
		display: block;
		height: 28px; /*42px;*/
		padding-top: 14px;
		/*z-index: 200;*/
	}		
	
	
	#nav2 li a{
		background-image:url('../images/topMenuBtn2_def.jpg');
	}		
	
	
	#navWrapper li b{
		text-transform: uppercase;
		color: #fff;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), color-stop(55%, rgba(0,0,0,0.9)), color-stop(64%, rgba(0,0,0,0.45)), to(rgba(0,0,0,0.45)));
	}

	#navWrapper li a.item1{
		width:71px;
		padding-left: 18px;
	}
	#navWrapper li a.item2{
		width:71px
	}
	#navWrapper li a.item3{
		width:71px
	}
	#navWrapper li a.item4{
		width:71px;
		padding-right: 17px;
	}

	#navWrapper li a:link.item1 {
		background-position:0px -84px
	}
	#navWrapper li a:hover.item1 {
		background-position:0px -42px
	}
	#navWrapper li a:active.item1 {
		height: 26px;
		padding-top: 16px;
		background-position:0px 0px
	}

	#navWrapper li a.item2 {
		background-position:-89px -84px
	}
	#navWrapper li a:hover.item2 {
		background-position:-89px -42px
	}
	#navWrapper li a:active.item2 {
		height: 26px;
		padding-top: 16px;
		background-position:-89px 0px
	}

	#navWrapper li a.item3 {
		background-position:-160px -84px
	}
	#navWrapper li a:hover.item3 {
		background-position:-160px -42px
	}
	#navWrapper li a:active.item3 {
		height: 26px;
		padding-top: 16px;
		background-position:-160px 0px
	}	

	#navWrapper li a.item4 {
		background-position:-231px -84px
	}
	#navWrapper li a:hover.item4 {
		background-position:-231px -42px
	}
	#navWrapper li a:active.item4 {
		height: 26px;
		padding-top: 16px;
		background-position:-231px 0px
	}	
	

	#nav2 {
		/*margin:0 0 0 0;
		width: 319px;
		height:45px;
		margin-top:44px;*/
		float:right;
		
		margin:0 -2px 0 1px;
		padding:0px;
		width: 320px;
		height:42px;
		margin-top:45px;
	
	}

	#topLogo{
		display: block;
		width:237px;
		height:88px;
		background-image:url('../images/topMenuLogo.png');
		background-position: 0px -88px;
		background-repeat:no-repeat;
		float:left;
		margin-top:24px;
		margin-left:41px;
	}

	#topLogo:hover{
		background-position: 0px 0px
	}

	#nav ul.dropdown{
		border:1px solid #00ff00;
		margin:0px;
		padding:0px;
		position:relative;
		top:80px;
		right:0px;
		width:140px;
		display:none;
		float:left;
		overflow: hidden
	}

	#nav ul.dropdown li
	{
		margin: 0;
		padding: 0;
		float: none;
		position: relative;
		list-style: none;
		display: block
	}

	#nav ul.dropdown li a{
		overflow: hidden;
		height:37px;
		width:140px;
		background-image:url('../images/subMenuBtn.png');
		background-repeat:no-repeat;
		display: block;
		border:1px solid #00ffff
	}

	#nav ul.dropdown a:hover:hover
	{
		margin-right: 2px
	}

	#submenus{ /*collects the submenus*/
		/*margin-top:74px;*/
		margin: 0 auto;
		/*position:absolute;*/
		position:relative;
		top: -63px;
		z-index:981;
		padding:0px;
		width:958px;
		border:0px solid #5555ff;
		/*display:block;*/
	}

	.sub{
		/*float:left;*/
		border:0px dotted #00ff00;
		padding:0px;
		width:174px;
		/*display:block;*/

	}

	/*#StorySub{
		position:relative;
		left:-40px;
		z-index:22;
		opacity:0.01;
		filter:alpha(opacity=1); 
	}*/

	#RavenSub{
		position:relative;
		left:109px;
		/*z-index:991;*/
		opacity:0.01;
		filter:alpha(opacity=1); /* For IE8 and earlier */			
	}

	#MediaSub{
		position:relative;
		left:180px;
		/*z-index:993;*/
		opacity:0.01;
		filter:alpha(opacity=1); /* For IE8 and earlier */			
	}



	.sub ul{
		width:140px;
		padding:0px;
		margin:0px 17px 0px 17px;
		border:0px solid #00ff00
	}

	.sub li{
		text-align:center;
		list-style-type:none;
		height:37px;
		margin: 0 0 3px 0;
		overflow: hidden
	}

	.sub li a:link,
	.sub li a:visited{
		/*color:#ffffff;*/
		background-image:url('../images/subMenuBtn.jpg');
		background-position:0px -37px;
		background-repeat:no-repeat;
		display: block;
		overflow: hidden;
		font-size:11px;
		padding-top:11px;
		height:38px;	
		/*z-index: 999;*/

		font-family: 'PT Serif', times, serif;
		color:#efefef;
		font-weight:bold;
		text-shadow: 0 0 3px #000;		
	}

	.sub li a:hover{
		background-position:0px -74px;
		color:#fff;
	}
	
	.sub li a:active{
		background-position:0px 0px;
		padding-top:13px;
		height:36px;
	}
	
	
	/*.subBody a:link,
	.subBody a:active,
	.subBody a:visited
	{
		display: block;
		font-family: 'PT Serif', times, serif;
		color:#efefef;
		font-weight:bold;
		font-size:11px;
		text-shadow: 0 0 3px #000;
		
		border: 0px solid #f00;
	}
	.subBody a:hover{
		color:#fff;
	}	*/
	
	
	
	.inactivesub{
		color:#ffffff;
		background-image:url('../images/subMenuBtn.jpg');
		background-position:0px -37px;
		background-repeat:no-repeat;
		display: block;
		overflow: hidden;
		font-size:11px;
		padding-top:11px;
		height:38px;
		opacity: 0.25;
		filter: alpha(opacity=55);
		cursor: regular;
	}

	.subHeader{
		background:url('../images/subMenuHeader.png')  no-repeat center top;
		width:174px;
		height:46px;
		border: 0px solid #ffffff
	}
	.subFooter{
		background:url('../images/subMenuFooter.png')  no-repeat center top;
		width:174px;
		height:44px;
		border: 0px solid #ffffff;
		position:relative;
		top:-3px /*compensate for the button's 3px margin*/
	}

	.subBody{
		background:url('../images/subMenuBody.png')  repeat-y center top;
		width:174px;
		padding: 6px 0;
		border: 0px solid #ffffff
	}





/*===================================================================/TOP MENU STUFF===================================================================*/

#socialAnchor{
	position: fixed;
	z-index:666;
	padding: 5px;
	width: auto;
	margin-top: 40px;
	top: 25%;
	right: 0px;	
}
#socialAnchor a:link,
#socialAnchor a:visited,
#socialAnchor a:active,
#socialAnchor a:hover{
	width: 32px;
	height: 32px;
	display: block;
}

.facebookAnchor{
	margin: 5px; 
	width: 32px;
	height: 32px;
	background: url('../images/facebook.png') no-repeat center top;
}
.twitterAnchor{
	margin: 5px; 
	width: 32px;
	height: 32px;
	background: url('../images/twitter.png') no-repeat center top;
}
.youtubeAnchor{
	margin: 5px;
	width: 32px;
	height: 32px;
	background: url('../images/youtube.png') no-repeat center top;
}

/*====== SMALL VISUAL ==================*/
/*=====================================*/
/*#smallVisualWrap{
	width: 958px;
	overflow: show;
	margin: 0 auto;
}*/

#smallVisual{
	position: relative;
	/*left: -352px;*/
	height: 103px;
	padding: 0px;
	margin: 0px;
	background: url('../images/headerBar.jpg') no-repeat center top;
	
	/*width: 1662px;	*/
	margin: 0 auto;
}
#pageTitle{
	position: relative;
	width: 602px;
	margin: 0px auto 0 auto;
	padding-top: 27px;
	text-align: center;
	border: 0px solid #f04;
	font-size: 28px;
	font-weight: 700;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.diva{
	position: absolute;
	border: 0px solid #f04;
	/*text-shadow: 0px 0px -4px #fef8e7;*/
	text-decoration: none;
	width: 602px;	
	
	color: #fef9eb;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), color-stop(55%, rgba(0,0,0,0.9)), color-stop(64%, rgba(0,0,0,0.1)), to(rgba(0,0,0,0.1)));
	-o-mask-image: -o-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), color-stop(55%, rgba(0,0,0,0.9)), color-stop(64%, rgba(0,0,0,0.1)), to(rgba(0,0,0,0.1)));
	-moz-mask-image: -moz-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), color-stop(55%, rgba(0,0,0,0.9)), color-stop(64%, rgba(0,0,0,0.1)), to(rgba(0,0,0,0.1)));
	mask-image: gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), color-stop(55%, rgba(0,0,0,0.9)), color-stop(64%, rgba(0,0,0,0.1)), to(rgba(0,0,0,0.1)));
	
    /*color: #9f8f73;  
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), color-stop(55%, rgba(0,0,0,0.1)), color-stop(64%, rgba(0,0,0,0.9)), to(rgba(0,0,0,0.9)));*/
	display: none;
}
.divb{
	position: absolute;
	/*border: 0px solid #04f;*/
	text-shadow: 0px 0px 6px #000, 0px 0px 4px #000, 0px 0px 6px #000, 0px 0px 3px #000, 0px 0px -4px #fef8e7;
	text-decoration: none;  
	width: 602px;
    /*color: #fef9eb;  */
	color: #9f8f73; 
	
	
	
	text-shadow: 0px 0px 6px #000, 0px 0px 4px #000;
	color: #fff;
	text-transform:uppercase;
}

#topMenuDecorSmall{
	position: absolute;
	z-index: 15;
	height: 24px;
	width: 100%;
	background: url('../images/topmenudecor.png') no-repeat center top;
}
#BottomDecorSmall{
	position: absolute;
	z-index: 16;
	top: 67px;
	height: 55px;
	padding: 0px;
	margin: 0px;
	background: url('../images/visualbottomdecor.png') no-repeat center bottom;
	/*border: 1px solid #ff9;*/
	width: 100%;
}

#spotlightnav{
	width: 469px;
	padding-left: 489px; 
	margin: 0 auto 0 auto;
	border: 0px solid #f40;	
}

#spotlight{
	height: 800px; /*715px;*//*593px;*/
	padding-top: 15px;
	margin-top: 20px;
	/*padding-top: 137px;*/
}

#spotlightDesc{
	clear: both;
	width: 469px;
	padding-left: 489px; 
	margin: 110px auto 0 auto;
}
#spotlightTitle{
	font-size: 26px;
	/*color: #fff;*/
	color: #f6f4f2;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 20px;
}
#spotlightBody{
	font-size: 16px;
	/*color: #e9e9ce;*/
	color: #cec9c2;
	line-height: 26px;
	text-shadow: 0 0 16px #000, 0 0 12px #000, 0 0 6px #000, 0 0 3px #000, 0 0 1px #000;
}

.spotlighttrailer{
	margin-top: 63px;
	width: 265px;
	height: 177px;
	text-align: center;
	position: relative;
	top: -20px;
	left: -20px;
}

.spotlighttrailer a:link > .trailerimg,
.spotlighttrailer a:visited > .trailerimg
.spotlighttrailer a:active > .trailerimg{
	opacity: 0.90;
	filter: alpha(opacity=90);
	
	transition: opacity .2s;
	-moz-transition: opacity  .2s;
	-webkit-transition: opacity  .2s;
	-o-transition: opacity  .2s;
}

.spotlighttrailer a:hover > .trailerimg{
	opacity: 1;
	filter: alpha(opacity=100);
}

.trailerimg{
	width: 265px;
	height: 167px;
}

.trailerlink{
	position:relative;
	bottom: 15px;
}


/*====== BLOG overview ====================*/
/*=========================================*/
.blogItem{
	padding: 10px 0 10px 0;
	margin: 20px 0;
	width: 632px;
}
.blogTitle{
	font-size: 26px;
	line-height: 32px;
	margin: 20px 0 20px 0;

}

.blogTitle a:link,
.blogTitle a:visited,
.blogTitle a:active{
	/*color: white;*/
	color: #f6f4f2;
}

.blogTitle a:hover{
	/*color: #E9E9CE;*/
		
	color: #cec9c2;
}

.blogsubTitle{
	/*color: #736D65;*/ /*#F6F0AF;*/
	color: #736D65;
	font-size: 14px;
	padding: 10px 0;
	border-bottom: 1px solid #55514b;
	border-top: 1px solid #55514b;

}

.blogsubTitle a:link,
.blogsubTitle a:active,
.blogsubTitle a:visited{
	/*color: #736D65;*/
	color: #cec9c2;
}
.blogsubTitle a:hover{
	/*color: #958F87;*/
	color: #f6f4f2;
}

.commentsBubble{
	text-align: right;
	font-weight: bold;
	float: right;
	min-width: 14px;
	padding-left: 16px;
	background-image: url('../images/commentbubble.png');
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
.commentsBubble a:link,
.commentsBubble a:visited,
.commentsBubble a:active{
	color: #736D65;
}
.commentsBubble a:hover{
	color: #958F87;
}

.blogImage{
	width: 306px;
	/*float: left;*/
}
.blogBody{	
	/*color: #BFBFC0;*/
	/*color: #98928a;*/
	/*color: #f6f0e8;*/
	/*border-top: 1px solid #bca76f;*/
	padding: 0px 0 8px 0;
	font-size: 16px;
	line-height: 26px;
	/*margin-left: 20px;*/
	width: 632px;
	color: #a6a39f;
	
	/*float: left;*/
}

.blogBody img{
	border: 1px solid #272522;
	box-shadow: 0 0 8px #000, 0 0 4px #000, inset 0 0 4px #000;

}

.blogBody iframe{
border: 1px solid #272522;
box-shadow: 0 0 5px #000;
margin: 10px 0;
}

.blogFooter{
	width: 632px;
	text-align: right;
	clear: both;
	padding: 10px 0;
	border-top: 1px solid #55514b;
}

#blogBrowseWrapper{
	width: 632px;
}

.blogBtn{
	font-size: 12px;
	color: #f0f0bd;
	text-align: right;
	padding: 0 17px 0 0;
	font-weight: 700;
}
.blogBtn a:link,
.blogBtn a:visited,
.blogBtn a:active{
	font-size: 12px;
	color: #f0f0bd;
	text-align: right;
	border: 0px solid #f48;
}
.blogBtn a:link,
.blogBtn a:visited{
	text-transform: uppercase;
	position: relative;
	text-decoration: none;
	color: #fff;
}
.blogBtn a:hover{
	color: #ffcc00;
}
.blogBtn a:after{
	content: "";
	height: 11px;
	width: 11px;
	position: absolute;
	top: 3px;
	right: -17px;
	display: block;
	background: url('../images/smallArrow01.png') no-repeat right center;
}
.blogBtn a:hover:after{
	background: url('../images/smallArrow01_h.png') no-repeat right center;
}


/*=========================================*/
/*=========================================*/

/*====== BLOG post ====================*/
/*=====================================*/
#blogpostWrapper{
	width: 958px;
	margin: 15px auto 0 auto;
	position: relative;
}

.sidepromo{
float: right;
width: 307px;
height: 485px;
margin-top: 141px;
}

#blogpost{
	padding-top: 6px;
	width: 632px;
	margin-right:20px;
	margin-bottom:30px;
	/*float:left;*/
}

.postTitle{
	font-size: 32px;
	line-height: 42px;
	font-weight: 400;
	padding-right: 316px;
	margin-bottom: 10px;
	
	/*color: #cec9c2;*/
	color: #f6f0e8;
}

.subTitle{
	/*font-size: 16px;
	line-height: 28px;*/
	color: #736D65; /*#f6f0af;*/
	
	font-size: 14px;
	padding: 10px 0;
	border-top: 1px solid #55514b;
	border-bottom: 1px solid #55514b;
}

.postBody{
	font-size: 16px;
	line-height: 26px;
	/*color: #bfbfc0;*/
	margin-bottom: 40px;
	/*color: #98928a;*/
	/*color: #f6f0e8;*/
	color: #a6a39f;
}

.postBody img{
	border: 1px solid #272522; /*#55514b;*/
	box-shadow: 0 0 8px #000, 0 0 4px #000, inset 0 0 4px #000;
}

.postBody a:link,
.postBody a:active,
.postBody a:visited{
	color: #ffd941;
}
.postBody a:hover{
	color: #ffea98;
}

.postBody em{
	font-weight: 700; 
	font-style: italic;
	color: #fff;
}

.postBody li{
	padding: 5px 0;
	font-size: 14px;
}

.infobox{
	font-size: 14px; 
	margin: 20px 0px;
	padding: 20px 20px 18px 20px;
	/*border: 1px solid #534f4c;*/
	border: 1px solid #2e2b2a;

	border-radius: 5px;
	/*background-color: #0e0e10;*/
	background-color: #080809;

	color: #b6ada0;

	min-height: 20px;
	position: relative;

}
.infobox h4{
	font-size: 14px; 
	text-align: center;
}

.infobox em{
	font-style: italic;
	font-weight: 700;
	color: #fff5e9;
}

.blogSocialLine{
	border-top: 1px solid #55514b; /*#bca76f;*/
	border-bottom: 1px solid #55514b;
	
	
	/*border-bottom: 1px solid #262218;*/
	padding: 15px 0;
}

#blogrelated{
	margin-top: 0px;
	float: left;
	width: 306px;
}
/*=====================================*/
/*=====================================*/

/*======COMMENTS=======================*/
/*=====================================*/

#commentwrapper{
	border: 0px solid #f00;
	width: 632px;
	padding: 19px 0px 0 0px;
}

#commentTitle{
	font-family: 'PT Serif', Times, serif;
	font-size: 21px;
	/*margin: 0, auto;*/
	text-align: left;
	margin-bottom: 16px;
}

#commentForm{
	border-bottom: 1px solid #bca76f;
	margin-bottom:5px;
	font-family: 'PT Serif', Times, serif;
	font-size: 16px;
}

.formTitle{
	margin: 4px 0px 4px 0px ;
}

#commentForm input{
	/*width:94%;*/
	width:620px; 
	
	padding: 5px 3px 5px 3px;
	margin: 0px 0px 5px 0px;

	background: #0d0d0d;
	color: #BFBFC0;
	font-size: 16px;
	border: 1px solid #4e4e4e;
	border-right: 3px solid #4e4e4e;
	border-left: 3px solid #4e4e4e;	
	border-top-color: #4e4e4e;

}


#commentForm textarea{
	/*min-width:94%;
	max-width:94%;*/
	min-width:620px; 
	max-width:620px; 
	min-height:110px;

	padding: 5px 3px 5px 3px;
	margin: 0px 0px 0px 0px;

	background: #0d0d0d;
	color: #BFBFC0;
	font-size: 16px;
	border: 1px solid #4e4e4e;
	border-right: 3px solid #4e4e4e;
	border-left: 3px solid #4e4e4e;
	border-top-color: #4e4e4e;

}

.commentNum{
	font-family: 'PT Serif', Times, serif;
	font-size: 16px;
	color:#f6f0af;
	text-align:right;
	margin-bottom: 35px;
}

.comment{
	border: 0px solid #ff0;
	border-bottom: 1px solid #11100c;
	margin-bottom: 31px;
	padding-bottom: 25px;
}

.commentPoster{
	font-family: 'PT Serif', Times, serif;
	font-size: 18px;
	color: #f6f0af;
	float:left;
	margin-right: 6px;	
}

.commentPoster a:link,
.commentPoster a:visited,
.commentPoster a:active{
	color: #f6f0af;
}
.commentPoster a:hover{
	color: #fffcd9;
}

.commentDate{
	font-family: 'PT serif', Times, serif;
	font-size: 18px;
	color: #736d65;
	float:left;
}

.commentBody{
	font-family: 'PT Serif', Times, serif;
	color: #bfbfc0; /*#656361;*/
	font-size: 14px;
	line-height:26px;
	clear: both;
	margin-top: 30px;
	padding-left: 143px;
	padding-top: 10px;
}

#commentBtn{
	margin-left: auto;
	margin-right: auto;
	width:162px;
	margin-bottom: 21px;
	margin-top: 15px;
}

#commentBtn a:link,
#commentBtn a:visited{
	text-align: center;
	background-image:url('../images/postBtn.jpg');
	background-position:0px -68px;
	background-repeat:no-repeat;
	font-family: times, serif;
	color:#ffffc8;
	font-weight: bold;
	font-size:12px;
	text-shadow: 0 0 5px #000, 0 0 3px #000;
	border:0px solid #f08;
	width:181px;
	height:24px;
	padding-top:10px;
	display: block;		
	
	/*opacity: 0.90;
	filter: alpha(opacity=90);
	
	transition: opacity .2s;
	transition: opacity .2s;
	-moz-transition: opacity  .2s;
	-webkit-transition: opacity  .2s;
	-o-transition: opacity  .2s;	*/
}
#commentBtn a:hover{
	background-position:0px -34px;
	color:#ffffc8;
	/*opacity: 100;
	filter: alpha(opacity=100);*/
}

#commentBtn a:active{
	height:22px;
	padding-top:12px;
	color:#ffffc8;
	background-position:0px 0px;
}

#commentBrowseWrapper{}
#commentPaging{
	/*border-bottom: 1px solid #262218;
	border-top: 1px solid #262218;*/

	/*border-bottom: 1px solid #bca76f;
	border-top: 1px solid #bca76f;*/
	padding: 20px 0;
}


/*---------------------- commentpaging fix? --------------*/
	#commentBrowseWrapper{
		border: 0px solid #f00;
		width: 632px;
		padding: 10px 0;
		/*height: 57px;*/
		/*background: url('../images/title01divider.png') no-repeat center bottom, url('../images/title00divider.png') no-repeat center top;*/	
	}
	
	#commentBrowseWrapper ul{
		padding: 0;
		margin: 0;		
		list-style-type: none;
		text-align: center;
	}
	#commentBrowseWrapper ul li{
		display: inline-block;
		list-style-type: none;
	}

	#commentBrowseWrapper ul li a{ 
		display: inline-block;
	}
/*----------------------------------------------------------------*/


/*====== MAIN VISUAL ==================*/
/*=====================================*/

#backgroundContainer{	
	padding: 0px;
	margin: 0px;
}

#spotVisual{
	position: relative;
	clear: both;
	height: 670px; /*610px;*/ /*589px;*/
	width: 958px;
	padding: 0px 0px 1px 0px;
	margin: 0 auto;
	display: table;
	/*border: 1px solid #f45;*/
}


.quote{
	z-index: 706;
	width: 292px;
	text-align: left;
	font-family: 'PT Serif', times, serif;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	padding: 5px 0px 0px 0px;
	/*border: 1px solid #f00;*/
	
	display: block;
	/*float: right;*/
	
	position: absolute;
	top: 70px;
	right: 0px;
	padding: 0px 10px;
	
	/*border-bottom: 1px solid #fff;*/
	
}
.quote .quoteSign{
	font-family: 'PT Serif', Times, serif;
	float: left;
	font-size: 250%;
	color: #fff;
	height: 5px;
	margin-top: -1px;
	margin-bottom: 0px;
	margin-left: -4px;
	margin-right: 6px;
	padding: 13px 0px 0 0px;
}
.frontSpotQuoteTxt {
	text-align: right;
	font-family: 'PT Serif', Times, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	margin: 5px 0 25px 0;
}

.frontSpotQuoteTxt a:link, 
.frontSpotQuoteTxt a:active, 
.frontSpotQuoteTxt a:visited {
	color: #fff;
	text-decoration: none;
}

.frontSpotQuoteTxt a:hover {
	text-decoration: underline;
}

#frontSpotShort{
	float: right;
	margin-top: 58px;
	width: 316px; /*306px;*/
	text-align: center;
	/*background-color: #000;*/
	padding: 2px 0px 12px 0px;
	
	border-radius: 4px;
	
	
	/*box-shadow: 0 0 6px #888;*/
	
	
	/* Fallback for web browsers that don't support RGBa */
	/*background-color: rgb(0, 0, 0);*/
	/* RGBa with 0.6 opacity */
	/*background-color: rgba(0, 0, 0, 0.4);*/
	
	/* For IE 5.5 - 7*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000, endColorstr=#22000000);*/
	/* For IE 8*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000, endColorstr=#22000000)";	*/
}

#frontSpotTitleTxt{
	position: relative;
	text-align: center;
	font-family: 'PT Serif', times ,serif;
	font-weight: 700;
	font-size: 24px;
	color: #fff;
	/*text-shadow: 0px 0px 1px #000, 0px 0px 10px #000;*/
	/*text-shadow: 0px 0px 5px #000, 0px 0px 10px #000;*/
	/*background: url('../images/titleSeparator.png') no-repeat center center;*/
	text-transform: uppercase;
	
	top: 95px;
}
#frontSpotBodyTxt{
	margin-top: 15px;
	font-family: 'PT Serif', times ,serif;
	font-size: 16px;
	line-height: 26px;
	padding: 0 8px 5px 8px;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #000;
}

#spotContainer{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border: 0px solid #f47;
}

#promoSpot {
	float: left;
	z-index: 788;
	text-align: center;
	position: relative;
	top: 50px;
	width: 246px; 
	height: 319px;
	/*border: 1px solid #f47;*/
	background: url('../images/promoBG.png') no-repeat center top;
}

.promopair{
	padding: 50px 0;
	width: 450px;
	margin: 0 auto;
}

.promoLabel{
	font-size: 32px;
	font-weight: 400;
	padding: 10px 0;
}

.retailers{
	margin-top: 10px;
	height: 41px;
	display: block;
	position: relative;
}
.ret_Steam{
	float:left;
	margin-left: 12px;
	height:41px;
	width: 35px;
	background: url('../images/order_steam.png') no-repeat center bottom;
}
.ret_Vault{
	margin-left: 34px;
	float:left;
	height:41px;
	width: 85px;
	background: url('../images/order_vault.png') no-repeat center bottom;
}
.ret_GOG{
	margin-right: 12px;
	float:right;
	height:41px;
	width: 39px;
	background: url('../images/order_gog.png') no-repeat center bottom;
}

#promoBtn {
	float: right;
	margin: 0px auto 0 auto;
	text-align: center;
	/*padding: 20px 0;*/
	width: 246px; 
}

.promoCover{
	float: left;
	display: block;
	margin: 0 auto;
	width: 196px;
	height: 221px;
	background: url('../images/DC_cover.png') no-repeat center top;
}

.promoTxt{
	padding: 0 20px;
}


.promo1{
		text-transform: uppercase;
		line-height: 30px;
		margin-top: 18px;
		font-size: 26px;
		color: #ffffff;
		font-weight: 700;
		text-shadow: 0px 0px 5px #000, 0px 0px 10px #000;
		
		padding-top: 100px;
		height: 80px;
}
.promo2{
		line-height: 24px;
		margin-top: 18px;
		font-size: 21px;
		color: #ffffff;
		font-weight: 700;
		text-shadow: 0px 0px 5px #000, 0px 0px 10px #000;
}

.promo2 .emf{
		color: #3fbfbf;
}

.promo3{
		margin-top: 18px;
		font-size: 18px;
		color: #ffffff;
		font-weight: 600;
		font-style: italic;
		text-shadow: 0px 0px 5px #000, 0px 0px 10px #000;
}

.promoBTN{
		height: 62px;
		width: 246px;
		margin-top: 4px;
		/*position: absolute;*/
		/*bottom: 43px;*/
}

.promoBTN a:link,
.promoBTN a:visited{
		text-transform: uppercase;
		font-size: 16px;
		color: #eeeeee;
		font-weight: 700;
		display: block;
		height: 42px;
		padding-top: 19px;
		width: 246px;
		background-image: url('../images/promoBtn_sprite.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		
		text-shadow: 0px 0px 5px #000, 0px 0px 10px #000;
}
.promoBTN a:hover{
		background-position: 0px -61px;
		color: #ffffff;
}
.promoBTN a:active{
		height: 40px;
		padding-top: 21px;
		background-position: 0px -122px;
		color: #eeeeee;
}


#topTrailer{
	padding-top: 20px;
	display: none;
	position: absolute;
	top: 38px;
	width: 960px;
	height: 541px;
	float: left;
	
	z-index: 900;
	padding: 1px;
}

#playbuttonWrap{
	position: absolute;	
	top: 160px;
	width: 100%;
	z-index: 700;
}

#playbutton{
	cursor: pointer;
	margin: 0 auto;
	width: 109px;
	height: 109px;
	background: url('../images/playbutton.png') no-repeat center top;
	opacity: 0.60;
	filter: alpha(opacity=60);
	
	transition: opacity .2s;
	-moz-transition: opacity  .2s;
	-webkit-transition: opacity  .2s;
	-o-transition: opacity  .2s;
}

#playbutton:hover{
	margin: 0 auto;
	width: 109px;
	height: 109px;
	background: url('../images/playbutton.png') no-repeat center top;
	opacity: 1;
	filter: alpha(opacity=100);
}

.trailerWrapper{
	/*margin-top: 20px;*/
	/*background-color: #000;*/
	padding: 1px;
}

.trailerWrapper iframe{
	border: 1px solid #000;
}

.trailerCloseBtn button{
	position: relative;
	top: 5px; /*-8px;*/
	background-color:transparent;
	cursor: pointer;
	text-align: center;
	font-weight: 700;
	float: right;
	display: block;
	width: 52px;
	height: 34px;
	border: 0;	
	background-image: url('../images/trailercloseBtn_sprite.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	
}
.trailerCloseBtn button:hover{
	background-position: 0px -34px;
}
.trailerCloseBtn button:active{
		background-position: 0px -68px;
}

#spotRow{	
	position: absolute;
	/*top: 315px;*/
	top: 400px; /*310px;*/ /*365px;*/
	right: 0px;
	margin: 0;
	padding: 0;
	width: 960px;
	border: 0px solid #f69;
}
.spotfeat{
	font-family: 'PT Serif', times ,serif;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	text-align: center;
	float:left;
	height: 190px;
	width: 225px;
	margin: 0px 7px;
}

.spotfeat a:link,
.spotfeat a:active,
.spotfeat a:visited{
	display: block;
	width: 225px;
	height: 122px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0; /* 0 10px 0;*/
	padding: 0;
	/*-moz-box-shadow: 0 0 5px #000, 0 0 9px #000;
	-webkit-box-shadow: 0 0 5px #000, 0 0 9px #000;
	box-shadow: 0px 0px 5px #000, 0 0 9px #000;
	
	transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	-webkit-transition: box-shadow .2s;
	-o-transition: box-shadow .2s;	*/

}


.spotfeat a:hover{
	background-position: 0px -122px;
	/*-moz-box-shadow: 0 0 6px #111, 0 0 20px #111;
	-webkit-box-shadow: 0 0 6px #111, 0 0 20px #111;
	box-shadow: 0px 0px 6px #111, 0 0 20px #111;*/
}

.sfeat1{
	background-image: url('../featthumbs/spotfeat1.jpg');
}
.sfeat2{
	background-image: url('../featthumbs/spotfeat2.jpg');
}
.sfeat3{
	background-image: url('../featthumbs/spotfeat3.jpg');
}
.sfeat4{
	background-image: url('../featthumbs/spotfeat4.jpg');
}

.spotfeat img{
	/*-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0px 0px 5px #000;*/
}

.spotTitle{
	font-weight: 700;
	/*text-shadow: 0px 0px 3px #000, 0px 0px 6px #000;*/
	color: #fff;
	font-size: 21px;

	/*position: relative;
	top: 75px;
	float: left;
	width: 100%; */
	/* OR */
	background-color: rgba(0, 0, 0, 0.4);
	padding: 6px 10px 8px 10px;
	margin-bottom: 0px;
	width: 205px;
	border-radius: 5px 5px 0 0;
	
	text-align: center;
	text-transform: uppercase;
	
	text-shadow: 0 0 1px rgba(255,255,255,0.65);
	
}

.spottxt{
	font-weight: 700;
	/*text-shadow: 0px 0px 3px #000, 0px 0px 6px #000;*/
	color: rgb(216, 216, 216);
	color: #fff;
	 /* height:32px;*/
	 
	font-size: 13px;
	text-align: center;
	line-height: 21px;
	
	/*background-color: #000;*/
	padding: 6px 5px 8px 5px;
	/* Fallback for web browsers that don't support RGBa */
	/*background-color: rgb(0, 0, 0);*/
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.4);
	
	border-radius: 0 0 5px 5px;
	
	/* For IE 5.5 - 7*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000, endColorstr=#22000000);*/
	/* For IE 8*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000, endColorstr=#22000000)";		*/
	
	/*background: url('../images/textbgpane.jpg') no-repeat left top;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0px 0px 5px #000;*/
}



#bgholder{
	margin: 0 auto;
	/*width: 958px;*/
	/*border: 1px solid #f30;*/
	position:relative;
}

#bg3{ /*de wolken*/
    z-index: -4;
    position: fixed;
    /*left: 50%; /* align left edge with center of viewport */
    /*top: 152px;*/
	top: 75px;
    /*width: 1920px;*/
	width: 100%;
	/*height: 1620px;*/
	height: 1407px;
    /*margin-left: -470px;*/ /* move left by half element's width */
	background: url('../images/BGlayer1a.jpg') no-repeat center top;

}

#bg4{ /*de units*/
    z-index: -3;
    position: fixed;
    /*right: 8%; /* align left edge with center of viewport */
    top: 0px;
    /*width: 947px;*/
	
	width: 100%;
	
	height: 1369px;
    /*margin-left: -470px; /* move left by half element's width */
	background: url('../images/BGlayer4.png') no-repeat center top;
	/*background-position: 0;*/

}

#bg2{ /*de draak*/
    z-index: -2;
    position: fixed;
    top: 142px;
	width: 100%;
	height: 939px;
	background: url('../images/BGlayer2.png') no-repeat left top;
}

#bg1{ /*de ui pane*/
    z-index: -1;
    position: fixed;
    /*left: 50%; /* align left edge with center of viewport */
    top: 152px;
    /*width: 1920px;*/
	width: 100%;
	height: 1620px;
    /*margin-left: -470px;*/ /* move left by half element's width */
	background: url('../images/BGlayer3.png') no-repeat center top;

}

/*=====================================*/

/*#mainVisualWrap{
	width: 958px;
	overflow: show;
	margin: 0 auto;
}*/

#mainVisual{
	position: relative;
	/*left: -352px;*/
	height: 468px;
	padding: 0px;
	margin: 0px;
	/*background: url('../images/frontvisual1.jpg') no-repeat center top;*/
	
	/*width: 1662px;*/      /* HSCROLL PROBLEEM DIT MOET 100% + BG-image WORDEN	- now disabled bc slider was removed*/
	margin: 0 auto;
	overflow: hidden;
}



#browseBtns{
	opacity: 0;
	filter: alpha(opacity=0);
	
	transition: opacity .3s;
	-moz-transition: opacity  .3s;
	-webkit-transition: opacity  .3s;
	-o-transition: opacity  .3s;

	z-index: 100;
	/*position: absolute;*/
	/*float: left;*/
	position:relative;
	top: 50px;
	margin: 0 auto 0 auto;
	min-width: 958px;
	max-width: 1200px;
	height: 0px;
	/*height: 222px;*/
	border: 0px solid #796;

}

#mainVisual:hover > #browseBtns{
	opacity: 1;
	filter: alpha(opacity=100);
}


#visualTextWrapper{
	width:		306px;
	margin: 	80px auto 0 auto;
	border:		0px solid #f47;
	text-align: center;
	color: 		#000;
}
#visualTitleTxt{
	font-family: 'PT Serif', times ,serif;
	font-weight: 700;
	font-size: 21px;
	text-shadow: 0px 0px 4px #999;
}
#visualBodyTxt{
	margin-top: 15px;
	font-family: 'PT Serif', times ,serif;
	font-size: 16px;
	text-shadow: 0px 0px 2px #aaa;
}

#visualSlide{
	/*width: 16620px;*/
	width: 8310px; /*ROOM FOR 5*/
	position: absolute;
	height:449px;
	/*margin: 0 auto;*/
	overflow: hidden;
	/*border: 1px solid #f47;*/
}
.slideElement{
	position: relative; /*this keeps the ornatebuttons, or whatever absolutely positioned element from snapping to the parent container coords*/
	float: left;
	/*width: 1662px;*/  /* disabled bc it screwed the hscrollbar - disabled also bc slide removed*/
	width: 100%;
	height: 449px;
}


#browseright{
	float: right;
	padding-top:55px;
	height: 222px;
	width: 51px;
	background: url('../images/visualbrowsebtn2.png') no-repeat left bottom;
	cursor: pointer;
	opacity: 0.65;
	filter: alpha(opacity=65);
	transition: opacity .2s;
	-moz-transition: opacity  .2s;
	-webkit-transition: opacity  .2s;
	-o-transition: opacity  .2s;	
}
#browseright:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
#browseright:active{
	opacity: 0.55;
	filter: alpha(opacity=55);
}

#browseleft{
	float: left;
	padding-top:55px;
	height: 222px;
	width: 51px;
	background: url('../images/visualbrowsebtn1.png') no-repeat right bottom;
	cursor: pointer;
	opacity: 0.65;
	filter: alpha(opacity=65);
	transition: opacity .2s;
	-moz-transition: opacity  .2s;
	-webkit-transition: opacity  .2s;
	-o-transition: opacity  .2s;		
}
#browseleft:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
#browseleft:active{
	opacity: 0.55;
	filter: alpha(opacity=55);
}

 .ornateBtn{
	/*position: absolute;*/
	/*top: 261px;
	left: 614px;*/
	width: 434px;
	height: 167px;
	margin: 0 auto;
	/*background: url('../images/ornate.png') no-repeat center top;*/
}
.ornateBtn a:link,
.ornateBtn a:visited{
	text-transform: uppercase;
	color: #ffffc8;
	text-align: center;
	width: 434px;
	height: 93px;
	padding: 70px 0 0 0;
	margin: 0px auto 0px auto;
	font-family: 'PT Serif', times ,serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	text-decoration: none;
	background-image: url('../images/ornatesprite.png');
	background-repeat: no-repeat;
	background-position: 0px -167px;
	display: block;
	text-shadow: 0px 0px 6px #000;
	opacity: .80;
	filter: alpha(opacity=80);
	transition: opacity .2s;
	-moz-transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
}
.ornateBtn a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.ornateBtn a:active{
	background-position: 0px 0px;
	height: 91px;
	padding: 72px 0 0 0;
}
.ornateBtn span{
	text-shadow: 0px 0px 3px #000;
}

.ornateBtn2bg{
	margin: 0px auto 0px auto;
	width: 422px;
	height: 129px; /*167px;*/
	padding: 38px 0 0 0;
	background: url('../images/ornateBTNbg.png') no-repeat center top;
}

.ornateBtn2 a:link,
.ornateBtn2 a:visited{
	text-transform: uppercase;
	color: #ffffc8;
	text-align: center;
	width: 322px;
	height: 58px;
	padding: 33px 0 0 0;
	margin: 0px auto 0px auto;
	font-family: 'PT Serif', times ,serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	text-decoration: none;
	background-image: url('../images/ornatesprite2.png');
	background-repeat: no-repeat;
	background-position: 0px -182px;
	display: block;
	text-shadow: 0px 0px 6px #000;
}
.ornateBtn2 a:hover{
	background-position: 0px -91px;
}
.ornateBtn2 a:active{
	background-position: 0px 0px;
	height: 56px;
	padding: 35px 0 0 0;
}
.ornateBtn2 span{
	text-shadow: 0px 0px 6px #000, 0px 0px 3px #000, 0px 0px 1px #000;
}

#topMenuDecor{
	position: absolute;
	z-index: 15;
	/*height: 24px;*/
	height: 128px;
	width: 100%;
	background: url('../images/topmenudecor2.png') no-repeat center top;
}
#BottomDecor{
	position: absolute;
	z-index: 16;
	top: 413px;
	height: 55px;
	padding: 0px;
	margin: 0px;
	background: url('../images/visualbottomdecor.png') no-repeat center bottom;
	width: 100%;
}
/*=====================================*/
/*=====================================*/

.pageWrapperTop{
	background: url('../images/pageWrapperTop.png') no-repeat center top;
	width:100%;
	height: 73px;
}

.pageWrapper0{
	/*clear: both;*/
	/*margin: 0 auto;*/
	/*width: 958px;*/
	/*background: url('../images/frontPaneBG_tile.png') repeat-y center top;*/
	/*padding: 0 96px;*/
	/*border	: 1px solid #f10;*/
	
	background: url('../images/pageWrapperBottom.png') no-repeat center bottom, url('../images/frontPaneBG_tile.png') repeat-y center 77px;
}

.pageWrapper{
	clear: both;
	margin: 0 auto;
	width: 958px;
	padding: 0;
	/*border	: 1px solid #f10;*/
	
	/*This needs an update for these type of pages*/
	/*background: url('../images/BG_bottom_plainpage.jpg') no-repeat center bottom, url('../images/BG_top_plainpage.jpg') no-repeat center top, url('../images/BG_tile_plainpage.jpg') repeat-y center top;*/
}

.tiledBG{
	position: relative;
	clear: both;
	background: url('../images/BG_bottom_plainpage.jpg') no-repeat center bottom, url('../images/BG_top_plainpage.jpg') no-repeat center top, url('../images/BG_tile_plainpage.jpg') repeat-y center top;
	/*background: url('../images/BGtile01.jpg') no-repeat center top, url('../images/BGtile03.jpg') no-repeat center bottom, url('../images/BGtile02.jpg') repeat-y center top;*/
}

/* general item stuff - titles etc =================*/
.itemTitle{
	height: 23px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d8be78;
	margin-bottom:  16px; /*45px;*/
}

.itemTitle00{
	float: left;
	font-size: 18px;
	font-weight: 700;
	color: #efdeaa;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(55%, rgba(0,0,0,1)), color-stop(64%, rgba(0,0,0,.7)), to(rgba(0,0,0,.7)));

}

.itemTitle01 a:link,
.itemTitle01 a:visited{
	text-transform: uppercase;
	
	text-align: right;
	margin-top: 4px;
	padding-right: 17px;
	float: right;
	font-size: 14px;
	font-weight: 700;
	/*color: #f0f0bd;*/
	/*width: 302px;*/
	width: 270px; /* 202px;*/
	
	border: 0px solid #f48;
	/*background: url('../images/smallArrow01.png') no-repeat right center; */
	background: url('../images/smallArrow03.png') no-repeat;
	/*background-position: 310px 5px;*/
	background-position: 278px 5px;

	/*transition: background-position .05s;
	-moz-transition: background-position  .05s;
	-webkit-transition: background-position  .05s;
	-o-transition: background-position,  .05s;*/
	
	text-decoration: none;
	color: #f6eccd;
}
.itemTitle01 a:hover{
	text-decoration: none;
	color: #fff; /*#f0f0bd;*/
	/*background-position: 312px 5px;*/
	/*background-position: 280px 5px;*/
	background: url('../images/smallArrow01.png') no-repeat;
	background-position: 278px 5px;
}

/* newstuff =====================================*/
#newswrapper{
	float: left;
	width: 632px;
	padding-top: 30px;
}

.newsitem{
	border-bottom: 1px solid #55514b;
	padding-bottom: 17px;
	padding-top: 22px;
	/*margin-bottom: 22px;*/
	min-height: 127px;
}

.newsThumbFront{
	position: relative;
	float: left;
	display: block;
	width: 223px;
	height: 120px;
	border: 1px solid #55514b;
	box-shadow: 0 0 8px #000, 0 0 4px #000;
}
.newsThumbFront:hover{
	border: 1px solid #ffcc00;
}
.newsThumbFront:after{
	content: "";
	height: 11px;
	width: 114px;
	position: absolute;
	top: 121px;
	left: 54px;
	display: block;
	background: url('../images/newsflair.png') no-repeat right center;
}

.newsitem:hover{
	/*background-color: rgba(255, 255, 255, 0.03);*/
}

.newsitem:hover > .newsHeader a{
	color: #f6f4f2;
}
.newsitem:hover > a .newsThumbFront{
	/*border: 1px solid #86837e;*/
	border: 1px solid #ffcc00;
}
.newsitem:hover > .newsBody{
	color: #a6a39f;
}

.newsBody{
	font-size: 14px;
	line-height: 21px;
	/*color: #969697;*/ /*#bebebf;*/
	color: #98928a;
	padding-left: 248px;
	position: relative;
}

.newsBody iframe{
	position: relative;
	margin-top: 25px;
	right: 248px;
	width: 629px;
	height: 354px;
	clear: both;
	border: 1px solid #55514b;
	box-shadow: 0 0 8px #000, 0 0 4px #000;
}


.newsBody a:link,
.newsBody a:visited,
.newsBody a:active{
	color: #fff;
}
.newsBody a:hover{
	/*color: #cec9c2;*/
	color: #ffcc00;
}



.newsHeader{
	/*width: 500px;*/
	/*float: left;*/
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #cec9c2;
	
	padding-left: 248px;
}
.newsHeader a:link,
.newsHeader a:visited,
.newsHeader a:active{
	/*color: #fff;
	color: #a59f96;*/
	color: #cec9c2;
	text-shadow: 0 0 6px #000000, 0 0 4px #000000, 0 0 2px #000000, 0 0 1px #000000;
}
.newsHeader a:hover{
	/*color: #ccc;
	color: #a59f96;*/
	color: #f6f4f2;
}

.newsdate{
	font-size: 12px;
	font-weight: 700;
	color: #736d65;
	
	margin: 9px 0px;
	padding-left: 248px;
	
	/*width: 131px;*/
	/*margin-right: 40px;*/
}

/*
.newsBtn{
	font-size: 12px;
	padding-left: 100px;
	color: #f0f0bd;
	width: 72px;
	border: 0px solid #f48;
	margin-top: 10px;
	//background: url('../images/smallArrow01.png') no-repeat right center;
	background-image: url('../images/smallArrow01.png');
	background-repeat: no-repeat;
	background-position: 163px 3px;
}
.newsBtn a:link,
.newsBtn a:visited{
	text-decoration: none;
	color: #f0f0bd;
}
.newsBtn a:hover{
	text-decoration: underline;
	color: #f0f0bd;
}*/

/*==========================================================*/
/*==========================================================*/

#faqwrapper{
	/*width: 632px;*/
	padding-top: 30px;
}

.faqitem{
	/*border-bottom: 1px solid #262218;*/
	border-bottom: 	1px solid #272522;
	padding-bottom: 28px;
	margin-bottom: 28px;
	width: 795px;
}

.faqBody{
min-height: 50px;
	padding-left: 40px;
	font-size: 16px;
	line-height: 21px;
	/*color: #bebebf;*/
	/*color: #736D65;*/
	color:#98928a;
}

.faqHeader{
	min-height: 50px;
	padding-left: 40px;
	font-size: 16px;
	font-weight: 700;
	margin:  5px 0 5px 0;
	/*color: #B0A79B;*/
	color: #cec9c2;
}

.QA{
	float: left;
	position: relative;
	top: -5px;
	font-size: 24px;
	color: #777;
	font-weight: 700;
	color: #B0A79B;
}

/*==========================================================*/
/*==========================================================*/



/* EXTRA STUFF ======================================*/
#extrawrapper{
	float: right;
	width: 306px;
	padding-top: 30px;
}

.extraImage{
	margin-top: 31px;
}

.itemTitleSmeed{	
	position: relative;
	top: -15px;
	float:right;
	width: 75px;
	height: 46px;
	background: url('../images/titlesmeed.png') no-repeat right bottom; 
}

.sideblock{
	width: 306px;
	/*height: 201px;*/
	margin: 0 0 12px 0; 
	/*background: url('../images/sideblock.jpg') no-repeat left top;*/
}
.sideblockheader{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	/*color: #cec9c2;*/
	
	/*height: 18px;*/
	/*padding-top: 10px;
	padding-bottom: 2px;*/
	margin: 15px 0 10px 0; 
	text-align: center;
}
.sideblockbody{
	/*height: 201px;*/
	/*padding-left: 14px;*/
}
.sideblockbody a:link,
.sideblockbody a:visited,
.sideblockbody a:active{
	width: 306px;
	height: 201px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;

	/*transition: box-shadow .3s;
	-moz-transition: box-shadow  .3s;
	-webkit-transition: box-shadow  .3s;
	-o-transition: box-shadow  .3s;*/
	
	border: 1px solid #55514b;
	box-shadow: 0 0 8px #000, 0 0 4px #000;
}
.sideblockbody a:hover{
	background-position: 0px -201px;
	/*opacity: 1;
	filter: alpha(opacity=100);*/
	
	border: 1px solid #ffcc00;

}
.sideblockfooter{
	padding: 0 20px;
	height: 22px;
	font-size: 12px;	
	text-align: right;
}

/* STORY STUFF ======================================*/ 
#storywrapper{
	/*padding-top: 30px;*/
	padding: 15px 0 0 0;
	clear: both;
}

.storyTitle{
	font-size: 17px;
	font-weight: 400;
	/*padding-bottom: 14px;*/
	height: 48px;
	overflow: hidden;
	/*margin: 5px 0 5px 0;*/
}
.storyTitle a:link,
.storyTitle a:visited,
.storyTitle a:active{
	/*color: #fff;*/
	/*color: #f6f4f2;*/
	color: #cec9c2;
}
.storyTitle a:hover{
	/*color: #ccc;*/
	
	/*color: #cec9c2;*/
	color: #fff;
}

.storyDate{
	font-size: 12px;
	font-weight: 700;
	color: #736D65;
	margin: 9px 0;
}

.storyBody{
	font-size: 14px;
	line-height: 21px;
	/*color: #bfbfc0;*/
	/*color: #969697;*/
	color: #98928a;
	margin: 0px; /*0 19px 0;*/
	height: 260px;
	/*height: 205px;*/
	width: 306px;
	overflow: hidden;
}

.NOstoryCopy:after{
	content: ""; 
	display: block;
	background-size: 100%;
	
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, rgba(001,001,002,0) 0%, #010102 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, rgba(001,001,002,0) 0%, #010102 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, rgba(001,001,002,0) 0%, #010102 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(001,001,002,0)), color-stop(1, #010102));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, rgba(001,001,002,0) 0%, #010102 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, rgba(001,001,002,0) 0%, #010102 100%);
	
	
	/*border:1px solid #f00;*/
	bottom: 0;
	left: 0;
	width: 100%;
	position: absolute;
	height: 50%;	
}

.storyCopy{
	position: relative;
	height: 110px;
	overflow: hidden;
	/*border: 1px solid #f0f;*/
}
	
.storyBody p{
	margin: 0;
	padding: 0;
}

.storyImage{
	margin: 0 0 5px 0;
	padding: 0px;	
}

/*
.storyImage a:link,
.storyImage a:visited,
.storyImage a:active
{
	overflow: hidden;
	width: 304px;
	height: 129px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #55514b;
	box-shadow: 0 0 8px #000, 0 0 4px #000, inset 0 0 4px #000;
}
.storyImage a:hover{
	border: 1px solid #ffcc00;
}*/

.storyImage{
	overflow: hidden;
	width: 304px;
	height: 129px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #55514b;
	box-shadow: 0 0 8px #000, 0 0 4px #000, inset 0 0 4px #000;
}


.storyImage img{
	width: 306px;
	height: 131px; /*122px;*/
	margin: 0px;
	padding: 0px;
	
/*-moz-box-shadow: inset 0 0 5px #000;
-webkit-box-shadow: inset 0 0 5px #000;
box-shadow: inner 0 0 5px #000;		*/
}



.storyItem{
	position: relative;
	float: left;
	width: 306px;
	border: 0px solid #f47;
	margin: 0 20px 45px 0;
}

.storyItem:hover{
	/*background-color: rgba(255, 255, 255, 0.03);*/
}

.storyItem:hover > .storyTitle a{
	color: #f6f4f2;
}
.storyItem:hover > .storyBody a .storyImage{
	/*border: 1px solid #86837e;*/
	border: 1px solid #ffcc00;
}
.storyItem:hover > .storyBody{
	color: #a6a39f;
}

/*.storyItem:hover > .storyFooter{
	border-top: 1px solid #ffcc00;
	border-bottom: 1px solid #ffcc00;
}*/
.storyItem:hover > .storyFooter .storyBtn a{
	color: #ffcc00;
}
.storyItem:hover > .storyFooter .storyBtn a:after{
	background: url('../images/smallArrow01_h.png') no-repeat right center;
}

.laststory{
	float: right;
	margin: 0 0 20px 0;
}

.storyFooter{
	clear: both;
	padding: 10px 2px;
	border-top: 1px solid #55514b;
	border-bottom: 1px solid #55514b;
}

.storyBtn{
	font-size: 12px;
	color: #f0f0bd;
	text-align: right;
	padding-right: 14px;
	border: 0px solid #f48;
}

.storyBtn a:link,
.storyBtn a:visited{
	text-transform: uppercase;
	position: relative;
	text-decoration: none;
	color: #fff;
}
.storyBtn a:hover{
	color: #ffcc00;
}

.storyBtn a:after{
	content: "";
	height: 11px;
	width: 11px;
	position: absolute;
	top: 3px;
	right: -17px;
	display: block;
	background: url('../images/smallArrow01.png') no-repeat right center;
}

.storyBtn a:hover:after{
	background: url('../images/smallArrow01_h.png') no-repeat right center;
}

/*===============================================*/
/*= OVERVIEW ===========================================*/

#overviewWrapper{
	width: 958px;
	padding: 15px 0 50px 0;
	margin: 0px auto 0px auto;
}

#overviewWrapper ul{}
#overviewWrapper li{
		list-style-type:none;
}


.explLine{
	width: 306px;
	margin: 20px auto;
	border-bottom: 1px solid #55514b;
}

.explTitle{
	width: 795px;
	width: 632px;
	margin:  0 0 15px 0;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	/*color: #736D65;*/
	/*color: #b6ada0;*/
	color: #cec9c2;
	font-size: 21px;
	font-weight: 700;
	font-style: italic;
}

.explTxt{
	width: 795px;
	width: 632px;
	margin: 25px auto;
	font-size: 14px;
	line-height: 24px;
	/*color: #BEBEBF;*/
	text-align: center;
	
	/*color: #736D65;*/
	
	/*color: #b6ada0;*/
	color: #98928a;
	
	font-size: 14px;
	/*padding: 20px 0px;*/
	/*border-bottom: 1px solid #272522;
	border-top: 1px solid #272522;	*/
}
.explTxt b{
	/*color: #b0a79b;*/
	color: #b6ada0;
}

.unitCard{
	position: relative;
	width: 958px;
	height: 318px;
	/*border: 1px solid #f00;*/
	background: url('../images/unitCard_bg.jpg') center 18px no-repeat;
	/*border-bottom: 1px solid #63605b;*/
}

.unitRow{
	position: relative;
	/*border: 1px dotted #ff0;*/
	min-height: 72px;
	/*margin-bottom: 28px;*/
	margin-bottom: 16px;
}

.rowLabel{
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	float: left;
	padding: 28px 0 0 5px;
}

.rowCollection{
	margin-left: 92px;
}

.unitName{
	font-size: 24px;
	color: #f5eedf;
	font-weight: 700;
	padding: 50px 0 21px 0;
	text-shadow: 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 2px #000;
	text-transform:uppercase;
}


.skillIcon{
	position: relative;
	float: left;
	width: 64px;
	height: 64px;
	padding: 4px;
	/*z-index: 789;*/
	margin-right: 23px;
	cursor: help;
}
.skillIcon:after{
	pointer-events: none;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/BronzeSkillFrame_sprite.png');
	background-position: 0px -72px;
	background-repeat: no-repeat;
	width: 72px;
	height: 72px;
	display: block;

}
.skillIcon:hover:after{
	background-position: 0px 0px;
}

.unitIcon{
	position: relative;
	float: left;
	width: 64px;
	height: 64px;
	padding: 4px;
	/*z-index: 789;*/
	margin-right: 23px;
}
.unitIcon:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/BronzeSkillFrame_sprite.png');
	background-position: 0px -72px;
	background-repeat: no-repeat;
	width: 72px;
	height: 72px;
	display: block;

}


.unitImg{
	float: left;
	width: 306px;
	height: 306px;
	/*border: 2px dotted #497;*/
	background-position: center 12px;
	background-repeat: no-repeat;
}

.unitDetails{
	margin-left: 302px;
	margin-right: 163px;
	/*border: 1px dashed #0f0;*/
}

.unitDesc{
	font-size: 14px;
	font-family: 'PT Serif', Times, Serif;
	color: #f5eedf;
	margin-left: 70px;
	padding-left: 26px;
	padding-top: 1px;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*------------------------TOOLTIP---------------------------------------------------------------------------------------*/

a.tooltip {
	outline:none; 
	cursor: help;
}
a.tooltip strong {
	line-height:30px;
}
a.tooltip:hover {
	text-decoration:none;
} 
a.tooltip span {
    z-index:1013;
	display:none;
	padding: 14px 20px 18px 20px ;
    margin-top:8px;
	margin-left:-109px;
    width:240px;
	font-size: 13px;
	line-height:18px;
	text-align: center;
	
	-moz-box-shadow: 0px 0px 8px 4px #000;
    -webkit-box-shadow: 0px 0px 8px 4px #000;
    box-shadow: 0px 0px 8px 4px #000;

    opacity: 1;
	background: #000000;
}

a.tooltip:hover span{
    display:block;
	position:absolute;
    border:2px solid #7c776e;
	color:#fff5e9;
    
	background: url('../images/ttcorner1.png') left top no-repeat, url('../images/ttcorner2.png') right top no-repeat, url('../images/ttcorner3.png') right bottom no-repeat, url('../images/ttcorner4.png') left bottom no-repeat, url('../images/ttbg.png') center center repeat;
}

a.tooltip .title {
	font-weight: 800;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
	font-size: 16px;
}

a.tooltip span:after {
	content: "";
	position: absolute;
	top: -14px;
	left: 120px;
	background-image: url('../images/ttPointer.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 41px;
	height: 13px;
	display: block;
}

/*.callout {
z-index:20;
position:absolute;
border:0;
top:-14px;
left:120px;
}*/
    
/*CSS3 extras*/
/*a.tooltip span
{
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        
    -moz-box-shadow: 0px 0px 8px 4px #000;
    -webkit-box-shadow: 0px 0px 8px 4px #000;
    box-shadow: 0px 0px 8px 4px #000;

    opacity: 1;
	background-color: #000000;
}*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/



.overviewshort{
	position: relative;
	height: 212px;
	width: 958px;
}

.overviewname{
	position: absolute;
	left: 11px;
	top: 143px;
	font-size: 26px;
	font-weight: bold;
	text-shadow: 0 0 3px #000, 0 0 5px #000;
}

.overviewdescription{
	position: absolute;
	left: 200px;
	top: 10px;
	font-size: 14px;
	font-weight: regular;
	width: 450px;
	text-shadow: 0 0 3px #000, 0 0 5px #000;
}

.overviewunitbuilding{
	position: absolute;
	left: 200px;
	top: 80px;
	font-size: 14px;
	font-weight: regular;
	width: 450px;
	text-shadow: 0 0 3px #000, 0 0 5px #000;
}

.overviewname b{
	position: absolute;
	width: 602px;	
	color: #fff;
    /*color: #9f8f73;  
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), color-stop(55%, rgba(0,0,0,0.1)), color-stop(64%, rgba(0,0,0,0.9)), to(rgba(0,0,0,0.9)));*/
}
.overviewname a{
	position: absolute;
	text-shadow: 0px 0px 6px #000, 0px 0px 4px #000, 0px 0px 6px #000, 0px 0px 3px #000, 0px 0px -4px #fef8e7;
	text-decoration: none;  
	width: 602px;
    color: #fef9eb;  	
}

.overviewbtn{
	position: absolute;
	top: 142px;
	left: 714px;
	width:162px;
	margin-bottom: 21px;
	box-shadow: 0px 0px 15px #000, 0px 0px 10px #000, 0px 0px 5px #000;
}

.overviewbtn a:link,
.overviewbtn a:visited{
	text-transform: uppercase;
	text-align: center;
	background-image:url('../images/postBtn.jpg');
	background-position:0px -68px;
	background-repeat:no-repeat;
	font-family: 'PT Serif', times, serif;
	/*color:#ffffc8;*/
	color:#fff;
	font-weight: bold;
	font-size:12px;
	text-shadow: 0 0 5px #000, 0 0 3px #000;
	border:0px solid #f08;
	width:181px;
	height:25px;
	padding-top:9px;
	display: block;		
	/*z-index: 175;*/
	
	/*opacity: 0.90;
	filter: alpha(opacity=90);
	
	transition: opacity .2s;
	-moz-transition: opacity  .2s;
	-webkit-transition: opacity  .2s;
	-o-transition: opacity  .2s;*/	
}
.overviewbtn a:hover{
	background-position:0px -34px;
	/*color:#ffffc8;*/
	color:#fff;
	/*opacity: 100;*/
	/*filter: alpha(opacity=100);*/
}

.overviewbtn a:active{
	height:22px;
	padding-top:12px;
	/*color:#ffffc8;*/
	color:#fff;
	background-position:0px 0px;
}

.halfpageShort{
	float: left;
	position: relative;
	width: 469px;
	height: 166px;
	margin: 0 14px 0 0;
	/*border: 1px solid #534f4c;*/
	/*box-shadow: 0 0 8px #000, 0 0 4px #000;*/
}

.halfpageShort a:link,
.halfpageShort a:active,
.halfpageShort a:visited{
	width: 469px;
	height: 166px;
	display: block;
	border: 1px solid #534f4c;
}
.halfpageShort a:hover{
	border: 1px solid #ffcc00;
}

.halfpageShort .label{
	position: absolute;
	top: 115px;
	left: 26px;
	font-family: 'PT Serif', times, serif;
	font-size: 27px;
	font-weight: 700;
	
}

.lasthalfpageShort{
	float: right;
	margin: 0;
}

.halfpageShort a:link,
.halfpageShort a:visited{
	opacity: 0.90;
	filter: alpha(opacity=90);
	
	transition: opacity .2s;
	-moz-transition: opacity  .2s;
	-webkit-transition: opacity  .2s;
	-o-transition: opacity  .2s;	
}
.halfpageShort a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*===============================================*/
/*===============================================*/


.mediaWrapper{
	clear: both;
	width: 958px;
	padding: 15px 0 50px 0;
	margin: 0px auto 0px auto;
	border: 0px dashed #882222;
}

.mediaWrapper iframe{
	border: 1px solid #262218;
}

.mediaWrapperShort{
	float:left;
	/*clear: both;*/
	/*width: 632px;*/
	width: 469px;
	padding: 15px 0 50px 0;
	/*margin: 0px auto 0px auto;*/
	border: 0px dashed #882222;
}

.halfpagemovie{
	float:left;
	width: 469px;
	height: 264px;
	margin: 15px 0 50px 0;
	border: 0px dashed #882222;
}

.movieWrapperShort{
	float:right;
	width: 469px;
	/*width: 306px;*/
	padding: 15px 0 50px 0;
	margin: 0px auto 0px auto;
	border: 0px dashed #882222;
}

.thumbsrow ul{
list-style: none;
padding: 0;
margin: 0;
}

.thumbsrow li{
	display: inline-block;
	padding: 0;
}

.thumbsrow a:link,
.thumbsrow a:visited,
.thumbsrow a:active{
	opacity: 0.85;
	filter: alpha(opacity=85);
	
	transition: opacity .3s;
	-moz-transition: opacity  .3s;
	-webkit-transition: opacity  .3s;
	-o-transition: opacity  .3s;
}

.thumbsrow a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*.thumbsrow .listy {
	width: 143px;
	height: 89px;
	line-height: 0;
	overflow: hidden;
	word-spacing: normal;
	vertical-align: top;
	box-shadow: 0 0 5px #000;
	margin: 0 17px 20px 0;
}

.thumbsrow .lasty{
	margin: 0 0 20px 0;
}*/

.listmini {
	line-height: 0;
	/*overflow: hidden;*/
	word-spacing: normal;
	vertical-align: top;
	box-shadow: 0 0 8px #000, 0 0 4px #000;
	margin: 0 14px 20px 0;
	border: 1px solid #534f4c;
}

.listmini:hover{
	border: 1px solid #ffcc00;
}

.lastmini{
	line-height: 0;
	/*overflow: hidden;*/
	word-spacing: normal;
	vertical-align: top;
	box-shadow: 0 0 8px #000, 0 0 4px #000;
	margin: 0 0 20px 1px;
	border: 1px solid #534f4c;
}
.lastmini:hover{
	border: 1px solid #ffcc00;
}

.minithumb{
	width: 143px;
	height: 89px;
}

#featureWrapper{
	clear: both;
	padding: 15px 0 0 0;
	margin: 0px 0 0 0;
}


.featureShort{
	width: 306px;
	height: 310px;
	/*overflow:hidden;*/
	float:left;
	margin-right: 20px;
	/*margin-bottom: 40px;*/
	margin-bottom: 10px;
}
.lastfeature{
	margin-right: 0px;
}


.featureShortThumb{
	width: 304px;
	height: 164px;
	overflow: hidden;
	border: 1px solid #534f4c;
	box-shadow: 0 0 8px #000, 0 0 4px #000;
}

.featureShortThumb:hover{
	border: 1px solid #ffcc00;
}

.featureShortThumb img{
	width: 306px;
	height: 166px;
}

.featureShortThumb a:link,
.featureShortThumb a:visited,
.featureShortThumb a:active{
	opacity: 0.85;
	filter: alpha(opacity=85);
	
	transition: opacity .3s;
	-moz-transition: opacity  .3s;
	-webkit-transition: opacity  .3s;
	-o-transition: opacity  .3s;
}
.featureShortThumb a:hover{
	opacity: 1;
	filter: alpha(opacity=100);	
}

.featureShortTxt{
}

.featureShortTitle{
	margin-top: 6px;
	font-size: 14px;
	line-height: 26px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	color: #cec9c2;
}
.featureShortTitle a:link,
.featureShortTitle a:visited,
.featureShortTitle a:active{
	color: #fff;
}
.featureShortTitle a:hover{
	color: #ccc;
}

.featureShortBody{
	font-weight: 400;
	color: #e9e9ce;
	font-size: 14px;
	line-height: 26px;
}

/*====== BIG FEATURE ==================*/
/*=====================================*/

.featHeader{
	position: relative;
	margin-top: 20px;
	clear: both;
	width: 958px;
	height: 152px;
	padding-top: 25px;
	background: url("../images/featHeader.jpg") no-repeat center top;
}

.featHeader:after{
	content: "";
	position: absolute;
	top: 177px;
	right: 0px;
	display: block;

	width: 958px;
	height: 13px;
	background: url("../images/featHeader_after.png") no-repeat center top;
	z-index: 145;
}

.featOverview{
	text-align: center;
	line-height: 24px;
	width: 958px;
	padding: 0px 0 15px 0;
	margin: 0px auto 20px auto;
	/*border-bottom: 1px solid #272522;*/
	display: block;
} 
.featOverview ul{
	list-style-type: none;
	/*width: 200px;*/
	/*width: 31%;*/
	width: 299px;
	padding: 0;
	margin: 0;
	/*float: left;*/
	/*height: 120px;*/
	display: inline-table;
	/*list-style-image: url('../images/smallArrow02.png');*/
	list-style-image: none;
	/*padding-left: 2%;*/
	/*padding-left: 20px;*/
}

.featOverview ul li{
}

.featOverview ul li a:link,
.featOverview ul li a:visited{
	/*color: #b5ac9f;*/
	color: #98928a;
	font-size: 14px;	
	text-decoration: none;
}
.featOverview ul li a:hover{
	/*color: #736D65;	*/
	color: #fff;	
	font-size: 14px;	
	text-decoration: none;
}

.bigfeatureWrap{
	width: 100%;
	height: 416px;
}

.bigfeat1{
	background-image: url("../features/bigfeat1.jpg");
	background-position: center top;
	background-repeat: no-repeat;
}

.bigfeat2{
	background-image: url("../features/bigfeat2.jpg");
	background-position: center top;
	background-repeat: no-repeat;
}

.bigfeature1{
	position: relative;
	margin: 0 auto;
	padding-top: 55px;
	padding-left: 509px; 
	width:  469px;
}

.bigfeature2{
	position: relative;
	margin: 0 auto;
	padding-top: 55px;
	padding-right: 489px; 
	width:  489px;
}

.bigfeattxt{}

.bigfeattitle{
	font-weight: 400;
	font-size: 32px;
	text-shadow: 0 0 5px #000, 0 0 10px #000;
	color: fefaee;
	margin-bottom: 25px;
}

.bigfeatbody{
	font-size: 16px;
	line-height: 26px;
	text-shadow: 0 0 5px #000;
	color: fefaee;
}
.bigfeatscreens1{
	position: absolute;
	top: 337px;
	left: 470px;
	border: 0px solid #f78;
	width: 475px;
	height: 89px;
	margin: 0 0 0 19px;
}

.bigfeatscreens2{
	position: absolute;
	top: 337px;
	left: 0px;
	border: 0px solid #f78;
	width: 475px;
	height: 89px;
}

.bigfeatureWrap ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.bigfeatureWrap li{
	width: 143px;
	height: 89px;
	display: inline-block;
	position: relative;
	margin: 0px;
	padding: 0;
}

.bigfeatureWrap img{
	width: 143px;
	height: 89px;
}

.bigfeatureWrap .lasty{
	margin: 0;
}

.bigfeatthumbs{
	width: 143px;
	height: 89px;
}

.featDivider{
	width:1000px;
	height: 19px;
	margin: 0 auto;
	background: url('../images/featDivider.jpg') no-repeat center top; 
}

.bigfeattrailer{}

/*=====================================*/
/*=====================================*/



#footerdivider{
	clear: both;
	/*margin: 10px 0px;*/
	height: 110px;
	padding: 0;
	background: url('../images/footerdivider.jpg') no-repeat center top; 
}

/*======Flash and stuff================*/
/*=====================================*/
	
	#flashWrapper{
		width:100%;
		overflow:visible;
		border:0px dotted #fff;
	}
	
	#flashContainer{
		margin-left:auto;
		margin-right:auto;
		border: 0px dashed #882222;
		z-index:1;
		background-color: transparent;
		text-align:center;
		/*position:relative;
		top:-3px;*/
		/*left:-352px;*/
		overflow:visible;
	}
	
	#bottomBarWrapper{
		margin-left:auto;
		margin-right:auto;
		width:956px;
		overflow:visible;
	}
	
	/*#bottomBar{
		background:#0a0b0d url('../images/bottomBar.jpg') no-repeat center top;
		height:16px;
		width:100%;
	    position:relative;
		top: -3px;
		margin-top:1px;
	}*/
	
	#featuresBarWrapper{
		margin-top:10px;
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;
		width:964px;
		overflow:visible;
		text-align:center;
		height:75px;
	}
	
	#featuresBar{
		background: url('../images/featuresBar.jpg') no-repeat center top;
		height:75px;
		width:964px;
		margin-left:auto;
		margin-right:auto;
	}	
	
	#featureDesc{
		padding:0px;
		text-align:center;	
		font-family: Georgia, times, serif;
		font-size:14px;
		line-height: 22px;
		color:#eee;
		font-weight:bold;
		margin-left: auto;
		margin-right: auto;
		border:0px solid #f00;
		padding:16px 98px 5px 98px;
	}	

/*=====/Flash and stuff================*/
/*=====================================*/


/*=====================================*/
/*=========TEXTPAGE SPECIFIC===========*/
/*
	#txtpage{
		position: relative;
		left: 1px;
		margin-left: auto;
		margin-right: auto;
		padding:31px 0 0 0;
		background:url('../images/textPageTop.jpg')  no-repeat center top;
		border: 0px solid #ff5500;
		margin-bottom:20px;
		width: 956px;
		min-height: 25px;
	}
	
	#mediaLangWrapper{
		position: relative;
		left: 1px;
		top: 30px;
		margin-left: auto;
		margin-right: auto;
		border: 0px solid #ff5500;
		width: 956px;
		z-index: 25;
	}
	
	#flashLangWrapper{
		margin-left: auto;
		margin-right: auto;
		border: 0px solid #ff5500;
		width: 956px;
		z-index: 11;
		position: relative;
		top:-3px;
	}

	#txtpageWrapper{
		position: relative;
		top: -4px;	
		border: 0px solid #ff5599;
		padding: 0px;
		width: 100%;
		background:url('../images/textPageBG.jpg')  no-repeat center top;
		min-height:719px;

	}*/

	.socialBarSmall{
		position:relative;
		top:-20px;
		width:115px;
		height: 58px; /*without padding: 36px;*/
		padding: 8px 0 0 4px;
		border: 0px solid #2e2e2e;
		margin-bottom:18px;
	}

	.newsThumb{
		/*position:relative;
		top:-20px;
		width: 119px;
		height: 119px;*/
		width: 119px;
		min-height: 85px;		
	}

	.newsThumb img{
		border: 1px solid #ffffff;
		margin:0px;
		padding:0px;		
	}
	

	
	.featureTitle{
		border: 0px solid #00ffff;
		width: 604px;
		/*height: 46px; 									/*36px; this and next are linked, changed to make room for 2 lines ONLY in title*/
		margin-bottom: 10px; 								/*18px;*/
		margin-left: 140px;
		margin-top: 15px;

		font-size: 21px;
		font: Georgia, times, serif;
		font-weight: bold;
		color: #ffffff;
		line-height:21px;
		text-align: center;
		float: left;
		overflow:hidden;

	}	

	.press_titleImg{
		width: 100%;
		height:59px;
	}
	
	/*.newsDate{
		
		margin: 10px 0 10px 151px;
		width: 604px;
		font: 11px arial,sans-serif;		
		color: #969696;
		border:0px solid #ffffff;
	}*/
	
	.socialBar{
		width: 604px; /*743px;*/
		margin-left: 149px;
		height: 25px;
		border: 0px solid #f0f;
		margin-bottom:20px;	
		clear:both; 
		padding: 0 0 7px 0px;	
	}	
	
	.newsTitle{
		border: 0px solid #00ffff;
		width: 604px;
		/*height: 46px;*/									/*36px; this and next are linked, changed to make room for 2 lines ONLY in title*/
		margin-bottom: 4px; 								/*18px;*/
		margin-left: 30px;
		font-size: 24px;
		font: 'PT Serif', times, serif;
		font-weight: bold;
		color: #fff;
		line-height:30px;
		float: left;
		overflow:hidden;
	}
	
	.newsTitle a:link,
	.newsTitle a:active,
	.newsTitle a:visited{
		color:#fff;
	}
	
	.newsTitle a:hover{
		color:#dfc65e;		
	}
	
	.newsPost{
		border: 0px solid #00ffff;
		width: 604px;
		font:13px arial,sans-serif;
		line-height:26px;
		color: #ddd;
		text-align: justify;
		margin-left: 30px;
		float: left;
		margin-bottom:20px;
	}
	
	.newsquote {
		color: #898989;
		font-family: 'PT Serif', times, serif;
		font-style:italic;
		line-height: 1.5em;
		text-align: left;
		font-size: 16px;
		padding: 15px 0 15px 28px;
		margin: 24px 0 24px 0;
		text-indent: 0px;
		border-bottom: 1px solid;
		border-top: 1px solid;
		border-color: #555;
		background: url('../images/quote.gif') top left no-repeat;
		background-position: 0px 20px;
	}	
	
	.featurePost{
		border: 0px solid #00ffff;
		width: 604px;

		font:13px arial,sans-serif;
		line-height:26px;
		color: #eee;
		text-align: center;

		margin-left: 140px;
		float: left;
		margin-bottom:20px;
		border:0px solid #fff00f;
	}	

	.newsPost img{
		border:1px solid #ffffff;
		width: 604px;
		overflow: hidden;
		display: block;
		margin-bottom: 18px;
		margin-top: 0px;
	}

	.newsPost  a:link,
	.newsPost  a:visited,
	.newsPost  a:active{
		color: #dfc65e;
		text-decoration: none
	}
	.newsPost a:hover{
		color: #ffff95;
		text-decoration: none
	}
	
	.newsPostSide{
		float: left;
		margin-left:0px;
	}

	.postWrapper{
		margin-top: 10px;
		border:0px dotted #ff00ff;
		padding-left: 37px;
	}

	/*.featureWrapper{
		margin-top: 10px;
		border:0px dotted #ff00ff;
		padding-left: 37px;
	}*/
	
	.titleImg{
		width: 100%;
		height:59px;
		/* background:url('../images/newsTitle.jpg')  no-repeat center top; */
	}

	.feat_titleImg{
		width: 100%;
		height:59px;
		background:url('../images/featuresTitle.jpg')  no-repeat center top;
	}
	
	.postCloser{
		width:881px;
		height:21px;
		clear:both;
		background:url('../images/postCloser.jpg')  no-repeat center top;
	}
	
	.featureCloser{
		width:881px;
		height:21px;
		clear:both;
		border:0px dotted #ff55ff;
		background:url('../images/featureClose.png')  no-repeat center top;
	}

	.ico{
		height: 20px;
		display: block;
		float:left;
		margin-left:6px;
	}

	.icoGplus{
		width: 32px;
		background:url('../images/icoGplus.jpg')  no-repeat center top;
	}

	.icoFB{
		width: 44px;
		background:url('../images/icoFB.jpg')  no-repeat center top;
	}

	.icoTW{
		width: 20px;
		background:url('../images/icoTW.jpg')  no-repeat center top;
	}
	
	.fbbtn{
		float: right;
		margin-left: 25px;
		position: relative;
		top: -10px;
		left: 26px;
		/*width: 52px;
		height: 52px;*/
		border: 0px solid #fff; 
	}
	.fbbtn a{		
		width: 76px;
		height: 76px;
		background:url('../images/fbbtn.jpg');
		background-repeat:no-repeat;		
		background-position: 0px -76px;
		display: block;
	}
	.fbbtn a:hover{
		background-position: 0px 0px;
	}
	

	#newsPaging{
		border: 0px solid #fff;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 18px;
		width:  943px; /*970px;*/
		height: 82px;  /*105px;*/
		background:url('../images/newsPaging.jpg')  no-repeat center top;
		padding: 23px 0 0 27px;
	}
	#Pages{
		margin-left:162px;
		float:left;
		color: #ffffff;	
		border:0px solid #5f5;		
	}

	/*
	#Pages a{
		font-size: 16px;
		font:Caslon, serif;
		font-weight: bold;
		color: #ffffff;
		height: 31px;
		width: 41px;
		border:0px solid #555;
		display:block;
		padding-top:10px;
		background:url('../images/browseBtn.jpg')  no-repeat center top;
		text-shadow: 0 0 5px #000000;
		background-position:0px 0px
	}
	
	#Pages a:hover {background-position:0px -41px}
	*/
	
	.browseBtn{
		/*float: left;*/
		text-align: center;
		height: 36px;
		width: 36px;
		margin-right:4px;
		margin-left:4px;
		overflow: hidden;
	}
	.browseBtn a:link,
	.browseBtn a:visited{
		font-size: 16px;
		font: 'PT Serif', serif;
		font-weight: bold;
		color: #ffffbe;
		color: #fdfcfc;
		height: 30px;
		padding-top:6px;		
		width: 36px;
		border:0px solid #555;
		display:block;
		background:url('../images/browseBtn.jpg')  no-repeat center top;
		text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 3px #000;
		background-position:0px -72px;

		/*opacity: 0.85;
		filter: alpha(opacity=85);
		
		transition: opacity .2s;
		-moz-transition: opacity .2s;
		-webkit-transition: opacity .2s;
		-o-transition: opacity .2s;	*/	
	}
	.browseBtn a:hover{
		background-position:0px -36px;
		opacity: 1;
		filter: alpha(opacity=100);	
	}
	.browseBtn a:active {
		height: 28px;
		padding-top:8px;	
		background-position:0px 0px;
	}
	
	
	.prevnextBtn{
		/*float:left;*/
		text-align: center;
		height: 36px;
		width: 120px;
		margin-right:4px;
		margin-left:4px;
		overflow: hidden;
	}
	.floatright{
		float:right;
	}
	.prevnextBtn a:link,
	.prevnextBtn a:visited{
		font-size: 16px;
		font: 'PT Serif', serif;
		font-weight: bold;
		color: #ffffbe;
		color: #fdfcfc;
		height: 30px;
		padding-top:6px;		
		width: 120px;
		border:0px solid #555;
		display:block;
		text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 3px #000;
		/*background-image: url('../images/prevnextBtn1.jpg');	*/	
		background-position:0px -72px;

		/*opacity: 0.85;
		filter: alpha(opacity=85);
		
		transition: opacity .2s;
		-moz-transition: opacity .2s;
		-webkit-transition: opacity .2s;
		-o-transition: opacity .2s;	*/	
	}
	.prevnextBtn a:hover{
		background-position:0px -36px;
		opacity: 1;
		filter: alpha(opacity=100);	
	}
	.prevnextBtn a:active {
		height: 28px;
		padding-top:8px;	
		background-position:0px 0px;
	}	
	.prevnext1{
		background-image: url('../images/prevnextBtn1.jpg');
	}
	.prevnext2{
		background-image: url('../images/prevnextBtn2.jpg');
	}
	
	.dots{
		font-size: 16px;
		font: 'PT Serif', serif;
		font-weight: bold;
		color: #ffffff;
		padding-top: 10px;
	}
	


	.browseBtnCurrentPage
	{
		/*float: left;*/
		text-align: center;
		height: 36px;
		width: 36px;
		margin-right:4px;
		margin-left:4px;
		overflow: hidden;
	}
	
	.browseBtnCurrentPage a:link{
		font-size: 16px;
		font: 'PT Serif', serif;
		font-weight: bold;
		color: #ffffbe;
		color: #ffffff;
		height: 30px;
		padding-top:6px;		
		width: 36px;
		border:0px solid #555;
		display:block;
		background:url('../images/browseBtnC.jpg')  no-repeat center top;
		text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 3px #000;
		background-position:0px -72px;

		/*opacity: 0.85;
		filter: alpha(opacity=85);
		
		transition: opacity .2s;
		-moz-transition: opacity .2s;
		-webkit-transition: opacity .2s;
		-o-transition: opacity .2s;		*/
	}
	.browseBtnCurrentPage a:hover{
		background-position:0px -36px;
		opacity: 1;
		filter: alpha(opacity=100);	
	}
	.browseBtnCurrentPage a:active {
		height: 28px;
		padding-top:8px;	
		background-position:0px 0px;
	}
	
	#browsePrevBtn{
		float:left;
		text-align: center;
		width:116px;
		height:31px;
		display:block;
		border:0px dashed #0FF;
	}

	#browsePrevBtn a{
		color: #fff;
		display:block;
		border:0px solid #ffffff;
		margin-right:8px;
		font-size: 16px;
		font:Caslon, serif;
		font-weight: bold;
		height:31px;
		padding-top:10px;
		width:116px;
		padding-left:6px;
		background:url('../images/browsePrevBtn.jpg')  no-repeat center top;
		text-shadow: 0 0 5px #000000;
		background-position:0px 0px
	}
	#browsePrevBtn a:hover {background-position:0px -41px}

	#browseNextBtn{
		float:right;
		text-align: center;
		margin-right:22px;
		width:116px;
		height:31px;
		display:block;
		border:0px dashed #0FF;		
	}

	#browseNextBtn a{
		color: #fff;
		display:block;
		border:0px solid #ffffff;
		margin-right:8px;
		font-size: 16px;
		font:Caslon, serif;
		font-weight: bold;
		height:31px;
		padding-top:10px;
		width:116px;
		padding-right:6px;
		background:url('../images/browseNextBtn.jpg')  no-repeat center top;
		text-shadow: 0 0 5px #000000;
		background-position:0px 0px
	}
	#browseNextBtn a:hover {background-position:0px -41px}

	#browseFade{
		margin-left:auto;
		margin-right:auto;
		height:50px;
		width:970px;
		background:url('../images/browseFade.jpg')  no-repeat center top;
	}

	#browseWrapper{
	}


	.footerSingleLine{
		margin-left:auto;
		margin-right:auto;
		width:926px;
		height:11px;
		margin-bottom: 10px;
		background:url('../images/footerSingleLine.jpg')  no-repeat center top;
	}
	
	.featEyeWrapper{
		width:956px;
		height:350px;		
		margin-left:auto;
		margin-right:auto;
	}
	
	#featureBG{
		padding-top:50px;
		width:956px;
		background:url('../images/featureEye.jpg')  no-repeat center top;		
	}
	
	#featEye{
		width:956px;
		height:350px;
		background:url('../images/featureEye.jpg')  no-repeat center top;		
	}
	#featEye2{
		width:956px;
		height:350px;
		background:url('../images/featureEye2.jpg')  no-repeat center top;		
	}	

/*=========/TEXTPAGE SPECIFIC======================================================*/

/*========= IMG BROWSE PANE =======================================================*/


	#thumbsTitle{
		height: 29px;
		width: 182px;
		position:relative;
		left:396px;
		border: 0px solid #ff00ff;
	}


	.screenThumb{
		float:left;
		margin-right: 8px;
		height:132px;
		width:223px;
		background:url('../images/scrThumbBorder.png') no-repeat center top;
		border:0px solid #ffffff;
	}

	.screenThumb img{
		width:	203px;
		height:	114px;
		border: 1px solid #eeeeee;
		position: relative;
		top:8px;
		left:9px;
		opacity:0.35;
		filter:alpha(opacity=35); /* For IE8 and earlier */
		cursor:pointer;
	}

	.screenThumb a{
	}

	.screenThumb a:hover img{
		border: 1px solid #ffffff;
		opacity:1;
		/*filter:alpha(opacity=100);*/ /* For IE8 and earlier */
	}

	
/*- NEW IMAGE PAGE ----------------------------------------------------------------------------------*/

#screenshotContainer{
	width: 866px;
	margin: 0 auto 0 auto;
	padding: 20px 0;
}

.mediashortContainer{
	/*width: 632px;*/
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

.mediashortContainer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.mediashortContainer li{
	display: inline-block;
}


.clearer{
	clear: both;
}
/*.screenThumb2{*/
	/*float:left;*/
	/*margin-right: 8px;*/
	/*height:132px;
	width:223px;*/
	/*background:url('../images/scrThumbBorder.png') no-repeat center top;*/
	/*border:0px solid #ffffff;*/
/*}*/

#screenshotContainer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#screenshotContainer li{
	display: inline-block;
}


#downloadContainer ul,
#screenshotContainer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#downloadContainer li,
#screenshotContainer li{
	display: inline-block;
}

H6{
		font-family: 'PT Serif', times ,serif;
		font-weight: bold;
		font-style: regular;
		font-size: 21px;
		/*color: #888382;*/
		color: #cec9c2;
		text-decoration:none;
		text-align: center;
		padding: 20px 0 20px 0;
		margin: 25px auto 25px auto;
		border-bottom: 1px solid #55514b;
		border-top: 1px solid #55514b;
		text-transform: uppercase;
}

.wallpaper{
	border: 1px solid #55514b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow: 0 0 8px #000, 0 0 4px #000; 
}

.wallpaperCaption{
	color: #6f6b6b;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	padding: 3px 0 3px 0;
	margin: 0 0 3px 0;
}

.wallpaperlinks{
	padding: 0px 50px;
}

.listy{
	position: relative;
	margin: 4px 4px 4px 4px;
	/*width:	203px;*/
	/*height:	114px;	*/
	padding: 0;
	line-height: 0;
	/*letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;*/
}


.listy2{
	position: relative;
	margin: 0px 8px 8px 0px;
	padding: 0;
	line-height: 0;	
}

.listy3{
	margin: 5px 5px 5px 5px;
	padding: 0;
	line-height: 0;
}


.listy5{
	margin: 3px 5px 33px 5px;	
	padding: 0;
	text-align: center;
	width: 309px;
	color: #9a9594;
	font-size: 13px;
}
.listy5 a:link,
.listy5 a:visited,
.listy5 a:active{
	color: #9a9594;
}
.listy5 a:hover{
	color: #c0bab9;
}


.newIcon{
	background:url('../images/newicon.png') no-repeat left top;
	width: 28px;
	height: 28px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 35;
}

.screenThumb1{ /*USED ON INDEX AND PERSONALITY PAGE*/
	display:block;
	width:	141px;
	height:	89px;
	border: 1px solid #564324;
	border: 1px solid #534f4c;

	opacity:15;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	box-shadow: 0 0 4px #000, 0 0 1px #000;
	margin: 0px 0px 0px 0px;
	
	transition: opacity .2s;
	-moz-transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;		
}

.screenThumb2{ /*used on mediaoverview, conceptart, screenshots (and others?)*/
	display:block;
	width:	203px;
	height:	114px;
	border: 1px solid #48381e;
	border: 1px solid #534f4c;

	opacity: .80;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	box-shadow: 0 0 4px #000, 0 0 1px #000;
	margin: 0px 0px 0px 0px;
	
	transition: opacity .2s;
	-moz-transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;		
}

.listy3 a:hover > .screenThumb2{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	border: 1px solid #ffd941;
}

.listy a:link,
.listy a:visited,
.listy a:active{
	width:	203px;
	height:	114px;
}

.listy a:hover > .screenThumb2,
.listy a:hover > .screenThumb1{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	border: 1px solid #ffd941;
}
/*-----------------------------------------------------------------------------------*/
	
	#screenDesc{
		margin-left:auto;
		margin-right:auto;
		width: 900px;
		height: 38px; 						/*41px;*/
		border:0px solid #ff00ff;
		position: relative;
		top:46px;
		text-align: center;
		padding-top:0px;
		overflow:hidden;

		font-size: 13px;
		line-height:20px;
		font-family: Arial, sans-serif;
		color: #8d8e8e;
	}
	#screenDesc img{
		position:relative;
		top:3px;
		border:0px;
	}
	
/*
#dynWrapper	{
	margin-left:auto;
	margin-right:auto;
	width:956px;
	overflow:visible;	
}	
	
#dynScroll{
	margin: 0px auto 0px auto;
	height: 220px;
	padding-top:30px;
	width: 964px; 
	background: url('../images/imgBrowsePane3.jpg') no-repeat center top;
	border:0px solid #0a0b0d;
}
#dynScroll .customScrollBox{
	position:relative;
	left:24px;
	width:916px;
	overflow:hidden;
}
#dynScroll .customScrollBox .horWrapper{
	position:relative;
	left:0;
}
#dynScroll .customScrollBox .container{
	position:relative;
	left:0;
	display:inline-block;
}
#dynScroll .customScrollBox .content{
	clear:both;
}

#dynScroll .customScrollBox .content p{
	padding: 0;
}
#dynScroll .customScrollBox .content p img{
	margin-right:15px;
	height:132px;
	width:221px;
}


#dynScroll .dragger_container{
	position:relative;
	height:20px;
	width:914px;
	border:1px solid #2e2e2e;
	background:#0a0b0d url('../images/scrollbarBG.jpg') repeat-x;
}

#dynScroll .dragger{
	position:absolute;
	width:130px;
	height:20px;
	background:#568723 url('../images/scrollbarEmerald.jpg') no-repeat;
	background-position:0px 0px;
	background-color: #568723;
}

#dynScroll .dragger_pressed{
	position:absolute;
	width:130px;
	height:20px;
	background-position:0px -20px;
	background-color: #79be31;
}

#dynScroll .scrollUpBtn,#dynScroll .scrollDownBtn{
	position:absolute;
	top:0;
	display:inline-block;
	font-family:Arial,sans-serif;
	font-size:large;
	font-weight:normal;
	color:#C30;
	margin:8px 5px 0 10px;
	text-decoration:none;
}

#dynScroll .scrollDownBtn{
	right:10px;
}

#dynScroll .scrollUpBtn{
	right:50px;
}

#dynScroll .scrollUpBtn:hover,#dynScroll .scrollDownBtn:hover{
	color:#fff;
}*/
/*=============/imgscrollpane==========*/
/*=====================================*/

#mediaNavWrapper{
	position:relative;
	border:0px solid #50f;
	width:956px;
	/*width:100%;*/
	/*height:30px;*/
	margin-left:auto;
	margin-right:auto;
	z-index:34;
}

#mediaNav{
	/*float:left;*/
	padding: 3px 20px 0 20px;
	border:0px solid #3f3;
	
	height:188px;
	width: 1024px;

	position: absolute;
	top:148px;
	left:-54px;	
}

#mediaNav #prevBtn{
	float:left;
	border:0px solid #058;
	height:188px;
	width:97px;
	background:url('../images/scrBrowseBtn1.png')  no-repeat center top;
	background-position: 0px -188px;
	z-index:35;
	cursor:pointer;
}
#mediaNav #prevBtn:hover{
	background-position: 0px 0px;
}
#mediaNav #nextBtn{
	float:right;
	border:0px solid #07a;
	/* small arrows
	height:30px;
	width:43px;
	background:url('../images/next.png')  no-repeat center top;
	background-position: 0px -30px;*/

	/* big arrow */
	height:188px;
	width:97px;
	background:url('../images/scrBrowseBtn2.png')  no-repeat center top;
	background-position: 0px -188px;	
	
	z-index:36;
	cursor:pointer;
}
#mediaNav #nextBtn:hover{
	background-position: 0px 0px;
}

/*=============UTILITYBAR==============*/
/*#utilityBar{
	position: relative;
	height:44px;
	width: 956px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding-left:2px;
	border:0px solid #fff;
}*/

#backBtn{
	float:left;
	width: 151px;
	height: 43px;
	background:url('../images/backBtnBG.png')  no-repeat center top;
	position:relative;
	left:-56px;
}



#backBtn a{
	position: relative;
	top:4px;
	left:60px;
	width:31px;
	height:31px;
	display:block;
	border:0px solid #fff;
	background:url('../images/backBtnCore.jpg')  no-repeat center top;
	background-position:0px 0px;
}

#backBtn a:hover{
	background-position:0px -31px
}

#screenshotsTitle{
/*	margin-top: 10px;
	margin-left: 383px;
	float:left;	*/
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;	
	width: 190px;
	height: 30px;
	/*height: 24px;*/
}

#conceptartTitle{
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;
	width: 230px;
	height: 30px;
	border: 0px solid #ff0000;
}


#featuresTitle{
	margin-top: 18px;
	/*margin-top: 10px;*/
	margin-left: 383px;
	width: 190px;
	/*height: 24px;*/
	height: 30px;
	float:left;
}



/*#utilL{
	float:right;
	width:56px;
	height:27px;
	background:url('../images/utilL.png')  no-repeat center top;
}
#utilR{
	float:right;
	width:56px;
	height:27px;
	background:url('../images/utilR.png')  no-repeat center top;
}*/

/*#sound{
	float:right;
	width:28px;
	height:34px;
	background:url('../images/utilityFlag.png')  no-repeat center top;
}*/

/*#sound a{
	margin-top:6px;
	margin-left:5px;
	width: 18px;
	height: 14px;
	border: 0px solid #f5f;
	display: block;
	background:url('../images/soundiconSprite.png')  no-repeat left top;
	background-position:0px 0px;	
}*/




/*============/UTILITYBAR==============*/
/*=====================================*/

/*======langauge Select===============*/
/*=====================================*/

/*#flags{
	float:right;
	width:168px;
	height:34px;
	border:0px solid #fff;
	position:relative;
	right:-56px;
}*/

#flagstxt{
	/*position: absolute;*/
	width:26px;
	margin-top: 13px;
	/*left:872px;*/
	border:0px solid #fff;
	display:block;
	/*z-index:5;*/
	float: right;
	clear: both;
}

/*#country{
	float:right;
	width:28px;
	height:34px;
	
	background:url('../images/utilityFlag.png')  no-repeat center top;
	border: 1px solid #f03;
	display: block;
	
}*/
#flagstxt img{
	width: 10px;
	height: 13px;
	border: 0px solid #f03;
}

#flagstxt a{
	/*margin-top:5px;
	margin-left:9px;*/
	width: 10px;
	height: 13px;
	border: 0px solid #f5f;
	display: block;
	cursor:pointer;
	margin: 0 auto;	
}


#langWrapper{
	/*contains popup with flags*/
	position: relative;
	/*position: absolute;*/
	width: 958px;
	/*width: 100%;*/
	margin: 0 auto;
	/*height: 13px;*/
	z-index: 65;
	padding: 0px;
	border: 0px dotted #55f;
	display: table;
}

#flagPane{
	/*is popup with flags*/

	display:none;
	width: 165px;
	height: 60px;
	padding-left:0px;
	background: url('../images/langSel_BG.png') no-repeat left top;
	border: 0px dashed #0f0;

	/*float: right;	*/
	position: relative;
	left: 825px; /*32px;*/
	
	/*left:823px;
	top:29px;*/
	
	/*position: absolute;*/
	
	
	z-index:66;	
}	

#flagRow{
	float:left;
	margin-left:32px;
	margin-top:4px;
}

#langWrapper .flag{
	float:left;
	
}

#langWrapper .flag a{
	margin-top: 25px;
	width:10px;
	height:13px;
	margin-right: 8px;
	border: 0px solid #ff0;
	display:block;
	background:url('../images/flagiconSprite.png')  no-repeat left top;	
}


#langWrapper .flag a.flag_en-us{
	background-position:0px 0px;
}
#langWrapper .flag a.flag_de{
	background-position:-10px 0px;
}
#langWrapper .flag a.flag_fr{
	background-position:-20px 0px;
}
#langWrapper .flag a.flag_en-uk{
	background-position:-30px 0px;
}
#langWrapper .flag a.flag_pl{
	background-position:-40px 0px;
}
#langWrapper .flag a.flag_ru{
	background-position:-50px 0px;
}

.lang{
}

/*======/language Select===============*/
/*=====================================*/



/*==============MEDIAPAGE==============*/

/*#mediaWrapper{
	margin:0px;
	padding: 0px 0px 10px 0px;
	width:100%;
}*/


/*#screenShotWrapper{
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	width:100%;
	background-color:#0a0b0d;
	margin-bottom: 5px;
	background:url('../images/MediaPageBG2.jpg') repeat-y center top;
}*/
#screenShot{
	background-color:#0a0b0d;
	margin-left:auto;
	margin-right:auto;
	width:916px;
	height:495px;
	border:0px solid #fff;
	border-left:3px solid #e0d176;
	border-right:3px solid #e0d176;		
}

#screenShot iframe{
	border:0px;
	margin:0px;
	padding:0px;
	width:914px; /*916*/
	height:493px; /*495*/
	border-top: 0px solid #00f;
	border-bottom: 0px solid #00f;
	border: 1px solid #111009;	
}

#screenShot img{
	border:0px;
	margin:0px;
	padding:0px;
	border:0px;
}

#theatre{
	background-color:#0a0b0d;
	margin-left:auto;
	margin-right:auto;
	width:916px;
	height:495px;
	border:0px solid #fff;
	border-left:0px solid #e0d176;
	border-right:0px solid #e0d176;		
}
#theatre iframe{
	border:0px;
	margin:0px;
	padding:0px;
	width:914px; /*916*/
	height:493px; /*495*/
	border-top: 0px solid #00f;
	border-bottom: 0px solid #00f;
	border: 1px solid #111009;	
}

#theatre img{
	border:0px;
	margin:0px;
	padding:0px;
	border:0px;
}
/*=============/MEDIAPAGE==============*/
/*=====================================*/



/*=====================================*/
/*======FOOTER=========================*/

	#mainFooter{

	}


	.footer_top{


		/*width:760px;*/
		/*width: 880px;*/
		width: 916px;
		/*height:65px;*/

		margin:0 auto;
		color:#adadad;
		font-weight:600;
		font-family:'Open Sans 600','Open Sans',sans-serif;
		font-family:Open Sans 600;
		font-size:0;
		text-align:justify
	}


	.footer_link{
		display:inline-block;
		color:#d2d2d2;
		margin-left:17px
	}

	.footer_link>.dark_un{
		color:#d2d2d1
	}

	.footer_link>.dark_un:hover{
		color:#f8f8f8
	}

	.footer_social_left,.footer_left{
		text-align:left;
		float:left
	}

	.footer_social_right{
		float:right
	}
	.footer_right{
		text-align:right;float:right
	}

	.footer_right>.footer_link{
		margin-left:12px
	}

	.footer_social{
		display:inline-block;
		font-size:13px;
		overflow:hidden;
		float:left
	}

	.footer_social>b{
		font-weight:600;
		font-family:'Open Sans 600','Open Sans',sans-serif;
		font-family:Open Sans 600;
		display:block;
		line-height:20px;
		height:20px
	}

	.footer_social>a{
		color:#adadad
	}

	.footer_social.face{
		width:450px;
		/*margin-left:105px;*/
		border:0px solid #00ff00
	}

	.footer_social.twit{
		border:0px solid #00ff00;
		width:120px;
	}

	.footer_social.gplus{
		border:0px solid #00ff00;
		width:120px;
	}

	.footer_social.yout{
		border:0px solid #00ff00;
		width:108px;
	}

	.footer_social.rss{
		border:0px solid #00ff00;
		width:132px;
	}

	.footer_social.impr{
		border:0px solid #00ff00;
		width:171px;
		float:right;
	}

	.footer_btn{
		display:inline-block;
		height:22px;
		padding:0 5px;
		position:relative;
		line-height:22px;color:#cbcbcb;
		font-size:10px;
		font-weight:400;
		font-family:'Open Sans 400','Open Sans',sans-serif;
		font-family:Open Sans 400;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		-webkit-background-clip:padding-box;
		-moz-background-clip:padding;
		background-clip:padding-box;
		background-color:#4e4e4e;
		background-image:-moz-linear-gradient(top,#595a59,#4e4e4e);
		background-image:-o-linear-gradient(top,#595a59,#4e4e4e);
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#595a59),color-stop(1,#4e4e4e));
		background-image:-webkit-linear-gradient(top,#595a59,#4e4e4e);
		background-image:-ms-linear-gradient(top,#595a59,#4e4e4e);
		background-image:linear-gradient(top,#595a59,#4e4e4e);
		-pie-background:linear-gradient(top,#595a59,#4e4e4e);
		-webkit-box-shadow:inset 0 0 0 1px rgba(160,160,160,0.15);
		-moz-box-shadow:inset 0 0 0 1px rgba(160,160,160,0.15);
		box-shadow:inset 0 0 0 1px rgba(160,160,160,0.15);
		cursor:pointer;
		-webkit-user-select:none;-moz-user-select:none;
		-ms-user-select:none;-o-user-select:none;user-select:none
	}

	.footer_btn>.icon{
		display:inline-block;
		background:url('http://static.gog.com/www/default/-img/_nav.2557187904.png');
		top:5px;
		left:5px;
		position:absolute;
		margin:0
	}

	.yout>.footer_btn{
		padding-left:39px}.yout>.footer_btn>.icon{background-position:-92px -264px;
		width:30px;
		height:12px
	}

	.rss>.footer_btn{
		padding-left:21px
	}

	.rss>.footer_btn>.icon{
		background-position:-122px -264px;
		width:12px;
		height:12px
	}

	.impr>.footer_btn{
		padding-left:21px
	}

	.impr>.footer_btn>.icon{
		background-position:-134px -264px;
		width:12px;
		height:12px
	}

	.footer_empty_space{
		display:inline-block;
		width:100%
	}

	.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr{
		display:none!important
	}

	.invisible{
		display:none
	}




	#footerWrapper{
		width: 100%;
	}

	/*#footerSmeedTop{
		background:#0a0b0d url('../images/footerTopSmeed.jpg') no-repeat center top;
		height:66px;
		width:956px;
		display:block
	}

	#footerSmeedBottom{
		background:#0a0b0d url('../images/footerBotSmeed.jpg') no-repeat center top;
		height:193px;
		width:956px;
		display:block
	}*/


	#secondFooter{
		padding:0px;
		/*border-top: 1px solid #bca76f;*/
		background: url('../images/footerline.jpg') no-repeat center top; 
		margin-left:auto;
		margin-right:auto;
		/*margin-top:132px;*/
		/*margin-bottom: 0px;*/
		/*height:155px;*/
		width:958px;
	}


	#footerQuicklinks{
		/*height:153px;*/
		border:0px solid #ff00ff;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		color:#adadad;
		font-weight: 400;
		font-size:12px;
		text-align:left
	}

	.QLcol{
		margin-top:20px;
		border:0px solid #000055;
		margin-right:3px;
	 	/*height:90px;*/
	 	width:110px;
		display:inline-block;
		font-size:14px;
		line-height:18px;
		overflow:hidden;
		float:left
	}
	
	.disabledQlink{
		color:#585858;
		padding: 0;
		margin: 0;
	}

	.righted{
		float:right
	}


	.QLheader a:link,
	.QLheader a:visited,
	.QLheader a:active{
			color: #ffffff;
			text-decoration: none
	}

	.QLheader a:hover{
			color: #aaaaaa;
			text-decoration: none
	}

/*======/FOOTER========================*/
/*=====================================*/

#legalFooter{
	clear:both;
	font-family: 'PT Serif', arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	/*border-top: 1px solid #bca76f;*/
	background: url('../images/footerline.jpg') no-repeat center top; 
	padding-top: 20px;
	text-align:center;
	width: 958px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}

#logoWrap{
	margin-top: 10px;
}

#larlogo{
	width:47px;
	height:73px;
}

#logoWrap a{
	border:0px solid #f00;
	display:inline;
	padding: 0 10px;
}

#cdlink{
	position: relative;
	top: -8px;
}

#legalline{
	text-align: center;
	color: #a6a39f;
}

#agerating{
	margin-top: 15px;
	width: 206px;
	height: 67px;
	float: right;
	background: url('../images/agerating.jpg') no-repeat right top;
}



/*======NOW GO AND BUY OUR GAMES!======*/
/*=====================================*/


/* REGISTER ITEM -------------------------------------------*/

.registerpageTitle{
		width: 760px;	
		padding: 0 0 15px 156px; 
		border: 0px solid #949;
		margin: 0px auto 0px auto;
}


.titleTxt{
		text-align: center;
		border: 0px solid #7e7;
}

H1{
		font-family: 'PT Serif', times ,serif;
		font-weight: bold;
		font-style: regular;
		font-size: 24px;
		color: #f8f2ab;
		text-decoration:none;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(55%, rgba(0,0,0,1)), color-stop(64%, rgba(0,0,0,.7)), to(rgba(0,0,0,.7))); 
}

#registerForm{
		text-align: center;
		width: 630px;
		height: 64px;
		padding-top: 12px;
		margin: 0px auto 0px auto;
		border: 0px solid #7e7;
		background: url('../images/registerInputformBG01.jpg') no-repeat center top;
}

#registerForm input{
	text-align: center;
	font-family: 'PT Serif', times ,serif;
	font-weight: bold;
	font-style: regular;
	font-size: 22px;	
	color: #888889;
	background-color: #0e0f11;
	border: 1px solid #888889;
	height: 26px;
	width: 572px;
	padding: 12px 16px 12px 16px;
	margin: 0px auto 0px auto;
}

#registerBTNwrapper{
		margin: 67px auto 0 auto;
		width: 956px;
		border: 0px solid #888889;	
		background-image: url('../images/registerBTNwrapperBG.jpg');		
		background-position: 0 4px;
		background-repeat: no-repeat;
}

.registerBTN{
		margin: 0 auto 0 auto;
		height: 55px;
		width: 252px;		
}

.registerBTN a:link,
.registerBTN a:visited{
		font-family: 'PT Serif', times ,serif;
		font-weight: 700;
		font-style: regular;
		font-size: 18px;
		color: #ffffc8;
		text-shadow: 0px 0px 4px #000;
		text-decoration:none;

		border: 0px solid #f79;
		height: 41px;
		padding-top: 14px;		
		width: 252px;
		margin: 0px 0px 0px 0px;	
		text-align: center;
		display: block;
		
		background-image:url('../images/registerBTN.png');
		background-repeat: no-repeat;
		background-position:0px -110px;		
		
		opacity:.80;
		filter:alpha(opacity=80); /* For IE8 and earlier */	

		transition: opacity .3s;
		-moz-transition: opacity  .3s;
		-webkit-transition: opacity  .3s;
		-o-transition: opacity  .3s;		
}
.registerBTN a:hover{
		color: #fff;
		background-position:0px -55px;
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
}
.registerBTN a:active{
		height: 39px;
		padding-top: 16px;		
		color: #ffffc8;
		background-position:0px 0px;
}

#registerForm2{
		text-align: center;
		width: 956px;
		height: 408px;
		padding: 37px 0 0 0;
		margin: 1px auto 0px auto;
		background: url('../images/registerStep2BG.jpg') no-repeat center top;
}

#itemTitle{
	width: 470px;
	font-size: 22px;
	text-align: center;
	font-family: 'PT Serif', times ,serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	margin: 0px auto 0px auto;
	text-shadow: 0px 0px 4px #000;
	min-height: 52px;
	border: 0px dotted #ffa; 
}


#itemVisual{
		/*background: url('../images/jetpackDLC.jpg') no-repeat center top;*/
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #300;
		border: 0px solid #ffa; 
		width: 470px;
		height: 265px;
		margin: 0px auto 0px auto;
}


#DLCitemcopy{
		font-family: 'PT Serif', times ,serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 21px;
		width: 604px; /*956px;*/
		border: 0px solid #f47;
		margin: 0px auto 0px auto;
		padding: 15px 0 15px 0;
}
.DLCitemcopyB1{
		width: 956px;
		height: 20px;
		background: url('../images/registerDivider1.jpg') no-repeat center top;
		margin: 0px auto 0px auto;
} 
.DLCitemcopyB2{
		width: 956px;
		height: 20px;
		background: url('../images/registerDivider2.jpg') no-repeat center top;
		margin: 3px auto 50px auto;
} 



/*============================================================================================================*/

.timesSpecial_wrap{
	color: #000000;
	font-size: 14px;
	width: 958px;
	min-height: 600px;
	position: relative;
	padding-top: 195px;
	padding-bottom: 116px;
	/*border: 1px solid #ff0000;*/
	margin:20px 0;
	background: url('../images/timesBottom.jpg') no-repeat center bottom, url('../images/timesTop.jpg') no-repeat center top;
}

.timesHeader{
	position: relative;
	width: 928px;
	top: -44px;
	display: block;
	height: 25px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0 15px;
	font-weight: 700;
}

.date{
	float: left;
}

.slogan{
	position: absolute;
	text-align: center;
	width: 100%;
}

.edition{
	float: right;
}

.timesSpecial{
	/*padding-top: 15px;*/
	min-height: 600px;
	width: 958px;
	background: url('../images/timesContentBottom.jpg') no-repeat center bottom, url('../images/timesContentTop.jpg') no-repeat center top;
	background-color: #e1dbca;
	
}

.timesMain{
	/*width: 622px;*/
	width: 878px;
	float: left;
	margin-left: 35px;
	clear: both;
	margin-bottom: 28px; /*24px;*/
	border-bottom: 1px solid #000;
	padding-bottom: 28px;
	margin-top: -20px;
}
.timesMain .title{
	/*font-size: 36px;*/
	font-size: 48px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 15px;
}
.timesMain .art{
	text-align: justify;
}

.timesSubMain{
	/*width: 622px;*/
	width: 878px;
	float: left;
	margin-left: 35px;
	clear: both;
	margin-bottom: 24px; /*24px;*/
	border-bottom: 1px solid #000;
	padding-bottom: 24px;	
}
.timesSubMain .title{
	/*font-size: 36px;*/
	font-size: 28px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 15px;
}
.timesSubMain .art{
	text-align: justify;
}


.timesArt{
	display: block;
	width: 422px;
	float: left;
	margin-left: 35px;
	margin-bottom: 32px;
	text-align: justify;
}

.timesArt .title{
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	line-height: 21px;
	margin-bottom: 5px;
	min-height: 63px;
}
.timesArt .art{
	
}


.timesSmallArt{
	display: block;
	width: 280px;
	float: left;

	margin-bottom: 32px;
	text-align: justify;
}

.times13{
	margin-left: 35px;
}
.times23{
	margin-left: 18px;
}
.times33{
	margin-left: 24px;
}

.timesSmallArt .title{
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	line-height: 21px;
	margin-bottom: 5px;
	min-height: 84px;
}
.timesSmallArt .art{
	
}

.scoop{
	font-family: 'PT Serif', times ,serif;
	font-weight: 400;

	font-size: 42px;
	width: 878px;
	margin-left: 35px;
	
	text-align: center;
	line-height: 52px;
	
}


.scoop .head{
	font-weight: 700;
	font-size: 38px;
}

.scoop .body{
	font-size: 48px;
	font-weight: 400;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 20px 0;
}

.scoop a:link{
	color: #000;
	text-decoration: underline;
	font-weight: 700;
	font-size: 30px;
}
.scoop a:hover{
	color: #000;
	text-decoration: underline;
}

.bgbg{
	line-height: 24px;
	background: rgba(0, 0, 0, 0.12);
	
}

.timesCart{
	display: block;
	float: left;
	margin-left: 35px;
	margin-bottom: 24px;
}
.timesCart .title{
	font-size: 24px;
	text-align: center;
	font-weight: 700;
}
.freefloat{
	float: left;
	width: 100%;
	height: 1px;
	display: block;
}

.drop-cap:first-letter{
	color: #000;
	display: block;
	
	/*ont: normal normal 700 86px/65px Georgia, Trebuchet, arial,sans-serif;*/
	float: left;
	margin: 8px 6px 0 0;
	
	font: normal normal 700 62px/48px Georgia, Trebuchet, arial,sans-serif;
	margin: 5px 8px 0 0;
}

/*============================================================================================================*/