* { box-sizing: border-box; }html {height: 100%;}body {    position: relative;    min-height: 100%;    margin: 0;    border: 0;    padding: 0 0 42px 0;    font-family: Arial, Helvetica, Verdana;    font-size: 100%;    font-weight: normal;    vertical-align: baseline;    background-color: #141b23;    box-sizing: border-box  }::-moz-selection { /* Code for Firefox */    color: #dacfba;    background: #0b1016;}::selection {    color: #dacfba;    background: #0b1016;}a:link {text-decoration: none; color: #f39c76; cursor: pointer; cursor: hand;}a:visited {color: #f39c76;}a:hover {color: #f6bf84;}a:acrive {color: #f6bf84;}img, object, embed {max-width: 100%;}#banner {    padding: 0;    margin: 0;    width: 100%;    height: 121px;    background-color: #0d2b61;    background-image: url("images/banner_bg.jpg");    background-repeat: repeat-x;    border-bottom: 2px solid #77c0dc;}#banner .container { font-size: 0;  }.title {    display: inline-block;    height: 100%;    width: 538px;    background-image: url("images/faroff.png");    background-repeat: no-repeat;    background-size: contain;}.dreaming {    position: absolute;    display: inline-block;    text-align: center;    width: 462px;    height: 62px;    font-size: 0;    background-image: url("images/dreaming.png");    background-repeat: no-repeat;    margin-top: 4px;}.navbar {    display: inline-block;    text-align: center;    height: 31px;    margin-bottom: 10px;    width: 462px;    font-size: 0;}.navbar a { display: inline-block; height: 31px; }.nav1 {    width: 107px;    background: url("images/nav_home.png") no-repeat;    background-size: contain;}.nav1:hover {    background-image: url("images/nav_home_on.png");}.nav2 {    width: 132px;    background: url("images/nav_games.png") no-repeat;    background-size: contain;}.nav2:hover {    background-image: url("images/nav_games_on.png");}.nav3 {    width: 109px;    background: url("images/nav_news.png") no-repeat;    background-size: contain;}.nav3:hover {    background-image: url("images/nav_news_on.png");}.nav4 {    width: 108px;    background: url("images/nav_about.png") no-repeat;    background-size: contain;}.nav4:hover {        background-image: url("images/nav_about_on.png");}.nav1.curpage {background-image: url("images/nav_home_on.png");}.nav2.curpage {background-image: url("images/nav_games_on.png");}.nav3.curpage {background-image: url("images/nav_news_on.png");}.nav4.curpage {background-image: url("images/nav_about_on.png");}#featured {    background-color: #12273d;    height: 257px;  /* <<< this might be a problem in scaling  */    width: 100%;    border-bottom: 3px solid #193047;}#feature {    position: relative;    width: 100%;    height: 100%;}.mySlides {    position: absolute;    left: 0px;    width: 100%;    height: 100%;    background-size: cover;    background-position: center;}.slide1 { background-image: url("images/games1.jpg"); }.slide2 { background-image: url("images/games2.jpg"); }.slide3 { background-image: url("images/games3.jpg"); }.myTitles {    position: absolute;    background-size: cover;    background-position: center;}.title1 { height: 99px; width: 329px; max-width: 100%; top: 10%; left: 9%; background-image: url("images/games1t.png"); background-repeat: no-repeat; background-size: contain;}.title2 { height: 103px; width: 383px; max-width: 100%; top: 7%; left: 10%; background-image: url("images/games2t.png"); background-repeat: no-repeat; background-size: contain;}.title3 { height: 139px; width: 401px; max-width: 100%; top: 1%; left: 9%; background-image: url("images/games3t.png"); background-repeat: no-repeat; background-size: contain;}.myslides img { width: 100%; }#arrowl {    cursor: pointer; cursor: hand;    position: relative;    float: left;    z-index: 2;    background-image: url("images/arrowl.png");    width: 38px;    height: 100%;    background-position: center;    background-repeat: no-repeat;}#arrowr {    cursor: pointer; cursor: hand;    position: relative;    float: right;    z-index: 2;    background-image: url("images/arrowr.png");    width: 38px;    height: 100%;    background-position: center;    background-repeat: no-repeat;}#arrowl:hover {-webkit-filter: brightness(115%); filter: brightness(120%);}#arrowr:hover {-webkit-filter: brightness(115%); filter: brightness(120%);}#border1 {    margin: auto auto 18px auto;    width: 96.4%;    height: 15px;    border-bottom: 1px solid #213d5d;}#news {    width: 640px;    float: left;}.newsitem {    height: auto;    width: 100%;    padding-bottom: 28px;}.newsleft {    width: 55px;    height: 100%;    float: left;    margin-right: 9px;}.newsdate {    text-align: center;    border-radius: 10px;    background-color: #122a42;    width: 100%;    height: 74px;     padding-top: 2px;}.datetop {padding-top: 4px; height: 30%; color: #7c9aec; font-size: 12pt; font-family: "Arial Narrow", Arial, sans-serif; font-weight:bold;}.datemid {padding-bottom: 2px; color: #7c9aec; font-size: 15pt; font-family: "Arial Narrow", Arial, sans-serif; font-weight:bold;}.datebot {padding-bottom: 4px; height: 30%; color: #5997e3; font-size: 12pt; font-family: "Arial Narrow", Arial, sans-serif; font-weight:bold;}.newsright {    padding-left: 74px;    width: 100%;    height: auto;}.newsnews {display: none;}.newstitle {padding: 7px 0px 14px 2px; color: #6da9ed; font-size: 13pt; font-weight:bold;}.newsheader {padding-bottom: 12px; width: 100%;}.newstext {color: #dacfba; font-size: 14px; line-height: 1.3em;}.newsimg {padding: 12px 0px 12px; width: 100%;}.newsvimg {display: block; padding: 0; width: 100%;}.sig {padding-top: 20px;}.headline {font-size: 16px; font-weight: bold; padding-bottom: 6px; text-align: center; line-height: 21px;}.headline1 {color: #6da9ed; font-size: 20px; font-weight: normal; padding-bottom: 6px; text-align: center; line-height: 24px;}.cen {text-align: center;}.nobreak {white-space:nowrap;}.nobreakno {white-space:nowrap;}.spanny {}#media {    width: 31.5%;    height: 100%;    float: right;}#medfollow {    color: #69a7f8;    font-size: 13.5pt;    font-weight: bold;    text-shadow: 2px 2px 4px #0b1016;    text-align: center;    width: 100%;    margin: auto auto 15px auto;}.medsub {    color: #6da9ed;    font-size: 12pt;    font-weight: bold;    text-shadow: 2px 2px 4px #0b1016;    text-align: center;    width: 100%;    margin: 24px auto 15px auto;}.medrel { width: 100%; height: 50px; background-image: url("images/hl_releases.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }.medrow {    text-align: center;    width: 100%;    margin: auto auto 15px auto;}.medrow1 {    text-align: center;    width: 100%;    margin: auto auto 15px auto;}.medrow2 {    text-align: center;    width: 100%;    margin: auto auto 15px auto;}.medicon {    width: 32px;    margin: 0 10px;    height: 32px;    box-shadow: 3px 3px 2px #0b1016;}.medicon:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}.dash {margin: auto; margin: 0px auto 20px; height: 1px; width: 85%; border-style: none none dashed none; border-color: #213d5d; border-width: 1px;}.dash.sevensix { display: none; margin-bottom: 0;}.subtext {margin: auto auto 12px; text-align: center; display: block; width: 85%; color: #dacfba; font-size: 9pt; font-weight:bold; line-height: 15px;}.yesub { font-size: 10pt; }.notsx { display: block;}#subwrap {    text-align: center;    width: 88%;    margin: auto auto 24px auto;}#subbed { display: none;}.subinp {    margin-bottom: 10px;    background-image: url('images/mail.jpg');    background-position: 3px 3px;     background-repeat: no-repeat;    padding-left: 34px;    border: 3px groove #426286;    border-radius: 4px;    height: 25px;    width: 62%;}.submi {    cursor: pointer; cursor: hand;    height: 20px;    width: 40%;    color: #fafbfc;    font-size: 12.5px;    font-weight: bold;    background: #18b9dd;    background: -webkit-linear-gradient(to bottom, #30bbda, #0f86a2, #0f86a2, #30bbda); /* For Safari 5.1 to 6.0 */    background: -o-linear-gradient(to bottom, #30bbda, #0f86a2, #0f86a2, #30bbda); /* For Opera 11.1 to 12.0 */    background: -moz-linear-gradient(to bottom, #30bbda, #0f86a2, #0f86a2, #30bbda); /* For Firefox 3.6 to 15 */    background: linear-gradient(to bottom, #30bbda, #0f86a2, #0f86a2, #30bbda);    border: none;    border-radius: 6px;}.submi:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}.kmail {width: 180px; height: 32px; background-position: 6px 6px;}.ksub {width: 94px; height: 26px; margin-left: 8px;}.kimg {max-width: 100%;}.kimg2 {max-width: 100%; padding-bottom: 10px;}.relitem {    display: table;    margin: auto;    padding-bottom: 18px;    padding-top: 4px;    width: 80%;}.relimg {display: inline-block; }.reldesc {display: inline-block; min-height: 102px; padding-top: 4px;}.reltitle {text-align: left; font-size: 10pt; font-weight:bold;}.reltext {padding-top: 4px; text-align: center; color: #dbc39e; font-size: 12px;}.relimg img{    -webkit-box-shadow: 0px 0px 0px 1px #709ac9;    -moz-box-shadow: 0px 0px 0px 1px #709ac9;    box-shadow: 0px 0px 0px 1px #709ac9;    min-width: 102px;}.game {}.gamehead {text-align: center; padding-top: 20px; padding-bottom: 18px;}.gamehead img {max-height: 70px;}.nd img {max-height: 63px;}.gameimg {text-align: center; padding: 12px 0px 12px;}.vid {position: relative; padding-bottom: 56.25%; height: 0; margin: 0 auto 15px auto;}.evid {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.headimg {text-align: center; padding-bottom: 12px;} .sechead {text-align: center; padding: 12px 0px 12px;}.sechead img {max-height: 100px; max-width: 91%;}.gameimgh {text-align: center; padding: 0 0 20px;}.gameimg1 {text-align: center; padding: 0 0 20px;}.gameimg2 {display: none; text-align: center; padding: 0 0 20px;}.gametext {color: #dacfba; font-size: 14px; line-height: 1.3em; padding-bottom: 12px;}.hilight {text-align: center; font-size: 12pt;font-weight: normal; line-height: 20px;}.lhilight {text-align: center; font-size: 16px;font-weight: normal; line-height: 23px;}.hhilight {text-align: center; font-size: 18px; font-weight: normal; line-height: 22px;}.mylist {text-align: center; font-size: 15px; width: 100%; line-height: 21px;}.mylistl {text-align: left; padding-left: 32px; font-size: 15px; width: 100%; line-height: 21px;}.space {height: 20px;}.pillar {margin: auto 10px 16px 8px; border: 3px solid #213d5d;}.pillar:hover {-webkit-filter: brightness(120%); filter: brightness(120%);}.about {width: 90%; margin: auto; position: relative;}.about.clearfix {padding-bottom: 12px;}.abouthigh {width: 100%; color: #dacfba; padding: 7px 0px 20px 2px; font-size: 14pt; font-weight:normal; line-height: 26px;}.aboutimg {position: relative; z-index: 2; width: 34.5%; float: left; padding: 12px 0px 12px; }.aboutimg img { max-height: 223px;}.aboutdesc {width: 65.5%; float: left; position: relative; z-index: 1}.abouthead {background: #0e1951; box-shadow: 0 0 10px 10px #0e1951; border-radius: 13px; margin: 27px 0px 22px -10px; padding: 4px 0 4px 30px; color: #7bb4f4; font-size: 17pt; font-weight:bold;}.abouttext {position: relative; left: 21px; color: #dacfba; font-size: 11pt; font-weight:normal;}.aquote {font-weight: normal; font-style: italic; font-size: 11pt;}.aboutmail {display: block; margin-bottom: 5px; text-align: center; width: 100%;}.aboutmail img { margin: 0 5px; height: 42px; max-width: 100%;}.aboutname { display: inline-block; }.amedrow { display: inline-block; margin-left: 6px; vertical-align: middle;}.amedicon {    display: inline-block;    width: 32px;    margin: 0 6px;    height: 32px;    box-shadow: 3px 3px 2px #0a1135;    -webkit-filter: brightness(90%);    filter: brightness(90%);}.amedicon:hover {-webkit-filter: brightness(100%); filter: brightness(100%);}#footer {    /* display: none; */    /* position: absolute; */    /* bottom: 0; */    position: absolute;    right: 0;    bottom: 0;    left: 0;    text-align: center;    font-weight: bold;    font-size: 14px;    color: #6da9ed;    width: 100%;    height: 42px;    background-color: #12273d;    border-top: 3px solid #193047;}#copy {    margin-top: 10px; font-weight: normal; color: #5a87bb;}.clearfix:after {  content: "";  display: table;  clear: both;}.download_links { width: 100%; text-align: center; }.download_links a { height: 80px; display: inline-block; }.download_links a img { height: 100%; }.downloadone img {max-width: 65%;}.itch {margin-right: 16px;}@media screen and (min-width: 1020px) {    .container {        margin: 0 auto;        width: 1000px;        height: 100%;    }    .navbar {        display: inline-block;        text-align: center;        width: 462px;        overflow: hidden;    }}@media screen and (max-width: 1085px) {    .container {        width: 100%;        height: 100%;    }    .econtent {padding-left: 50px; padding-right: 50px;}    .ncontent { padding-left: 20px; padding-right: 20px;}}@media screen and (max-width: 1019px) {    #media {margin-right: -3px;}    .title { display: block; margin: 0 -43px; height: 112px; clear: both; background-position: center; background-size: contain;}    .navbar { display: block; width: 100%; margin: -8px auto; clear: both; }    .dreaming { display: inline-block; width: 46.3%; right: 0; top: 0; margin-top: 23px; right: 0;  background-size: contain;}    .slide3 { background-position: 0%;}        #banner { height: 143px; background-size: contain; background-image: url("images/banner_bgL.png");}    .nav1 { width: 23.1%; background-position: center; background-size: contain;}    .nav2 { width: 28.5%; background-position: center; background-size: contain;}    .nav3 { width: 23.6%; background-position: center; background-size: contain;}    .nav4 { width: 23.4%; background-position: center; background-size: contain;}    #featured .container { padding: 0; }    #news { width: 68%; }    .newsevid {width: 100%;}    .newsvid {position: relative; height: 315px; margin-bottom: 18px;}    .newsvidcontain { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }        .subinp {width: 80%;}        .relimg { padding: 0;}    .relimg img {max-width: 80%;}        .medicon { margin: 0 5px;}}@media screen and (max-width: 910px) {    .mySlides { left: 0; }      .ncontent { padding-left: 10px; padding-right: 5px;}    .newsleft {margin-right: 0px;}    .newsdate {width: 90%; margin: 0 auto;}}@media screen and (max-width: 880px) {    .container {padding-left: 20px; padding-right: 20px;}    .ncontent { padding-left: 10px; padding-right: 5px;}}@media screen and (max-width: 840px) {    .title { margin: 0; height: 121px; width: 100%;}    .dreaming {display: none; }    #banner { height: 149px; }    .slide1 { background-position: 40%;}    .download_links a img {height: 90%;}    }@media screen and (max-width: 760px) {        #media { width: 100%; text-align: center; margin-right: 0;}    #medfollow { display: inline-block; width: auto; margin-right: 4px; font-size: 14.5pt;}    .medrow { display: inline-block; width: auto; vertical-align: middle; margin: 0;}    .medrow1 { margin: 0 auto; }        .medrel { display: block; margin: -6px 0 18px; width: 100%; height: 60px;}    .medsub { margin: -6px auto 7px;}    .subinp { display: inline-block; width: 178px; height: 30px; background-position: 3px 5px;}    .submi { display: inline-block; width: auto; margin-left: 12px;}    #subwrap { margin-bottom: 6px; }    .subtext {width: 100%;}    .medsub.myrel { display: none; }    .spanny {white-space:nowrap;}        .slide1 { background-position: 53%;}    .slide2 { background-position: 55%;}    .slide3 { background-position: 20%;}    .title3 {top: 4%;}    .medicon { margin: 0 10px;}        .relimg {max-width: 50%; display: inline-block; width: auto; padding: 0 9px;}    .reldesc {max-width: 50%; padding: 0; vertical-align: top;}    .relitem { display: inline-block; font-size: 0; width: 49%;}    .reltext { text-align: left;}        .dash.sevensix {display: block;}    .notsx {display: none;}    .newsnews { display: block; margin: 12px 0; width: 100%; height: 60px; background-image: url("images/hl_news.png"); background-size: contain; background-repeat: no-repeat; background-position: center;}    .newsvid {text-align: center;}    #news { width: 100%; }    .newsheader {text-align: center;}    .newstitle {text-align: center;}    .newsdate {display: inline-block; width: 94%; height: 25px; margin: 0 0 12px 0;}    .datetop {padding: 4px;}    .datemid {padding: 4px; height: 30%; color: #7c9aec; font-size: 12pt; font-family: "Arial Narrow", Arial, sans-serif; font-weight:bold;}    .datebot {padding: 4px; height: 30%; color: #7c9aec; font-size: 12pt; font-family: "Arial Narrow", Arial, sans-serif; font-weight:bold;}    .newsleft { width: 100%; text-align: center;}    .newsright { padding-left: 0; }    .newsleft div div { display: inline; }        .pillar { margin: 0 2px 16px 2px;}    }@media screen and (max-width: 660px) {    .evid {width: 100%;}}@media screen and (max-width: 616px) {    .itch {margin-right: 0px;}}@media screen and (max-width: 570px) {    #news { width: 100%; padding: 0 4px;}        #media { width: 100%; }    .evid {height: 100%;}        .container { padding: 0;}    .econtent { padding-left: 5px; padding-right: 5px;}    .ncontent { padding-left: 5px; padding-right: 5px;}    .sig {margin-left: 6px;}    .newsleft { width: 100%; }    .newsright { padding-left: 0; }    .newsleft div div { display: inline; }    .newsleft .newsdate { height: auto; }    .vidcontain { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }        }@media screen and (max-width: 550px) {    .title { background-size: 110%; background-position: top;}}@media screen and (max-width: 516px) {    #banner { position: relative; padding-top: 28%; height: auto; }    #banner .container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }    .title { position: absolute; width: 100%;}    .navbar { position: absolute; padding-top: 22%; width: 100%;}    #featured { height: 180px; }    .slide1 { background-position: 55%;}    .slide2 { background-position: 90%;}    .slide3 { background-position: 26%;}    .medrow1 {margin-bottom: -5px;}    #news { width: 100%; }    #media { width: 100%; margin-top: -10px;}    #medfollow { display: block; padding: 0; margin-right: 0; margin-bottom: 7px;}    .medrow {margin: 0 0 7px;}    .medicon { margin: 0 17px;}        .nav1 { width: 23.1%; background-size: contain;}    .nav2 { width: 28.5%; background-size: contain;}    .nav3 { width: 23.6%; background-size: contain;}    .nav4 { width: 23.4%; background-size: contain;}        .title1 {left: 0;}    .title2 {left: 0;}    .title3 {left: 0;}        #arrowl { background-position-y: 97%;}    #arrowr { background-position-y: 97%;}        .navitem {background-size: contain;}        .container { padding: 0;}    .econtent { padding-left: 5px; padding-right: 5px;}    .ncontent { padding-left: 5px; padding-right: 5px;}    .subtext {margin-bottom: 5px; padding: 0 3px;}    .yesub { margin-bottom: 11px;}    .relitem { float: left; width: 50%;}    .newsleft { width: 100%; padding-bottom: 4px;}    .newsright { padding-left: 0; }    .newsleft div div { display: inline; }    .newsleft .newsdate { height: auto; }    .newstext { text-align: justify;}        .download_links a img { height: 65px;}         .sechead img {max-height: 76px;}        #banner {border-bottom-width: 2px;}    #featured {border-bottom-width: 2px;}    #footer {border-top-width: 2px;}}@media screen and (max-width: 500px) {    #border1 {height: 7px; width: 93%;}    .relitem {height: 100px; margin-bottom: 32px;}    .relimg {display: inline-block; width: 100%; padding: 0;}    .relimg img {min-width: 90px; }    .reldesc {width: 100%; max-width: 100%; padding-top: 6px;}    .reltitle {text-align: center;}    .reltext {display: none;}    .medrel {margin-bottom: -10px;}            .newsevid {height: 240px;}    .newsvid {height: 240px;}}@media screen and (max-width: 460px) {    #banner {border-bottom-width: 1px;}    #featured {border-bottom-width: 1px;}    #footer {border-top-width: 1px;}}@media screen and (max-width: 400px) {    .medicon { margin: 0 10px;}        .slide2 { background-position: 78%;}    .download_links a img { height: 50px;}     .download_links a { height: auto;}        .newsevid {height: 200px;}    .newsvid {height: 200px;}}@media screen and (max-width: 360px) {    .subinp {width: 54%; height: 26px; background-position: 3px 3px;}    .submi { margin-left: 4px;}    #subwrap { width: 100%; }    #medfollow {font-size: 13.5pt; margin-bottom: 9px;}    #medrow2 {margin: 0;}    .relimg { max-width: 100%; }    .relimg img {max-width: 50%;}     .medrel { margin: -12px 0 -7px; height: 56px;}}@media screen and (max-width: 330px) {    .download_links a img { height: 46px;}    .title { background-size: 110%;}    .slide3 { background-position: 38%;}}@media screen and (max-width: 328px) {    .medicon {margin: 0 7px;}    .spanny {white-space:normal;}}@media screen and (max-width: 300px) {    .download_links a img { height: 42px;}    .subtext .nosub {display: none;}}/* GAMES */@media screen and (max-width: 700px) {    .vid { max-width: 100%; min-width: 0;)}@media screen and (max-width: 680px) {    .pillar { max-width: 32%; margin: 0 1px 2px;}}@media screen and (max-width: 600px) {    .gametext { text-align: justify;}    .gamehead {padding: 6px 0px 6px;}    .ext { padding-bottom: 13px;}    .remove { padding-bottom: 0px;}    .hilight {margin: 0;}}@media screen and (max-width: 420px) {    .sreel img {max-width: 60%;}    .squirk img {max-width: 80%;}    .gameimg1 { display: none;}    .gameimg2 { display: block;}    .pillar { max-width: 97%; margin: 0 auto 4px;}    #border1.rem {margin: 0;}    }@media screen and (max-width: 340px) {    .hhilight {font-size: 17px;}}/* NEWS */@media screen and (max-width: 760px) {    #border1.nremove { margin-bottom: 0;}    .secabout {padding-bottom: 0;}}/* ABOUT */@media screen and (max-width: 860px) {    .about {width: 97%;}    .abouthead {margin-top: 25px;}    .aboutimg {width: 39.5%;}    .aboutdesc {width: 60.5%;}    }@media screen and (max-width: 800px) {    .about {width: 97%;}    .abouthead {margin-top: 25px;}    .aboutimg {width: 45.5%;}    .aboutdesc {width: 54.5%;}    }@media screen and (max-width: 720px) {    .abouthigh .nobreak {white-space:normal;}    .abouttext {left: 16px;}    .abouthead {margin-left: -15px;}}@media screen and (max-width: 600px) {    .aboutimg { display: block; text-align: center; width: 100%;}    .aboutdesc {display: block; width: 100%; padding-bottom: 16px;}    .abouthead {text-align: center; margin: 6px 0 20px 0; padding: 0;}    .abouthigh {font-size: 13pt; line-height: 21px; padding: 0px 0px 8px 0px;}}@media screen and (max-width: 380px) {    .about {width: 97%;}    .abouttext {left: 2px; padding-bottom: 12px;}}