body, html{
	min-width: 960px;
}
body{
	background-position: 50% 0px;
	background-repeat: no-repeat;
	background-color: white;
}
.wrapper{
	width: 960px;
}
header .h1{
	position: absolute;
	left: 0px;
	top: 9px;
	background: url('../img/games/logo.gif');

}
header .h1 a{
	width: 74px;
	height: 32px;
	display: block;
	text-indent: -999px;
	overflow: hidden
}
#gameheader{
	width: 100%;
	height: 556px;
	position: relative;
	clear: both;
	padding-top: 200px;
	z-index: 3;
}

#gameheader h1{
	letter-spacing: -2px;
	width: 100%;
	clear: both;
	display: block;
	text-align: center;
	font: bold 62px/148px arial;
	color: white;
	height: 148px;
	overflow: hidden;

}
#gameheader h1 span{
	display: none;
}


#gamesocial{
	background: url(../img/games/social.gif) repeat-x;
}
.prev{
	background: url(../img/games/arrow_btn_left.png) no-repeat 0 0;
}
.next{
	background: url(../img/games/arrow_btn_right.png) no-repeat 0 0;
}
.up{
	background: url(../img/games/arrow_btn_top.png) no-repeat 0 0;
}
.down{
	background: url(../img/games/arrow_btn_bottom.png) no-repeat 0 0;
}
.social{
	padding-top: 14px;
}
.social li{
	width: 192px;
	padding-left: 0px;
}
.social li a{
	padding-left: 69px;
	height: 51px;
}
.social.wrapper li a:hover{
	background-position: 0 100%;
}
.social li a.steam{
    background: url(../img/games/steam.png) no-repeat 0 0;
}
.social li a.fb{
	background: url(../img/games/fb.png) no-repeat 0 0;
}
.social li a.twt{
	background: url(../img/games/twt.png) no-repeat 0 0;
}
.social li a.yt{
	background: url(../img/games/yt.png) no-repeat 0 0;
}
.social li a.for{
	background: url(../img/games/for.png) no-repeat 0 0;
}
#colleft, #colright{
	float: left;
	display: block;
	overflow: hidden;
}
#columns{
	overflow: hidden;
	position: relative;
	z-index: 10;
}
#alpha{
	display: block;
	position: absolute;
	left: 0px;
	top: 831px;
	background: white;
	z-index: 2;
	opacity: 0.85;
	width: 100%;
	height: 1px;
}
#colleft{
	width: 365px;
	padding-right: 31px;

}
#colright{
	float: right;
	width: 564px;
}
.gamebox{
	padding: 8px;
	background: url(../img/games/kasza.gif) repeat;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.gamebox .button{
	float: left;
	display: block;
	margin-bottom: 8px;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.gamebox .button:hover{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.gamebox .button.right{
	float: right;
}
.gamebox .button.center{
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#salebox{
	padding-top: 0px;
	text-align: center;

	margin-bottom: 23px;

}
#salebox .button{
	margin-bottom: 0px;
	margin-top: 8px;

}
.gamecontenttitle{
	display: block;
	clear: both;
	padding: 28px 0px 14px 0px;
	font: 12px arial;
	color: #b4b2b2;
}
.gamebox .htmlbox{
	float: left;
	margin-top: 8px;
	overflow: hidden;
	clear: both;
	margin-left: -2px;
}
#gamename{
	font: bold 26px arial;
	color: #333;
	padding-bottom: 28px;
	display: block;
	clear: both;
}
#gamedesc{
	padding-bottom: 20px;
}
#gamedesc, #gamedesc p{
	display: block;
	clear: both;
	font: 14px/1.4em arial;
	color: #7e7d7d;
}
#gamedesc p{
	padding: 10px 0px;
}
#gamedesc h5{
	display: block;
	clear: both;
	font-size: 18px;
	color: #686767;
	padding: 10px 0px;
	line-height: 1.4em;
}
.gamebox .gamecontenttitle{
	padding: 3px 0px 9px 0px;
	text-indent: 3px;
	background: url(../img/games/boxtitle.gif) repeat-x 0 100%;
	text-align: left;
}
#reviewsbox{
	text-align: center;
	margin-top:23px;
}
#reviewsbox ul{
	display: block;
	clear: both;
	padding-left: 12px;
	overflow: hidden;
}
#reviewsbox ul li{

	background: url(../img/games/boxtitle.gif) repeat-x 0 100%;
}
#reviewsbox ul li.last{
	background: none;
}
#reviewsbox ul li a{
	padding-top: 20px;
	padding-bottom: 25px;
	display: block;
}
#reviewsbox ul li a span{
	font: bold 26px/1.4em georgia;
	color: #333;
	padding-bottom: 28px;
	display: block;
	text-align: left;
}
#reviewsbox ul li a b{
	display: block;
	font: italic 14px/1.4em arial;
	color: #6d6b6b;
	line-height: 1.4em;
	text-align: left;
}
#reviewsbox ul li a:hover span, #reviewsbox ul li a:hover b{
	text-decoration: underline;

}

.morerev{
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 auto;
background: #E6E6E6; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fdfdfd 15%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(15%,#fdfdfd), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fdfdfd 15%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fdfdfd 15%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fdfdfd 15%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fdfdfd 15%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
border: 1px solid #a9a9a9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font: 13px/28px arial;
color: #686767;
padding: 0px 13px;
margin: 10px 0px 2px 0px;
}
.morerev:hover{
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfdfd 0%, #f8f8f8 19%, #e4e4e4 63%, #d7d7d7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(19%,#f8f8f8), color-stop(63%,#e4e4e4), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f8f8f8 19%,#e4e4e4 63%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfdfd 0%,#f8f8f8 19%,#e4e4e4 63%,#d7d7d7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfdfd 0%,#f8f8f8 19%,#e4e4e4 63%,#d7d7d7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfdfd 0%,#f8f8f8 19%,#e4e4e4 63%,#d7d7d7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
color: black;
}
#platformsbox{
	padding-bottom: 0px;
}
#platforms{
	width: 120%;
	overflow: hidden;
	display: block;
}
#platforms li{
	display: block;
	float: left;
	margin-right: 14px;
	margin: 10px 14px 8px 0px;
}
.fb-comments{
	margin-top: 31px;
	clear: both;
}
#moregames{
	clear: both;
	width: 960px;
	margin: 0px auto 20px auto;
	padding-bottom: 37px;
	border-bottom: 1px solid #e5dedb;
}
#moregames .gamecontenttitle{
	border-bottom: 1px solid #e5dedb;
	margin-bottom: 16px;
}
#moregames.one{
	width: 854px;
}
#moregamesbox{
	margin-top: 16px;

}
.arrow{
	width: 37px;
	height: 37px;
	display: block;
}
.arrow:hover{
	background-position: 0px -37px;
}
.arrow:active{
	background-position: 0px -74px;
}
#moregamesbox .arrow{
	float: left;
	margin-top: 41px;
}
#moregamesbox .prev{
	margin-right: 18px;
}

#moregamesbox .next{
	margin-left: 13px;
}
#moregamesbox div{
	width: 834px;
	height: 120px;
	float: left;
	overflow: hidden;
}
.one #moregamesbox div{
	float: none;
	margin: 0 auto;

}
.one #moregamesbox ul{
	left: 0px;
}
#moregamesbox ul{
	display: block;
	float: left;
	position: relative;
	height: 120px;
	left: -834px;
}
#moregamesbox ul li, #moregamesbox ul li a{
	width: 834px;
	height: 120px;
	display: block;
	float: left;
}

#moregamesbox ul li a img{
	width: 100%;
	height: 100%;
}

footer{
	width: 980px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	background: none;
	height: auto;
}
footer .el{
	float: left;
	width: 107px;
	height: 52px;
	background: url(../img/games/footer_logo.png);
}
footer .logos{
	float: right;
}
footer .logos img{
	display: block;
	float: left;
	margin-left: 21px;
}
#gameSliderContainer{
	clear: both;
	width: 942px;

	background: #f2f2f2;
	position: relative;
}
#big{
	width: 711px;
	height: 390px;
	display: block;
	float: left;
	position: relative;
}
#big a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: cover;
}
#big a.top{
	z-index: 2;
}
#big a span{
	display: none;
}
#big a.video span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84px;
	height: 84px;
	margin: -42px 0px 0px -42px;
	background: url(../img/games/button_play.png) no-repeat 0 0;
}
#big a.video span.txt{
	display: block;
	position: absolute;
	top: 259px;
	left: 0px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font: bold 22px arial;
	color: white;
	background: none;
	margin: 0;
}
#big a.video:hover span{
	background-position: 0 -84px;
}

.tabs{
	display: block;
	width: 237px;
	height: 34px;
	background: url(../img/games/tabs.png) no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
}
.tabs.hover{
	background-position: 0px -72px;
}
.tabs.revert.hover{
	background-position: 0px -106px;
}
.tabs.revert{
	background: url(../img/games/tabs.png) no-repeat 0 -34px;
}
.tabs li{
	display: block;
	width: 118px;
	height: 100%;
	float: left;
}
.tabs li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font: bold 13px/34px arial;
	color: #333;
}
.tabs li a:hover{
	text-decoration: underline;
}
.tabs li.act a:hover{
	text-decoration: none;
	cursor: default;
}
#gameSliderContainer .arrow{
	display: block;
	float: left;
	position: absolute;
	right:100px;
}
#gameSliderContainer .arrow.hid{
	display: none;
}
#gameSliderContainer .down{
	bottom: 12px;
}
#gameSliderContainer .up{
	top: 44px;
}
#gameSliderContainer .small{
	display: block;
	width: 222px;
	height: 244px;
	overflow: hidden;
	position: absolute;
	top: 94px;
	right: 8px;
	z-index: 1;
	background: #F2F2F2;
}
#gameSliderContainer .small.active{
	z-index: 2;
}
#gameSliderContainer .small ul{
	float: left;
	display: block;
	overflow: hidden;
	position: relative;
}
#gameSliderContainer .small li{
	display: block;
	clear: both;
	width: 222px;
	height: 122px;
}
#gameSliderContainer .small li a, #gameSliderContainer .small li a img{
	display: block;
	float: left;
	width: 100%;
	height: 100%;
}
#big iframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
#shadows{
	display: block;
	position: absolute;
	top: 608px;
	left: 0;
	width: 100%;
	z-index: 2;
	background: url(../img/games/gradient.png) 0 100% repeat-x;
	height: 148px;
}
#shadows span{
	display: block;
	height: 21px;
	background: url(../img/games/gradient2.png) 50% 0 no-repeat;
}
#pcdemo{
	position: absolute;
	top: -202px;
	right: 0;
	width: 122px;
	height: 66px;
	background: url(../img/games/pcdemo.png) no-repeat 0 0;
}
#pcdemo:hover{
	background-position: 0px -70px ;
}
#pcdemo:active{
	background-position: 0px -140px ;
}
#gameheader .wrapper{
	position: relative;
}
/*@media only screen and (max-width: 767px){*/

/*}*/

#big.videos .leftar, #big.videos .rightar{
	display: none;
}
#big .leftar, #big .rightar{
	display: block;
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -18px;
	width: 37px;
	height: 37px;
	background-color: transparent;
	cursor: pointer !important;

}
#big .rightar{
	right: 0px;
	left: auto;
	
}
.rightar{
	background-image:  url(../img/games/arrow_btn_right.png) !important;
}
#big .leftar {
	left: 0px;

}
.leftar{
	background-image:  url(../img/games/arrow_btn_left.png) !important;
}

footer {
    padding-top: 60px;
}

#bottomFill {
    height: 40px;
}
#footer-blog-logos {
    width: 940px;
    margin: auto;
}

/*
lightbox
*/
#game-lightbox {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    cursor: pointer;
}
#game-lightbox .bg {
    width: 100%;
    height: 100%;
    background-color: #000;
}
#game-lightbox .container {
    width: 100%;
    position: absolute;
    top: 20px;
}
#game-lightbox img {
    display: block;
    margin: auto;
    width:80%;
    max-width: 1600px;

}

/*
extra graphics
*/

.game-graphic-box {
    position: absolute;
    top:0px;
    z-index: 3;
}

.game-graphic-box img{
    width: 260px;
    height: 408px;
}
.game-graphic-box a{

}

#game-graphic-box-left {
    left:-300px;
}
#game-graphic-box-right {
    right:-300px;
}