@font-face {
    font-family: Comic Sans MS;
    src: url(/style/comic.ttf);
   }
img {border:none;}
body {
  background: #6666CC url('/images/bg.png') center top repeat-x;
  margin: 0px;
  padding: 0px;
  font-family:Arial;
  font-size:14px;
}
#wrapper {
  position: relative;
  width: 1024px;
  margin: 0px auto;
  position: relative;
}
@media (max-device-width: 640px) {
    /* iPhone only */
}
#header {
  position: relative;
  height: 103px;
  width: 100%;
  background: url('/images/header.png') 48px 0px no-repeat;
  border-radius: 0% 0% 50% 50% / 0% 0% 100% 100%;
  z-index: 4
}
#header .langs {
  position:absolute;
  top:0px;
  left:179px;
  width:334px;
  height:30px;
  overflow:hidden;
}

#header .social {
  position:absolute;
  top:0px;
  left:678px;
  width:200px;
  height:40px;
  overflow:hidden;
}

#header .langs img {
margin:3px 9px 3px 0px;
}

#header .social img {
margin:3px 5px 3px 0px;
cursor:pointer;
}


#header .langs img:hover, #header .langs .active, #header .social img:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
-moz-opacity: 1.0; /* Mozilla 1.6 и ниже */
-khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

#header .logo {
  position: absolute;
  top: 16px;
  left: 406px;
}

#header #subscribe {
  position:absolute;
  top:44px;
  left:260px;
}
*:focus {outline: none;}
#header #subscribe input {
  width:120px;
  background:url('/images/field-left.png') right;
  border:none;
  height:19px;
  padding:3px;
  color:#ffffff;
  text-align:center;
  padding-right:10px;
}
#subscribe img {
  position:absolute;
  top:-2px;
  left:-29px;
  cursor:pointer;
}
#subscribe2 {
  position:absolute;
  top:140px;
  left:40px;
}

#subscribe2 input {
  width:120px;
  background:url('/images/field-left.png') right;
  border:none;
  height:19px;
  padding:3px;
  color:#ffffff;
  text-align:center;
  padding-right:10px;
}
#subscribe2 img {
  position:absolute;
  top:-2px;
  left:-27px;
  cursor:pointer;
}

#menu {
  position: absolute;
  width: 100%;
  background: url('/images/menu-bg.png') 108px 0px no-repeat;
  height: 110px;
  top: 38px;
  z-index: 3
}
#menu .box {
  position: absolute;
  top: 32px;
  left: 210px;
}
#menu .box  a {
  display: block;
  float: left;
  margin:0px 1px;
}
#slideshow {
  height: 409px;
  position: absolute;
  width: 100%;
  top: 39px;
  overflow: hidden;
  background:url('/images/slide-bg.png') no-repeat;
}
#slideshow .shadow {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 241px;
  background: url('/images/slide-sh.png') repeat-x;
  z-index:1;
}
#slide {
  width: 1008px;
  height: 409px;
#  background: url('/apps/bremen-town-musicians/bremen-town-musicians-slide.png') center no-repeat;
  margin: 0px auto;
}
#rainbow-left {
  position: absolute;
  width: 596px;
  height: 464px;
  background: url('/images/rainbow-left.png') no-repeat;
  top: 39px;
  left: -200px;
  z-index: 1;
}
@media (max-device-width: 640px) {
    /* iPhone only */
#rainbow-left {
  position: absolute;
  width: 396px;
  height: 464px;
  background: url('/images/rainbow-left.png') top right no-repeat;
  top: 39px;
  left: 0px;
  z-index: 1;
}
#wrapper {
left:-84px;
}
}

#rainbow-right {
  position: absolute;
  width: 596px;
  height: 464px;
  background: url('/images/rainbow-right.png') no-repeat;
  top: 39px;
  right: -200px;
  z-index: 1;
}
#releases .panel {
  position: absolute;
  top: 48px;
  left: 12px;
  padding: 10px 0px;
  width: 835px;
  height: 123px;
  background: url('/images/realise-bg.png') no-repeat;
}

#releases .panel div{display: inline-block; width: 149px;

  height: 114px; position:relative; margin: 0px 8px;}
#releases .panel img {position:absolute; top:12px; left:12px;}
#releases .panel .slide {
  position:absolute;
  top:0px;
  left:0px;
  width: 149px;
  height: 114px;
  background: url('/images/release-border.png') no-repeat;
  
}
#releases .panel .slide:hover {
  background: url('/images/release-border-a.png');
}
#releases {
  position: relative;
  height: 227px;
  width: 859px;
  background: url('/images/releases-bg.png');
  margin: 350px auto 0px;
  text-align: center;
  padding-top: 0px;
  z-index: 2;
}
#tab-content {
  width:792px;
  height:251px;
  margin-top:-3px;
  background:url('/images/tab-content.png') no-repeat;
  position:relative;
  padding:6px;
}
#tab-content .panel {
  padding: 0px;
  padding-top:30px;
  width: 740px;
  height: 190px;
  margin:4px auto;
  text-align:center;
  position:absolute;
  left:32px; top:12px;
  display:none;
}
#tab-content #latest-books {display:block;}
#tab-content .panel div {
  display: inline-block;
  position:relative;
  width: 193px;
  height: 192px;
  margin: 0px 8px;
}
#tab-content .panel img {position:absolute; top:11px; left:12px;}
#tab-content .panel .slide {
  position:absolute;
  top:0px;
  left:0px;
  width: 193px;
  height: 192px;
  background: url('/images/game-border.png');
  
}
#tab-content .panel .slide:hover {
  background: url('/images/game-border-a.png');
}

#latest-all, #latest-games {
  display:none;
}

#slide-menu {
  height: 96px;
  background: url('/images/slide-menu.png') center no-repeat;
  position: absolute;
  top: 392px;
  width: 100%;
  text-align:center;
  padding-top:7px;
}
#slide-menu .slide-pt {
  display:inline-block;
  position:relative;
  z-index:3;
  cursor:pointer;
  width:66px;
  height:66px;
}
#slide-menu .slide-pt .icon{
  position:absolute;
  top:0px;
  left:0px;
}
#slide-menu .slide-pt img{
  position:absolute;
  top:0px;
  left:0px;
}
#latest {
  width: 800px;
  margin: 0px auto;
  background: url('/images/releases-bg-middle.png');
  padding:0px 23px 22px;
  position:relative;
  z-index:10;
}
#latest .tabs {
  height:32px;
}
#latest .tabs .tab {
  width:272px;
  height:28px;
  float:left;
  margin-right:-16px;
  background:url('/images/tab.png');
  text-align:center;
  padding-top:4px;
  font-family: 'Comic Sans MS', 'Comic Sans';
  color: #ffffff;
  font-weight:bold;
  cursor:pointer;
}


#latest-bottom {
  height:13px;
  width: 846px;
  margin-bottom:20px;
  margin: 0px auto;
  background: url('/images/latest-bottom.png') no-repeat;
  position:relative;
  z-index:10;
}
#footer {
  margin-top:30px;
  background: #77C7F2 url('/images/footer.png') repeat-x;
  padding-top:70px;
}
#footer .panel {
  padding:2px 18px;
  margin-left:10px;
  border-left:#8DD0F4 solid 1px;
}
#footer .panel p, #footer .panel a {
  margin:6px 0px;
  font-size:12px;
  color:#ffffff;
  font-family:Arial;
}
#footer .panel .title {
  font-size:16px;
  font-weight:bold;
  margin-bottom:14px;
}
.t1 {
  font-family: 'Comic Sans MS', 'Comic Sans';
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  padding-top: 22px;
  
}
#cat-top {
  position:relative;
  width:844px;
  height:63px;
  background:url('/images/cat-top-bg.png') no-repeat;
  margin:0px auto;
  z-index:1;
}
#cnt {
  width: 820px;
  margin: -1px auto;
  background: url('/images/releases-bg-middle.png');
  padding:0px 13px 22px 13px;
  position:relative;
  z-index:1;
}
#left-menu {
  width:194px;
  padding-top:130px;
}
#genres {
  height:159px;
  width:194px;
  background:url('/images/genres-bg.png') no-repeat;
  font-family: 'Comic Sans MS', 'Comic Sans';
  position:absolute;
  top:-24px;
}
#genres p {
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
  padding-top:2px;
  text-align:center;
  margin:0px 0px 16px;
}
#genres a {
  text-decoration:none;
  display:block;
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
}
.g1, .g2, .g3 {
  text-align:center;
  position:relative;
  margin:0px auto;
  font-weight:bold;
  background:url('/images/g1.png') no-repeat;
  height:38px;
  padding-top:6px;
}
.g1 {
    z-index:5;
}
.g1 a {padding-top:10px;}
.g2 {
  top:-10px;
  z-index:4;
}
.g2 a {padding-top:10px;}
.g3 {
top:-20px;
}
.g3 a {padding-top:10px;}


.nactive {color:#596B00;}
.active {color:#C75E00;}
#games-list {
  position:relative;
  background:#ffffff;
  border-radius: 4px;
  -webkit-box-shadow: #ccc 1px 1px 3px;
  -moz-box-shadow: #ccc 1px 1px 3px;
  box-shadow: #ccc 1px 1px 3px;
  padding:0px 0px 6px;
width:616px;
}


#games-list .gamecard {
  position:relative;
  width:138px;
  display:inline-block;
  margin:8px 7px 10px;
  text-align:center;
  vertical-align:top;
  height:242px;
}
#games-list .gamecard .border {
  display:block;
  width:137px;
  height:137px;
  background:url('/images/cat-game.png');
  position:absolute;
  top:0px;
  left:0px;
}
#games-list .gamecard .logo {
  width:118px;
  height:118px;
  margin:10px;
}
#games-list .gamecard a {
  font-family: 'Comic Sans MS', 'Comic Sans';
  color:#008;
  font-size:12px;
  display:block;
  height:40px;
  line-height:15px;
  font-weight:bold;
}

#games-list .gamecard .buy {
  margin-top:7px;  
}
#related-game {
  text-align:right;
  padding-top:24px;
  position:relative;
  top:-12px;
  padding-right:4px;
}
#related-game .tab {
  background:url('/images/related-tab.png');
  width:164px;
  height:23px;
  position:absolute;
  text-align:center;
  right:30px;
  top:0px;
  font-weight:bold;
  color:#ffffff;
  font-size:15px;
  padding-top:2px;
  font-family: 'Comic Sans MS', 'Comic Sans';
}
.nav, .nav a {
  font-family: 'Comic Sans MS', 'Comic Sans';
  padding:2px 10px;
  font-size:14px;
  color:#8D4301;
  margin:10px 2px 0px;
  
}

.nav a {text-decoration:underline;}

#games-list h1 {
  font-family: 'Comic Sans MS', 'Comic Sans';
  font-weight:bold;
  padding:2px 10px;
  font-size:24px;
  margin:0px;
  color:#c75e00;
}

#cnt table {width:100%; margin:0px;}

#game-page {
  position:relative;
  background:#ffffff;
  border-radius: 4px;
  -webkit-box-shadow: #ccc 1px 1px 3px;
  -moz-box-shadow: #ccc 1px 1px 3px;
  box-shadow: #ccc 1px 1px 3px;
  width:602px;
  padding:6px;
}
#game-page h1 {
  font-family: 'Comic Sans MS', 'Comic Sans';
  line-height:28px;
  font-size:26px;
  color:#c75e00;
  font-weight:bold;
  padding:1px;
  margin:2px;
  margin-bottom:8px;
}
#game-page h2 {
  font-family: 'Comic Sans MS', 'Comic Sans';
  line-height:18px;
  font-size:18px;
  color:#c75e00;
  font-weight:bold;
  padding:1px;
  margin:2px;
}

#game-page .game-description {
  font-family:Arial;
  font-size:13px;
  text-align:justify;
}
#game-page .features {
  padding:0px;
  margin:2px;
}
#game-page .features .title {
  font-weight:bold;
}
#game-intro {
  position:relative;
}
#game-intro .border {
  width:193px;
  height:193px;
  background:url('/images/game-border.png');
  position:relative;
  top:0px;
  left:0px;
}
#game-intro img {
  position:absolute;
  top:10px;
  left:12px;
}
#relgame {
  margin-top:10px;
  font-family:Arial;
}
#relgame .title {
  font-size:13px;
  color:#dd8800;
  font-weight:bold;
}

#relgame .card {
  position:relative;
  left:22px;
  height:116px;
}
#relgame .link {
  padding:0px 26px;
}
#relgame .link a{
  font-size:12px;
  color:#00b;
  text-decoration:none;
  font-family: 'Comic Sans MS', 'Comic Sans';
}
#relgame .panel div{display: inline-block; width: 149px;

  height: 114px; position:relative; margin: 0px 8px;}
#relgame .card img {position:absolute; top:12px; left:12px;}
#relgame .card .slide {
  position:absolute;
  top:0px;
  left:0px;
  width: 149px;
  height: 114px;
  background: url('/images/release-border.png');
  
}
#relgame .panel .slide:hover {
  background: url('/images/release-border-a.png');
}
.linktxt {
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  line-height:26px;
}
.linktxt:hover {text-decoration:underline;}
.also {
  font-family:Arial;
  font-size:13px;
  color:#d60;
  font-weight:bold;
  text-decoration:none;
}

#contact-us {
  width:300px;
  margin-left:200px;
  margin-top:80px;
  font-size:16px;
  line-height:24px;
}

.appname {
  font-family: 'Comic Sans MS', 'Comic Sans';
  position:absolute;
  top:-34px;
left:-12px;
  font-size:12px;
  font-weight:bold;
  padding:0px;
  margin:0px;
}
.appname {
  color:#008;
}
#adb {
  width:728px;
  height:10px;
  margin:0px auto;
  cursor:pointer;
  position:relative;
  top:-86px;
}
.bs {
  margin:8px auto;
  width: 180px;
  cursor:pointer;
  text-align:center;
}

.nav2 {color:#C75E00; font-size:18px; font-weight:bold; height:16px; z-index:99;  font-family:'Comic Sans MS', 'Comic Sans';}
.nav2 .nl {color:#C75E00; font-weight:bold; text-decoration:none;}
.nav2 a:visited {color:#C75E00; font-weight:bold;}
.nav2 a:hover {color:#C75E00; text-decoration:underline;}
a {text-decoration:none;}


#slidelink {display:block; position:absolute; height:360px; top:0px; left:60px; right:60px; z-index:2;}

#slide .label {position:absolute; top:52px; right:140px; z-i}