* {padding: 0; margin: 0;}
img {border: none;}
input:focus {outline: none;}
body {background: #fff url(images/sprite.png) repeat-x 0px -580px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #000;}
a {text-decoration: none; color: #000; outline: none;}
a:hover {color: #333;}

.page {width: 1038px; position: relative; margin: 10px auto; box-shadow: 0px 0px 10px 1px #e6e6e6; -webkit-box-shadow: 0px 0px 8px 1px #e6e6e6; z-index: 99999;}

.page-ad {width: 970px; height: 90px; margin: 5px auto; overflow: hidden;}

.page-ads {text-align: center;}
.page-ads .ad {display: inline-block; width: 300px; height: 250px; padding: 5px; margin: auto;}

.ads-wrapper {visibility: visible; width: 1208px; height: 1px; position: absolute; top: 120px;}
.ads-container {position: fixed; visibility: visible; width: 1208px; height: 1px; z-index: -1;}
.ad-left {float: left; visibility: visible; width: 160px; height: 600px; overflow: none; margin-left: -170px;}
.ad-right {float: right; visibility: visible; width: 160px; height: 600px; overflow: none;}

.header {background: #fff repeat-x; width: 1038px; height: 50px; padding: 10px 0px;}
.header .logo h1 a {display: block; float: left; width: 300px; height: 50px; background: url(images/logo.png) no-repeat; text-indent: -99999px;}
.header .social {float: right; margin: 10px 10px 0px 0px; height: 28px;}
.header .facebook {display: block; float: left; background: url(images/sprite.png) no-repeat -6px -236px; width: 28px; height: 28px; text-indent: -99999px; margin-right: 8px;}
.header .twitter {display: block; float: left; background: url(images/sprite.png) no-repeat -6px -276px; width: 28px; height: 28px; text-indent: -99999px; margin-right: 8px;}
.header .googleplus {display: block; float: left; background: url(images/sprite.png) no-repeat -6px -316px; width: 28px; height: 28px; text-indent: -99999px; margin-right: 8px;}
.header .rss {display: block; float: left; background: url(images/sprite.png) no-repeat -6px -356px; width: 28px; height: 28px; text-indent: -99999px; margin-right: 8px;}

.search {float: left; margin-top: 10px; margin-left: 65px; border: 1px solid #c8c8c8;}
.searchtext {width: 300px; height: 20px; padding: 3px 3px 3px 25px; color: #4d4d4d; font-size: 16px; border: none; background: #e4e4e4 url(images/sprite.png) no-repeat -6px -116px; vertical-align: bottom; box-shadow: inset 0px 1px 2px #d8d8d8;}
.searchsubmit {background: #eee; border: none; width: 70px; text-align: center; height: 26px; line-height: 26px; border-left: 1px solid #ccc; color: #4d4d4d; font-size: 11px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.searchresults {padding: 0px; border: 1px solid #c8c8c8; background: #e4e4e4; margin-top: 2px; margin-left: -1px; width: 398px; overflow: hidden; color: #4d4d4d; box-shadow: inset 0px 1px 2px #d8d8d8; z-index: 99999;}
.searchresults ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.searchresults li {margin: 0px; padding: 5px; cursor: pointer; display: block; width: 100%; font-size: 16px; overflow: hidden;}
.searchselect {background: #eee; color: #333;}

.footer {background: #fff; color: #333; width: 1038px; margin: 10px 0px; text-align: center; font-size: 13px;}
.footer p {padding: 10px;}
.footer a {color: #000;}

.navigation {background: url(images/sprite.png) repeat-x left top; width: 1038px; height: 35px; padding-top: 5px; margin: auto; overflow: hidden;}
.navigation ul {list-style: none;}
.navigation ul li {float: left;}
.navigation a {display: block; float: left; background: url(images/sprite.png) repeat-x 0px -40px; border: 1px solid #4e4e4d; border-bottom: none; color: #fff; height: 34px; line-height: 34px; padding: 0px 8px; margin-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.navigation a:hover {background: url(images/sprite.png) repeat-x 0px -75px;}
.navigation .current a, #navigation .current a:hover {background: #fff; color: #000;}

.menu {background: #fff; width: 1038px; height: 30px; margin: 5px auto;}
.menu ul {list-style: none;}
.menu ul li {display: block; float: left;}
.menu ul li a {display: block; color: #000; line-height: 30px; padding: 0px 10px; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.menu ul li a:hover {background: #eee;}
.menu ul li .current {background: #eee;}

.box {padding: 5px 5px 0px 5px; text-align: center;}
.box h2 {line-height: 25px; margin: 0px 10px 10px 10px; text-align: left;}
.box .box-ad {float: right; position: relative; border: 1px solid #666; width: 336px; height: 280px; margin: 0px 10px 0px 16px; padding: 16px; box-shadow: 0px 0px 5px 1px #ccc; overflow: hidden; text-align: left;}
.box .box-ad:before {content: "Advertisement"; position: absolute; top: 2px; color: #999; font-size: 11px; font-weight: bold;}

.box a.box-more {display: inline-block; background: #eee; color: #000; border: 1px solid #ccc; min-width: 200px; line-height: 30px; padding: 0px 25px; margin: 10px auto; font-size: 16px; font-weight: bold; box-shadow: 0px 0px 5px 1px #ccc; transition: background .3s;}
.box a.box-more:hover {background: #ddd;}
.box a.plug {display: block; float: left; color: #000; margin: 0px 11px 8px 11px; text-align: center; transition: color .4s;}
.box a.plug img {display: block; margin: auto; background: #eee; border: 1px solid #666; box-shadow: 0px 0px 5px 1px #ccc;}
.box a.plug span {display: block; width: 172px; line-height: 30px; margin: auto; font-size: 12px; font-weight: bold; overflow: hidden; white-space: nowrap;}
.box a.plug:hover {color: #cc0000;}

.box .pagination {background: #fff; border: 1px solid #ccc; height: 32px; margin: 0px 10px 10px 10px; text-align:}
.box .pagination .pagination-left {float: left;}
.box .pagination .pagination-center {display: inline-block; margin: auto;}
.box .pagination .pagination-right {float: right;}
.box .pagination a {display: block; float: left; border: 1px solid transparent; line-height: 30px; padding: 0 12px; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; transition: background .3s;}
.box .pagination a.current {background: #eee; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.box .pagination a.disabled {color: #eee;}
.box .pagination a:hover {background: #eee; color: #000;}

.game-header {background: #fff; padding: 0px 10px; text-align: left; font-family: Tahoma, Geneva, sans-serif;}
.game-header .info {float: left; min-width: 500px;}
.game-header .info img {float: left; border: 1px solid #666; margin-right: 15px;}
.game-header .info a {color: #333;}
.game-header .info h2 {font-family: Arial, Helvetica, sans-serif; margin: 0px;}
.game-header .info .cell {line-height: 25px;}
.game-header .info .cell .name {display: inline-block; margin-right: 5px;}
.game-header .info .cell .value {display: inline-block;}
.game-header .rating {float: right; width: 150px;}
.game-header .rating .text {text-align: center; font-weight: bold; line-height: 20px; height: 20px;}
.game-header .rating .graph {background: #eee; width: 150px; height: 5px; margin-top: 3px;}
.game-header .rating .graph .up {display: block; float: left; background: #c2f331; height: 5px;}
.game-header .rating .graph .down {display: block; float: left; background: #f3c231; height: 5px;}
.game-header .rating .number {margin-top: 3px;}
.game-header .rating .number .up {display: block; float: left; width: 75px; line-height: 25px; text-align: center;}
.game-header .rating .number .down {display: block; float: right; width: 75px; line-height: 25px; text-align: center;}
.game-header .rating .vote {margin-top: 3px;}
.game-header .rating .vote .up {display: block; float: left; margin-left: 17px; background: url(images/sprite.png) no-repeat left -150px; width: 40px; height: 40px; cursor: pointer;}
.game-header .rating .vote .down {display: block; float: right; margin-right: 17px; background: url(images/sprite.png) no-repeat left -190px; width: 40px; height: 40px; cursor: pointer;}
.game-header .description {margin-top: 10px; font-size: 14px;}

.game-social {display: inline-block; width: 500px; height: 25px; margin: auto;}
.game-banner {width: 728px; height: 90px; margin: 10px auto; overflow: hidden;}

#slider-container {background: #fff; width: 342px; height: 24px; margin: auto;}
#zoomslider {float: left; background: url(images/zoom.png) -96px; width: 250px; height: 24px; margin-left: 5px;}
#handle {background: url(images/zoom.png) -72px; display: block; width: 18px; height: 24px;}
#zoomout {float: left; background: url(images/zoom.png); width: 24px; height: 24px; cursor: pointer; margin-left: 5px;}
#zoomin {float: left; background: url(images/zoom.png) -24px; width: 24px; height: 24px; cursor: pointer; margin-left: 5px;}
#reset {float: left; background: url(images/zoom.png) -48px; width: 24px; height: 24px; cursor: pointer; margin-left: 5px;}

#game-wrapper {text-align: center; width: 100%; z-index: 99999;}
#game-container {margin: auto; text-align: center;}

.privacy {text-align: left; padding: 10px;}
.contact {width: 600px; margin: auto; text-align: left;}
.contact p {padding: 10px; clear: both;}
.contact label {display: block; float: left; font-size: 14px; color: #333; margin-left: 10px; line-height: 30px;}
.contact form .text {width: 300px; float: left; padding: 5px; font-size: 16px; color: #333; border-color: #b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7; border-style: solid; border-width: 1px; box-shadow: inset 0px 1px 2px #d8d8d8;}
.contact form .captcha {width: 100px; float: left; padding: 5px; font-size: 16px; color: #333; border-color: #b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7; border-style: solid; border-width: 1px; box-shadow: inset 0px 1px 2px #d8d8d8;}
.contact form .submit {padding: 5px 10px; background: #eee; border: 1px solid #ccc; cursor: pointer;}
.contact form textarea {width: 600px; height: 200px; padding: 5px; font-size: 16px; color: #333; border-color: #b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7; border-style: solid; border-width: 1px; box-shadow: inset 0px 1px 2px #d8d8d8;}
.contact form select {float: left; padding: 5px; width: 310px; font-size: 16px; color: #333; border-color: #b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7; border-style: solid; border-width: 1px; box-shadow: inset 0px 1px 2px #d8d8d8;}

.clear {clear: both;}

.scrollup {display: none; background: url(images/sprite.png) no-repeat 0px -390px; width: 40px; height: 40px; position: fixed; right: 50px; bottom: 50px; opacity: .5; transition: opacity .4s;}
.scrollup:hover {opacity: 1;}