/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html,
body {
    height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    /*
      Override the default (display: inline) for
      browsers that do not recognize HTML5 tags.
    
      IE8 (and lower) requires a shiv:
      http://ejohn.org/blog/html5-shiv
    */
    display: block;
}

b,
strong {
    /*
      Makes browsers agree.
      IE + Opera = font-weight: bold.
      Gecko + WebKit = font-weight: bolder.
    */
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    /*
      For IE.
      http://css-tricks.com/ie-fix-bicubic-scaling-for-images
    */
    -ms-interpolation-mode: bicubic;
}

ol,
ul {
    list-style: none;
}

li {
    /*
      For IE6 + IE7:
    
      "display: list-item" keeps bullets from
      disappearing if hasLayout is triggered.
    */
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

sub,
sup,
small {
    font-size: 75%;
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    /*
      For IE9. Without, occasionally draws shapes
      outside the boundaries of <svg> rectangle.
    */
    overflow: hidden;
}

/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
    font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

pre,
code {
    font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
    font-size: 25px;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

li {
    margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
    margin-bottom: 20px;
}

/*________________________________________________________________________________________*/
/*_____________________________________960gs_____________________________________*/
/*________________________________________________________________________________________*/

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
    min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.grid_8 a {
    color: #3d5f78;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
    position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
    width: 60px;
}

.container_12 .grid_2 {
    width: 140px;
}

.container_12 .grid_3 {
    width: 220px;
}

.container_12 .grid_4 {
    width: 300px;
}

.container_12 .grid_5 {
    width: 380px;
}

.container_12 .grid_6 {
    width: 460px;
}

.container_12 .grid_7 {
    width: 540px;
}

.container_12 .grid_8 {
    width: 620px;
}

.container_12 .grid_9 {
    width: 700px;
}

.container_12 .grid_10 {
    width: 780px;
}

.container_12 .grid_11 {
    width: 860px;
}

.container_12 .grid_12 {
    width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
    padding-left: 80px;
}

.container_12 .prefix_2 {
    padding-left: 160px;
}

.container_12 .prefix_3 {
    padding-left: 240px;
}

.container_12 .prefix_4 {
    padding-left: 320px;
}

.container_12 .prefix_5 {
    padding-left: 400px;
}

.container_12 .prefix_6 {
    padding-left: 480px;
}

.container_12 .prefix_7 {
    padding-left: 560px;
}

.container_12 .prefix_8 {
    padding-left: 640px;
}

.container_12 .prefix_9 {
    padding-left: 720px;
}

.container_12 .prefix_10 {
    padding-left: 800px;
}

.container_12 .prefix_11 {
    padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
    padding-right: 80px;
}

.container_12 .suffix_2 {
    padding-right: 160px;
}

.container_12 .suffix_3 {
    padding-right: 240px;
}

.container_12 .suffix_4 {
    padding-right: 320px;
}

.container_12 .suffix_5 {
    padding-right: 400px;
}

.container_12 .suffix_6 {
    padding-right: 480px;
}

.container_12 .suffix_7 {
    padding-right: 560px;
}

.container_12 .suffix_8 {
    padding-right: 640px;
}

.container_12 .suffix_9 {
    padding-right: 720px;
}

.container_12 .suffix_10 {
    padding-right: 800px;
}

.container_12 .suffix_11 {
    padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
    left: 80px;
}

.container_12 .push_2 {
    left: 160px;
}

.container_12 .push_3 {
    left: 240px;
}

.container_12 .push_4 {
    left: 320px;
}

.container_12 .push_5 {
    left: 400px;
}

.container_12 .push_6 {
    left: 480px;
}

.container_12 .push_7 {
    left: 560px;
}

.container_12 .push_8 {
    left: 640px;
}

.container_12 .push_9 {
    left: 720px;
}

.container_12 .push_10 {
    left: 800px;
}

.container_12 .push_11 {
    left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
    left: -80px;
}

.container_12 .pull_2 {
    left: -160px;
}

.container_12 .pull_3 {
    left: -240px;
}

.container_12 .pull_4 {
    left: -320px;
}

.container_12 .pull_5 {
    left: -400px;
}

.container_12 .pull_6 {
    left: -480px;
}

.container_12 .pull_7 {
    left: -560px;
}

.container_12 .pull_8 {
    left: -640px;
}

.container_12 .pull_9 {
    left: -720px;
}

.container_12 .pull_10 {
    left: -800px;
}

.container_12 .pull_11 {
    left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after,
.container_12:after {
    clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
    zoom: 1;
}


/*________________________________________________________________________________*/
/*___________________________________MASK___________________________________*/
/*________________________________________________________________________________*/


.view {
    width: 254px;
    height: 254px;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    /* box-shadow: 1px 1px 2px #000000;*/
    cursor: default;

}
.view .mask, .view .content {
    width: 254px;
    height: 254px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}




.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: #284962;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.view-first p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.view-first a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}


/*______________________________________________________________________*/
/*_____________________________STYLE________________________________*/
/*______________________________________________________________________*/


body { 
    margin:0px; 
    background:url("../images/bg.jpg");
    background-color:#1e1a17;
    color:#fff;
    font-family: 'Droid Sans', sans-serif;
}

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

section{
    min-height:100%;
}

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

header {
    position:fixed;
    width:100%;
    /*background-color:rgba(9,11,6,0.7);*/
    background-color: #1c2a36;
    z-index:1000;
    background: url('/images/header_bg.jpg');
    box-shadow:1px 1px 2px #1e3d6c;
}

nav {
    position:absolute;
    right:2px;
    top:30px;
    font-family: 'Droid Sans', sans-serif;
    font-size:14px;
}

nav a{
    margin-left:20px
}

/*nav span{
        background:#872428;
        height:.3em;
        display:block;
        position:relative;
        width:45px;
        left:0;
        margin-left:20px
}*/
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fff; margin-left:20px}

#inner {
    position:relative;
    width:960px;
    margin:0 auto;
    height:77px;
    padding-top:8px;
}

#logolettering{
    float:left;
    font-family:OrbitronBlack;
    font-size:16px;
    MARGIN-tOP:20px;
    margin-left:10px;
    cursor:pointer;
}

.left {
    float:left;
}

/*======= LANGUAGE SELECTION ========*/

#lang-option{
    list-style:none;
    margin-bottom:0;
}

#lang-option li{
    margin-left: 0;
    padding-left: 20px;
    margin-bottom: 5px;
}

.language-selected{
    background: url('../images/icons/selected.png') 8px center no-repeat;
}

#lang-option-container{
    display:none;
    position: absolute;
    right: 390px;
    list-style: none;
    top: 55px;
    font-size: 11px;
    width: 100px;
    background-color: #1e1a17;
    padding:8px;
    -webkit-box-shadow: 0px 0px 10px 0px #000000;
    -moz-box-shadow: 0px 0px 10px 0px #000000;
    box-shadow: 0px 0px 10px 0px #000000;
}

#lang-selected {
    position: absolute;
    right: 455px;
    list-style: none;
    top: 35px;
    font-size: 11px;
    padding: 1px 0 0 13px;
    background: url('../images/icons/globe.png') 0px center no-repeat;
}


#clear {
    clear:both;
    height:80px;
}

#slider{
    width:100%;
    background-color:#f9fbfb;
    padding-top:25px;
    /* height:500px;*/
    color:#1E1A17;
}

#innerslider{
    width:960px;
    height:393px;
    margin: 0 auto;
    padding-bottom:20px;
}

#imagecontainer {
    margin-bottom:15px;
    height:100%;
    border:10px solid #fff;
}



#tagline{
    font-family: 'volkhov', serif;
    /*height:200px;*/
    text-align:center;
    color:#1E1A17;
}

#tagline h2 {
    font-size:50px;
}

.dividerwrapper{
    position:relative;
    height:128px;
    margin-bottom:20px;
}  

.registerwrapper{
    background:url(../images/divider_vertical.gif) repeat-y left; 
    padding-left:10px;
    margin-left:0px;
    text-align:center;
}  

#registertag{
    font-family: 'tahoma', sans-serif;
    font-size:15px;
    /*letter-spacing:-1px;*/
    font-weight:bold;
}

.dividerwrapper h2 {
    position: absolute;
    top: 50px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-family: 'volkhov', serif;
    font-size:17px;
}

.divider {
    width:100%;
    height:128px;
    margin-top:20px;
    background:url(../images/dividercomplete.png) no-repeat;
}



button.g-button, a.g-button, input[type=submit].g-button {
    padding: 6px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px rgb(153, 153, 153);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* IE */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221))); /* Chrome, Safari:*/
    background: -moz-linear-gradient(top, #ffffff, #dddddd); /* Mozilla: */
    color: #333;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
    line-height: 1;
}

.g-button:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd'); /* IE */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#ddd)); /* Chrome, Safari:*/
    background: -moz-linear-gradient(top, #f8f8f8, #dddddd); /* Mozilla: */
}

.g-button.large {
    padding: 10px 0px;
    font-size: 20px;
    font-weight: bold;
    min-width:294px;
    max-width:310px;
}

button::-moz-focus-inner {
    border:0;
    padding:0;
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/plusicon2.png') no-repeat 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.4s linear;
    -moz-transition: -moz-transform 0.4s linear;
    transition: transform 0.4s linear;
    cursor: pointer;
}

.icon:hover {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: -webkit-transform 0.4s linear;
    -moz-transition: -moz-transform 0.4s linear;
    transition: transform 0.4s linear;
}

.closetext{
    font-size:16px;
    cursor:pointer;
    width: 50px;
    position: absolute;
    text-align: right;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}

#fbicon{
    float: right;
    width: 9px;
    height: 40px;
    background:  url("../images/fbicon.png") no-repeat 0px 0px;
    text-decoration: none;

}

#fbicon:hover{
    background-position: 0px -22px;
}

#ldicon{
    float: right;
    width: 16px;
    height: 16px;
    background:  url("../images/linkedin_hover.png") no-repeat;
    text-decoration: none;
    margin-top: 1px;
    margin-right: 7px;

}

#ldicon:hover{
    background:  url("../images/linkedin.png") no-repeat;
}

#youtubeicon{
    float: right;
    width: 18px;
    height: 37px;
    background:  url("../images/youtubeicon.png") no-repeat 0px 0px;
    text-decoration: none;
    margin-left:10px;
}

#youtubeicon:hover{
    background-position: 0px -20px;
}

.iconwhite {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/plusiconwhite.png') no-repeat 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.4s linear;
    -moz-transition: -moz-transform 0.4s linear;
    transition: transform 0.4s linear;
    cursor: pointer;
}

.iconwhite:hover {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: -webkit-transform 0.4s linear;
    -moz-transition: -moz-transform 0.4s linear;
    transition: transform 0.4s linear;
}

#gameinfo{
    background-color: #E1E0CE;
    -webkit-box-shadow: inset 0  8px 8px -8px #000,inset 0 -8px 8px -8px #000;
    -moz-box-shadow: inset 0  8px 8px -8px #000,inset 0 -8px 8px -8px #000;
    box-shadow: inset 0  8px 8px -8px #000,inset 0 -8px 8px -8px #000;
    margin-top:15px;
    width:100%;
    position:relative;
} 

#gameinfowrapper{
    display:none;
    color:#090B06;
    padding:15px 0;

}

.games{
    background:url("../images/logotypes.jpg");
    height:254px;
    width:254px;
}

.gameFS{
    background-position: -254px 0;
} 

.gamePM{
    background-position: 755px 0;
}

.gameBC{
    background-position: 495px 0;
}

.gameTB{
    background-position: 275px 0;
}

.mediaimages{
    background:url("../images/media.jpg");
    height:200px;
    width:281px;
    display: block;
}

.mediaptrealms{
    background-position:-281px 0;
}

.media24sata{
    background-position:562px 0;
}

.freegamesonline{
    background-position:281px 0;
}

.media-image-wrapper img{
    border:10px solid white; 
    width:281px;
    height:200px;
}

/* BOX SHADOW do jogo seleccionado para Mozilla, Chrome, IE9 e Safari*/
.selected{
    border-color:#284962 !important;
    /*
    box-shadow: 0 0 30px #872428;
    -webkit-box-shadow: 0 0 30px #872428;
    -moz-box-shadow: 0 0 30px #872428;
    */
}

.not-selected{
    border-color:#fff !important;
    /*
    box-shadow: 0 0 30px #872428;
    -webkit-box-shadow: 0 0 30px #872428;
    -moz-box-shadow: 0 0 30px #872428;
    */
}

.buttoncategories {
    padding: 8px 4px;

    color: white;
    width: 24px;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-top: 4px solid #CCC;
    border-left: 4px solid #CCC;
    border-right: 4px solid #CCC;
    border-bottom: 4px solid #AAA;
    -moz-border-top-colors: #3b3b3b #6d6d6d #535353 #494949;
    -moz-border-right-colors: #2d2d2d #484848 #484848 #414141;
    -moz-border-left-colors: #2d2d2d #484848 #484848 #414141;
    -moz-border-bottom-colors: #111111 #484848 #484848 #414141;

    display: inline;
}

.buttoncategoriespressed {
    padding: 4px 0px;
    color:#fff;
    width: 24px;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-top: 8px solid #ccc;
    border-left: 8px solid #ccc;
    border-right: 8px solid #ccc;
    border-bottom: 9px solid #aaa;
    -moz-border-top-colors:#323232 #111111 #111111 #1f1f1f #272727 #2a2a2a #2c2c2c #2d2d2d;
    -moz-border-right-colors:#323232 #111111 #1f1f1f #272727 #292929 #2a2a2a #2c2c2c #2d2d2d;
    -moz-border-left-colors:#323232 #111111 #1f1f1f #272727 #292929 #2a2a2a #2c2c2c #2d2d2d;
    -moz-border-bottom-colors:#515151 #111111 #1f1f1f #272727 #292929 #2a2a2a #2c2c2c #2d2d2d;
    background-color: #2d2d2d;
    display: inline;

}

.news img{
    width:75px;
    float: left;
    margin: 5px 10px 0px 0px;
    padding: 3px;
    background: white;
    border: 1px solid #D8DFEA;
}

.newsdate{
    font-weight:bold;
    font-size:11px;
    font-style:italic;
}

.mediatitle{
    font-family: 'volkhov', serif;
    font-size:20px;
    font-weight:bold;
}

.sub{
    float: left;  
    height: 100%;  
    position: relative; 
}

.news{
    text-align:justify; 
}

.news h4{
    font-size:24px;
    line-height:1;
    text-align:left; 
}

.taglinenews{
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 10px 0 20px 0;
    font-style: italic;
}
.unselectednewsbullet{
    background:url('../images/newsbullets.png') ;
    height:14px;
    width:14px;
    cursor:pointer;
    float:left;
    background-position:14px 0;
}

.selectednewsbullet{
    background:url('../images/newsbullets.png') ;
    height:14px;
    width:14px;
    cursor:pointer;
    float:left;
}

.langselected{
    border-bottom: 2px solid #fff;
}

.gametitle{
    font-family:'volkhov';
    font-size:30px;
    line-height:0;
}

.gameinfoimg{
    border:10px solid #1e1a17;
}

.gameinfobt{
    padding:12px 49px;
    margin-top:20px;
}

#contactwrapper{
    display:none;
    width:100%; 
    height:100%;
    position:fixed;
    z-index:999;
}

#contactformwrapper{
    position:relative;
    background:url("../images/bg.jpg");
    width:100%;padding-top:10px; 
    height:60%;
    -webkit-box-shadow: 0  8px 8px -8px #000, 0 -8px 8px -8px #000;
    -moz-box-shadow: 0  8px 8px -8px #000, 0 -8px 8px -8px #000;
}

.closecontactdiv{
    float: right;
    background: rgba(77, 77, 77, 0.5);
    padding: 10px 10px;
    font-size:15px;
    cursor:pointer;
}

#contactclose {
    width:960px;
    margin:0 auto;
}

#contactclosewrapper {
    bottom: 21px;
    position: fixed;
    float: right;
    width: 100%;
}

footer {
    position:fixed;
    left:0;
    bottom:0;
    width: 100%;
    /*height:50px;
    padding-top:30px;
    */
    height:20px;
    padding-top:5px;
    background-color: #090B06;
    z-index: 1000;
}

ul.form-block
{
    list-style:none;
}

ul.form-block li {
    margin: 0 0 15px 0;
    overflow: hidden;
}

ul.form-block li.third input[type="text"] {
    width: 280px;
}

ul.form-block li input[type="email"] {
    width: 280px;
}

ul.form-block li input[type="submit"] {
    color:#fff;
}

ul.form-block li span.required, ul.form-block li span.optional {
    display: none;
}

ul.form-block li label {
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 25px;
}

ul.form-block li.third label {
    float: left;
    width: 120px;
}

ul.form-block li input[type="button"] {
    cursor:pointer;
}

ul.form-block li input[type="text"], ul.form-block li input[type="email"], ul.form-block li input[type="submit"], ul.form-block li input[type="button"], ul.form-block li select, ul.form-block li option, ul.form-block li textarea{
    background: #4D4D4D;
    background: rgba(77, 77, 77, 0.5);
    border: 1px solid transparent;
    padding: 5px 10px;
    font-size: 11px;
    color:#fff;
    font-weight: bold;
    resize: none !important;
    float: left;
}

ul.form-block li.full input[type="text"], ul.form-block li.full textarea {
    float: left;
    clear: left;
    width: 400px;
    height: 100px;
}

/*---------------*/
/* MEDIA QUERIES */
/*---------------*/

@media all and (max-height: 600px) {
    #form{
        display:none;
    }
}



@media all and (max-width: 960px) {
    #contactclose{
        width:95%;
    }
}

@media all and (max-height: 800px) {
    ul.form-block li label {
        display: block;
        font-size: 10px;
        font-weight: bold;
        line-height: 25px;
    }

    form h2 {
        font-size:18px;
    }

    form h4 {
        font-size:14px;
    }

    ul.form-block li.full input[type="text"], ul.form-block li.full textarea {
        float: left;
        clear: left;
        width: 400px;
        height: 80px;
    }


    p,
    dl,
    hr,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ol,
    ul,
    pre,
    table,
    address,
    fieldset,
    figure {
        margin-bottom: 10px;
    }

    ul.form-block li input[type="text"], ul.form-block li input[type="email"], ul.form-block li input[type="submit"], ul.form-block li select, ul.form-block li option, ul.form-block li textarea {
        padding: 3px 10px 3px 10px;
    }
}


@media all and (max-height: 700px) {

    #imagecontainer {
        height:70%;
    }

    ul.form-block li {
        margin: 0 0 5px 0;
    }

    form h2 {
        font-size:14px;
        margin-bottom:5px;
    }

    form h4 {
        font-size:12px;
    }

    ul.form-block li.full input[type="text"], ul.form-block li.full textarea {

        height: 60px;
    }
}

/*----------------*/
/*    TEAM PIC    */
/*----------------*/

.staff_frame {
    opacity: 0.0;
    zoom: 1;
    filter: alpha(opacity=0);
    position: absolute;
    -moz-opacity:0.0;
    -khtml-opacity: 0.0;
}
.staff_frame:hover {
    opacity: 0.9;
    zoom: 1;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
}


/*!
 * Pikaday
 * Copyright © 2012 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    width: 240px;
    padding: 8px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}