@charset "UTF-8";

/* *************** CSS RESET *************** */

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl {
	padding: 0px;
	margin: 0px;
}

a img {
	border: none;
}

a {
	color: #1e2c7c;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color:#F60;
}

/* *************** MAIN CONTAINER *************** */
.container {
	width: 1124px;
	background-color: #FFFFFF;
	margin: 0 auto;
	background-image:url("img/img_dx_266x800.png"); /* superman image */
	background-repeat:no-repeat;
	background-position:bottom right;/* superman alignment */
	/*background-attachment:fixed;*/
	/*background-position:bottom right;*/
	/*background-origin:content-box;*/
}


/* *************** HEADER *************** */
header {
	height:184px;
	background-image:url("img/bg_header_1124x184.png");
}


/* *************** CONTENTS *************** */
.content {
	margin-bottom:5%;
	padding:0px;
	width: 700px;
	float: left;
}

/* *************** MENU SX *************** */
.sidebar_sx{

	 width:237px;
	 float:left;
}

.menu_container {
  padding-bottom: 10px;
  width:237px;
  min-height:400px;
  background-image:url("img/superman.png");
  background-repeat:no-repeat;
  float:left;
}

.menu{
	margin-top:200px;
	margin-left:47px;
	padding-left:10px;
	padding-bottom:10px;
	width:160px;
	/*min-height:150px;*/
	border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	background-color:#1e2c7c;
	/*position:absolute;*/
	float:left;
}

.main_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.menu ul li .nav {
	width:140px;
}

ul.nav {
	list-style: none;
	margin-bottom: 15px;
	background-color:#1e2c7c;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

ul.nav li {
	width:100%;
	color:#FFF;
	display:block;
	margin-top:-7px;

}
ul.nav a, ul.nav a:visited {
	padding: 6px 5px 5px 15px;
	width:140px;
	text-decoration: none;
	color:#FFF;
	display:block;

}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background-image:url("img/btn_rollover.png");
	background-position:left;
	background-repeat:no-repeat;
	color: #1e2c7c;
	width:140px;
	display:block;
}


/* *************** ADS SX *************** */
aside {
	margin-top:30px;
	margin-left:52px;
	width:160px;
	min-height:600px;
	/*position:relative;*/
	float: left;
}

/* *************** SITE DESCRIPTION *************** */
.description {
	color:#1e2c7c;
	padding-bottom:20px;
}

.description h2 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

.description p {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.nw_comments {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1e2c7c;
}

.nw_comments ul, li{
	list-style-type: none
}

.nw_comments a {
	color: #F60;
	text-decoration: underline;
}

.nw_comments a:hover {
	color: #1e2c7c;
	text-decoration: none;
}

/* *************** GAME LIST *************** */
.top-thumbnails {
    float: left;
	display:inline;
    width: 435px;
}

.thumbnails {
    display: inline;
    float: left;
    overflow: hidden;
    width: 829px;
}

.thumbnail {
    display: block;
    float: left;
    height: 183px;
    margin: 0 17px 20px 0;
    width: 200px;
}

.thumbnails a:hover, .top-thumbnails a:hover {
	text-decoration:none;
}

.thumbnail-image {
	border-color:#1e2c7c;
}

.thumbnail-title {
    font-size: 13px;
    height: 60px;
    line-height: 13px;
    overflow: hidden;
    padding: 0px 10px;
    text-align: center;
    width: 183px;
    margin: 3px 0 0;
}
.game {
	width:180px;
	height:175px;
}

#game-top {
	width:700px;
	height:60px;
	float:left;
	display:inline;
}

#slider-wrapper {
    background: url("slider.png") no-repeat scroll 0 4px transparent;
    float: left;
    height: 45px;
    margin: 20px 153px 0 10px;
    width: 205px;
}

/* *************** DECORATION DX *************** */

.decoration_dx {
	vertical-align:bottom;
	float:right;
}

.decoration_dx img {
	vertical-align:bottom;
}

/* *************** FOOTER *************** */
footer {
	/*padding-top:5px; /* padding for right-image alignement (superman) */
	margin-bottom:100px;
	/*position: relative;*/
	width:100%;
	border-top: 2px solid #1e2c7c;
	display:inline;
	clear: both;
}

/* Right alignement */
.fltrt {
	float: right;
	margin:53px -91px;
}

/* Left alignement */
.fltlft {
	float: left;
	margin-right: 8px;
}

/* Break */
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* *************** LANGUAGE *************** */

.language {
	margin-top:10px;
	margin-left:30%;
	padding:0 5px 0 5px;
	text-align:center;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	min-width:95px;
	height:24px;
	background-image:url("img/bg_btn_off.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
}

.language_on {
	margin-top:10px;
	margin-left:30%;
	padding:0 5px 0 5px;
	text-align:center;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1e2c7c;
	text-decoration:none;
	cursor:pointer;
	min-width:95px;
	height:24px;
	background-image:url("img/bg_btn_on.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
}

a .language,  a:visited .language {
	width:95px;
	height:24px;
	background-image:url("img/bg_btn_off.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

a:hover .language, a:active .language,  a:focus .language {
	width:95px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	background-image:url("img/bg_btn_on.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}

/* *************** SOCIAL MEDIA ICONS START *************** */

.footer_icons {
	margin-top:15px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1e2c7c;
	float:left;
}
.footer_icons a {
	text-decoration: underline;
}

.footer_icons a:hover {
	text-decoration: none;
}

/* *************** SOCIAL MEDIA ICONS END *************** */


/* *************** GAME PAGE START *************** */

.gamepage_container {
	width: 1124px;
	background-color: #FFFFFF;
	margin: 0 auto;
	background:none;
}

.game_title {
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1e2c7c;
}

.path {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1e2c7c;
	padding-bottom:15px;
	display:inline;
}

.path a {
	color:#F60;
	text-decoration:underline;
}

.path a:hover{
	color:#1e2c7c;
	text-decoration: none;
}

/*STYLE SLIDER*/

.disabled {
	background:transparent url('slider-disabled.gif') no-repeat scroll left top;
	width:178px;
	height:27px;
}

.dynamic-slider-control {
	position :relative;
	cursor :default;
}

.horizontal {
	width : 174px;
	height : 20px;
}

.dynamic-slider-control input {
	display : none;
}

.dynamic-slider-control .handle {
	position :absolute;
	font-size :1px;
	overflow :hidden;
	cursor :default;
}

.dynamic-slider-control.horizontal .handle {
    background: url("img/sprite.png") no-repeat scroll -3px -220px transparent;
    height: 36px;
    width: 43px;
}

.dynamic-slider-control .line {
	position :absolute;
	font-size :0.01mm;
	overflow :hidden;
	height:8px;
}

.dynamic-slider-control.horizontal .line {
	height:17px;
}

.dynamic-slider-control .line div {
	width:1px;
	height:3px;
}

.slider_container {
	padding-top:30px;
	width: 700px;
	height: 27px;
	float:left;
}

.handle {
    top:3.5px;
	height: 20px;
    width: 20px;
	cursor:pointer;
    font-size: 1px;
	background-image: url("img/rondslide.png");
	background-repeat:no-repeat;
    overflow: hidden;
    position: absolute;
}

.share {
	margin-left:30px;
	left:55%;
	position: absolute;
}

.social {
	margin: 0 15px 0 15px;
	float:left;
}

.suggestions {
	width:344px;
	height:281px;
	background-color:#f2f2f2;
	float:left;
	position:relative;
	padding: 8px 6px 0px;
}


.suggestions ul {
	padding:10px 20px 10px 20px;
}


.suggestions li {
	display:inline;
	line-height:16px;
}


.suggestions p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#1e2c7c;
	width: 353px;
	margin: 0px;
}


.suggestions img {
	float:left;
	padding:0 8px 0 0;
}



.suggestions a {
	color:#F60;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: underline
}

.suggestions a:hover {
	color:#6E6C64;
	text-decoration: none;
}

.nw_comments {
	width:660px;
	margin:20px 0 30px 0;
	padding:0 20px 0 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#edf1f3;
	float:left;
}

.nw_comments h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#1e267c;
}


.nw_comments p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1e267c;
	clear:both;
}

.nw_comments {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1e2c7c;
}

.nw_comments ul, li{
	list-style-type: none
}


.nw_info{
	margin-right:20px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1e267c;
	float:left;
}

.nw_like{
	margin:-37px -28px 10px 20px;
	float:right;
}

.nw_like_button {
	width:98px;
	margin-right:20px;
  	font-family: arial;
  	color: #FFFFFF !important;
  	font-size: 14px;
  	box-shadow: 1px 1px 1px #BEE2F9;
  	padding: 3px 13px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	background-image:url("img/bg_btn_like_off.jpg");
  	background-repeat:repeat-x;
  	float:left;
}

.nw_like_button:hover {
  	color: #1e267c !important;
    background-image:url("img/bg_btn_like_on.jpg");
  	background-repeat:repeat-x;
}

.nw_dont_like {
	 background-image:url("img/bg_btn_dont_like_off.jpg");
}

.nw_dont_like:hover {
	 background-image:url("img/bg_btn_like_on.jpg");
}

.nw_like_results {
	margin-top:10px;
	width:120px;
	font-size:12px;
	color:#1e267c;
	float:left;
	margin-left: 26px;
}

.nw_like_statistic {
	margin-top:17px;
	width:100px;
	height:4px;
	background-color:#F00;
	float:left;
}

.nw_like_percentage {
	width:50%;
	height:4px;
	background-color:#063;
	float:left;
}

.language_list {
	/*visibility:hidden;*/
	bottom:690px;
	left:200px;
	width:694px;
	height:312px;
	position:relative;
}


.language_list ul{
	top:250px;
	width:694px;
  	height:312px;
	padding:40px 0 0 35px;
	/*margin-bottom:20px;*/
	overflow:hidden;
	/*border-top:1px solid #ccc;*/
	background-image:url("img/bg_language.png");
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
}


#language_column li {
 	width:16.666%;
	line-height:1.9em;
	/*border-bottom:1px solid #ccc;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	float:left;
	display:inline;
}

#language_column li a {
	color:#FFF;
	text-decoration:none;
}

#language_column li a:hover{
	color:#ffea00;
	text-decoration:none;
}

#language_column li a:visited{
	color:#FFF;
	text-decoration:none;
}

/* *************** GAME PAGE END *************** */

/* HTML 5 support */
header, section, footer, aside, article, figure {
	display: block;
}