body
{
	margin: 0;
	background: #231f20;
	color: #d0d2d3;
	font-family: Lato;
}


a{
	
	color: #fff;
	text-decoration: none;
}


h2{

}


h3
{
	text-align: left;
	text-transform: uppercase;
	font-size: 18px;
	/*display:inline-block;*/
	padding: 10px;
	width: 100%;
	max-width: 980px;
	margin: auto;
	
}


h3:after
{
	content:"";
	display:inline-block;
	vertical-align: middle;
	width: 33%;
	height: 2px;
	margin-left: 10px;
	background: url(../images/line-title-right.png) no-repeat top right;
}

.back-top
{
	clear: both;
	padding: 3px;
	text-decoration: none;
	font-size: 12px;
}

.social
{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 3px;
	opacity: 0.85;
}

.social:hover
{
	
	opacity: 1;
}

.tw{background: url(../images/tw.png) no-repeat center center;}
.fb{background: url(../images/fb.png) no-repeat center center;}
.yt{background: url(../images/yt.png) no-repeat center center;}



.background
{
	position: absolute;
	z-index: 1;
	width: 100%;
	min-width: 980px;
	height: 600px;
	overflow: hidden;
	background: #000;
	border-bottom: 4px solid #333;
	
}

.background .background-image
{
	position: absolute;
	z-index: 1;
	
}

.background .background-fade
{
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	height: 60px;
	/*background: url(../images/page_bg_grad.png) repeat-x top left;*/
	
}

.footer
{
	
	position: relative;
	width: 100%;
	min-width: 980px;
	
}

.footer .bar
{
	height: 228px;
	background: #6b0006 url(../images/footer-bar-bg.jpg) no-repeat top center;
	
	
}

.footer .bar .contents
{
	
	width: 960px;
	padding: 10px;
	margin: auto;
	background: url(../images/page-head-shadow-bg.png) no-repeat top center;
	
}

.footer .bar .item
{

	width: 300px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}



.footer .copyright
{
	
	height: 146px;
	/*padding: 5px;*/
	background: url(../images/footer-copyright-bg.jpg) no-repeat top center;
	font-size: 11px;
}

.footer .copyright .contents
{
	width: 960px;
	padding: 10px;
	margin: auto;
	
}



.content
{
	position: relative;
	z-index: 2;
	width: 100%;
	min-width: 980px;
	margin: auto;
	/*padding-bottom: 20px;*/
}


.header
{
	
	width: 100%;
	min-width: 980px;
	height: 160px;
	text-align: left;

	
}

.header .pad
{
	
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 160px;
	background: url(../images/menu_bar_pad.png) repeat-x center left;
	
}

.header .contents
{
	
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 980px;
	height: 150px;
	padding-top: 10px;
	
	background: url(../images/menu_bar.png) no-repeat center left;
}

.header .contents .logo
{
	position: absolute;
	display: block;
	width: 125px;
	height: 154px;
	background: url(../images/logo_med.png) no-repeat top left;
	vertical-align: bottom;
}

.header .contents .social-links
{
	position: absolute;
	display: block;
	width: 200px;
	height: 30px;
	text-align: center;
	left: 780px;
	top: 62px;
	
}

.header .main-menu
{
	
	position: absolute;
	width: 404px;
	height: 57px;
	left: 140px;
	top : 47px;
	
	vertical-align: bottom;
	text-align: center;
}

.header .main-menu .item
{
	display: inline-block;
	color: #fff;
	padding: 20px;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
}

.header .main-menu .item:visited
{

}

.header .main-menu .item:hover
{
	color: #ffb300;
	text-shadow: -1px -1px 5px #ffb300;
}

.header .main-menu .item:active
{
	color: #fff;
}

.header .main-menu .active
{
	color: #ffb300;
}

.quotes
{
	position: relative;
	width: 980px;
	height: 440px;
	margin: auto;
}

.quotes .logo
{
	position: absolute;
	bottom: 250px;
	right: 10px;
	width: 500px;
	text-align: center;
}

.quotes .text
{
	position: absolute;
	padding: 10px;
	bottom: 50px;
	right: 10px;
	width: 500px;
	height: auto;
	text-align: center;
	color: #fff;
	font-size: 22px;
	overflow: hidden;
	text-shadow: 1px 1px 2px #000;
	
}



.line-title
{
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	/*display:inline-block;*/
	padding: 10px;
	width: 100%;
	max-width: 980px;
	margin: auto;
	
}

.line-title:before
{
	content:"";
	display:inline-block;
	vertical-align: middle;
	width: 33%;
	height: 2px;
	margin-right: 10px;
	background: url(../images/line-title-left.png) no-repeat top left;
}

.line-title:after
{
	content:"";
	display:inline-block;
	vertical-align: middle;
	width: 33%;
	height: 2px;
	margin-left: 10px;
	background: url(../images/line-title-right.png) no-repeat top right;
}




.home
{
	width: 100%;
	min-width: 980px;
	
	margin: auto;
	background: url(../images/page-head-bg.png) no-repeat top center;
	padding-top: 5px;
}


.home .contents
{
	
	width: 100%;
	min-width: 980px;
	min-height: 100px;
	background: url(../images/dotted-page-bg.png) repeat top center;
	

}

.home .contents .intro
{
	
	width: 740px;
	padding: 20px;
	margin: auto;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	line-height: 25px;
	color:#D0D2D3;
	
	

}

.home .featured
{
	
	width: 100%;
	min-width: 980px;
	background: url(../images/dotted-page-bg.png) repeat top center;
	overflow: hidden ;
	

}

.home .featured .pad
{
	
	
	height: 140px;


}

.home .featured .widget
{
	
	width: 100%;
	min-width: 980px;
	height: 300px;
	position: relative;
	margin: 0;
	
	background: #231f20 url(../images/home-featured-bg.png) no-repeat top center;
	

}

.home .featured-widget
{
	position: relative;
	width: 960px;
	height: 180px;
	margin: auto;
	
	background: #231f20 url(../images/home-featured-bg.png) no-repeat top center;
	

}

.home .featured-widget .arrow-button
{
	content: "";
	width: 40px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0px;
	overflow: hidden;
	cursor: pointer;
	z-index: 9999;
}

.home .featured-widget .arrow-left
{	
	background: url(../images/arrow_left.png) no-repeat center center;
}
.home .featured-widget .arrow-right
{	
	background: url(../images/arrow_right.png) no-repeat center center;
	left: 920px;
}


.home .featured-widget .pack
{
	
	position: absolute;
	text-align: center;
	opacity: 0;
}



.home .tabs
{
	position: relative;
	border-bottom: 0px solid #d8d9d9;
	padding: 0;
	z-index: 1;
	
}

.home .tabs .tabitem
{
	/*border: 1px solid #d8d9d9;*/
	/*border-left: 1px solid #fff;*/
	color: #000;
	text-transform: uppercase;
	cursor: pointer;
	background: #d81118;
	
	overflow: hidden;
	
	
}

.home .tabs .tabitem .tab-title
{
	position: relative;
	padding: 7px;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	height: 33px;
	max-height: 33px;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}

.home .tabs .tabitem .tab-title div
{
	width: 100%;
	max-height: 33px;
	top: -50%;
		
}

.home .tabs .active
{
	color: #ffb300;	
}


.home .tabs .tabitem .progress
{
	position: relative;
	/*border-top: 1px solid #d8d9d9;*/
	width: 100%;
	height: 7px;
	background: #ddd;
	overflow: hidden;
	padding: 0;
	
	
}

.home .tabs .tabitem .progress .bar
{
	height: 7px;
	background: #d81118;
	max-width: 100%;
	
	
}

.home .tabs .tabitem .progress-active
{
	/*background: #d81118;*/
	
	
}

.home .tabcontents
{
	position: relative;
	padding: 10px;
	background: #fff;
	background-color: rgba(255,255,255,0.95);
	z-index: 9;
}


.home .tabcontents .tabcontent
{
	display: none;
}


.home .tabcontents .gameinfo
{
	display: inline-block;
	width: 550px;
	padding:5px;
	vertical-align: top;

}

.home .tabcontents .gamepack
{
	display: inline-block;
	width: 250px;
	padding:5px;

	/*overflow:hidden;*/
	text-align: right;
	vertical-align: top;
}







.about
{
	width: 100%;
	min-width: 980px;
	
	margin: auto;
	background: url(../images/page-head-bg.png) no-repeat top center;
	padding-top: 5px;
}

.about .contents
{
	width: 100%;
	min-width: 980px;
	min-height: 100px;
	background: url(../images/dotted-page-bg.png) repeat top center;
	

}

.about .contents .intro
{
	
	width: 740px;
	padding: 20px;
	margin: auto;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	line-height: 25px;
	color:#D0D2D3;
	
	

}

.about .contents .contact
{
	width: 940px;
	padding: 10px 20px 30px;
	margin: auto;
	
	background: url(../images/page-footer-bg.png) no-repeat bottom center;
}


.support
{
	width: 100%;
	min-width: 980px;
	margin: auto;
	background: url(../images/page-head-bg.png) no-repeat top center;
}



.support .faqs
{
	background: url(../images/dotted-page-bg.png) repeat top center;
	padding-top: 20px;
}

.support .faqs .contents
{
	width: 980px;
	margin: auto;
	min-height: 100px;
	
	border-radius: 3px;
	padding: 10px 20px 30px;
	background: url(../images/page-footer-bg.png) no-repeat bottom center;
}


.support .manuals
{
	background: url(../images/page-head-shadow-bg.png) no-repeat top center;
	padding-top: 20px;
}

.support .manuals .contents
{
	width: 980px;
	margin: auto;
	min-height: 100px;
	
	border-radius: 3px;
	padding: 10px 20px 30px;
	background: url(../images/page-footer-bg.png) no-repeat bottom center;
}


.faq-link
{
	padding: 5px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

.faq-link-more
{
	padding: 5px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}




.games
{
	width: 100%;
	min-width: 980px;
	
	margin: auto;
	background: url(../images/page-head-bg.png) no-repeat top center;
}


.games .contents
{
	position: relative;
	top: -36px;
	min-width: 980px;
	margin: auto;
	min-height: 150px;

	border-radius: 3px;
	padding: 30px 20px 20px;
	
	
}

.games .contents .row
{
	
	width: 100%;
	min-width: 980px;
	min-height: 200px;
	background: url(../images/home-featured-bg.png) no-repeat center center;
	text-align: center;
	
}

.games .contents .row .cont
{
	width: 950px;
	margin: auto;
	text-align: left;
}

.games .gameitem
{
	display: inline-block;
	width: 300px;
	margin: 10px 5px;
	text-align: center;
	vertical-align: top;
}


.games .gameitem .image
{
	clear: both;
	padding: 10px;
	border: 0;
	min-height: 280px;
	max-height: 280px;
}

.games .gameitem .title
{
	clear: both;
	padding: 3px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	
	
}


.game
{
	position: relative;
	width: 980px;
	margin: auto;
	
}

.game .quotes
{
	height: 300px;
}

.game .contents
{
	position: relative;
	min-height: 150px;

	padding: 10px 20px 20px;
	
}

.game .contents .left-column
{
	position: relative;
	display: inline-block;
	width: 375px;
	vertical-align: top;

	
}

.game .contents .right-column
{
	position: relative;
	display: inline-block;
	width: 540px;
	vertical-align: top;
	padding-left: 15px;

	
}

.game .contents .logo
{
	/*position: absolute;*/
	left: 0;
}
.game  .esrb
{
	margin: 10px 5px;
}


.game-media
{
	position: relative;
	width: 100%;
	min-width: 980px;
	height: 200px;
	background: #000;
	box-shadow: 0px 0px 10px #000;
	margin-bottom: 80px;
	z-index: 9999;
	
}

.game-media .cont
{
	position: relative;
	width: 980px;
	height: 200px;
	margin: auto;	
}

.game-media .side-item
{
	position: absolute;
	width: 300px;
	height: 200px;
	overflow: hidden;
	z-index: 1;
	background:#000;
	cursor: pointer;
	text-align: right;
	box-shadow: 0 0 10px rgba(0,0,0,1.0);
	
}

.game-media .video{}
.game-media .video:before{
	content: "";
	position: absolute;
	width: 300px;
	height: 200px;
	top: 0;
	left: 0;
	background: url(../images/play-btn.png) no-repeat center center;
	z-index: 5;
	opacity: 0.75;
}

.game-media .left-item
{
	left: 0;
	text-align: left;
}

.game-media .left-item:after
{
	content:"";
	position: absolute;
	width: 30px;
	height: 200px; 
	top: 0;
	left: 0;
	background: url(../images/arrow_left.png) no-repeat center center;
	z-index: 4;
}


.game-media .right-item
{
	right: 0;
}

.game-media .right-item:after
{
	content:"";
	position: absolute;
	width: 30px;
	height: 200px; 
	top: 0;
	right: 0;
	background: url(../images/arrow_right.png) no-repeat center center;
	z-index: 4;
}

.game-media .mid-item
{
	position: absolute;
	width: 480px;
	height: 280px;
	overflow: hidden;
	top: -40px;
	left: 250px;
	z-index: 4;
	background:#000;
	box-shadow: 0 0 10px rgba(0,0,0,1.0);

}





.grey-button
{
	background: #dedede;
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(255,255,255,1.0), inset 0 10px 10px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);
	cursor: pointer;
	padding: 6px;
	text-align: center;
	margin: 15px 5px;
	font-size: 14px;
	font-weight: 700;
	color: #1e1111;
	display: inline-block;
}


.grey-button:hover
{
	background: #ededed;
	box-shadow: inset 0 1px 1px rgba(255,255,255,1.0), inset 0 10px 10px rgba(255,255,255,0.5), 1px 2px 3px rgba(0,0,0,0.2);
	color: #d70000;
	
}

.red-button
{
	background: #d70000;
	border: 1px solid #911212;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), inset 0 -15px 10px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
	cursor: pointer;
	padding: 6px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #ffb300;
	margin: 5px 0 5px 0;
}


.red-button:hover
{
	background: #d70000;
	box-shadow: inset 0 1px 1px rgba(255,255,255,1.0), iinset 0 -15px 10px rgba(0,0,0,0.2), 1px 2px 3px rgba(0,0,0,0.2);
	color: #fff;
	
}

.platforms
{
	margin:0;
	position: relative;
	text-align: center;
	top: -33px;
}

.platforms-with-head
{
	padding-top: 54px;
	background: url(../images/page-footer-bg.png) no-repeat top center;
	
}

.shadow-footer
{
	margin:0;
	height: 50px;
	background: url(../images/page-head-shadow-bg.png) no-repeat top center;
	
}

.platforms .label
{
	background: #eee;
	text-align: center;
	text-transform: uppercase;
	color: #444;
	font-size: 14px;
	padding: 10px 30px;
	border-radius: 3px 3px 0 0 ;
	display: inline-block;
	box-shadow: 0 -3px 5px rgba(0,0,0,0.5);
	
}

.platforms .grey-label
{
	background: #515254;
	color: #A6A8AB;
	
}


.platforms .buttons
{
	text-align: center;
	background: url(../images/page-head-shadow-bg.png) no-repeat top center;
	height: 80px;
	overflow: hidden;
	margin: auto;
	
}


.platforms .buttons .item
{
	position: relative;
	text-align: center;
	padding: 0;
	width: 100px;
	height: 80px;
	display: inline-block;
	border-bottom: 3px solid #242021; 
	margin-right: 1px;
	vertical-align: top;

	
}

.platforms .buttons .item:after
{
	position: absolute;
	top: 3px;
	right: -4px;
	content: "";
	width: 4px;
	height: 80px;
	background: url(../images/platform-split.png) top left;
	display: inline-block;
	
	
}

.platforms .buttons .first
{

}
.platforms .buttons .last:after
{
	background: none;
	
	
}





.platform-select .options-container
{
	overflow: hidden;
	height: 0;
	
}

.platform-select .options-container .item
{
	display: block;
	cursor: pointer;
	color: #1e1111;
	font-size: 14px;
	font-weight: 400;
	text-align: right;
	padding: 5px 20px;
}

.icon-pdf
{
	background: url(../images/document-pdf.png) no-repeat center right;
}

.icon-external
{
	background: url(../images/external-small.png) no-repeat center right;
}



.manual-item
{
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(255,255,255,1.0), inset 0 10px 10px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);
	padding: 6px;
	text-align: left;
	margin: 5px 0 5px 0;
}


.manual-item .info
{
	width: 70%;
	display: inline-block;
	vertical-align: top;
}

.manual-item .info .box-image
{
	min-width: 80px;
	max-width: 80px;
}

.manual-item .info .title
{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 700;
	color: #1e1111;
	padding: 5px;
}

.manual-item .buttons
{
	width: 27%;
	display: inline-block;
	vertical-align: top;
	
}


.vertical-tab
{
	padding: 5px ;
	overflow: hidden;
}

.vertical-tab .opened
{
	background: url(../images/minus.png) no-repeat center left;
	
}
.vertical-tab .closed
{
	background: url(../images/plus.png) no-repeat center left;
	
}


.vertical-tab .title
{
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px 5px 5px 35px;
	width: auto;
	display: inline-block;
	
}

.vertical-tab .tab-content
{
	padding: 5px 5px 5px 35px;
	
}

.pad-right-20
{
	padding-right: 20px;
}