#header{background: url('/i/head-download.jpg'); height: 202px;}
#nav{background: url('/i/bg-nav.png') repeat-X;}
#nav ul{list-style-type: none; margin: 0; padding: 0;}
#nav li{display: inline; margin: 0; padding: 0;}
#search{float: right; margin: 0; margin: 7px 4px 4px 4px;}
#search input{background: #000; border: 1px solid #1a1a1a; color: #999999; padding: 4px; width: 240px;}
#titlePage{padding: 6px;}
#content{padding: 0 0px 4px 0px; margin: 0;}
#subMenu{background: #0b4312; padding: 6px 4px 4px 14px;}

/* container */
#leftSide{width: 344px; background: #000; float: left; border: 0px solid red;}
#rightSide{width: 580px; background: #000; float: left; border: 0px solid yellow;}

.titleSec{font-weight: bold; color:#fff; font-size: 22px; text-transform: uppercase;}
.titleSec2{font-weight: bold; color:#fff; font-size: 20px; text-transform: uppercase;}

.btn-download :link, .btn-download :visited{text-decoration: none; background: #000; padding: 4px; color: #636363; text-transform: uppercase; width: 80px; text-align: center; font-weight: bold; cursor: pointer; display: block; margin: 4px;}
.btn-download :hover{color: #fff;}

/* list game on the left */
.list-game{padding: 6px;}
.list-game ul{list-style-type: none; margin: 10px 0; padding: 0;}
.list-game li{margin: 0 0 3px 0; padding: 0; border: 0px solid red; height: 103px; float: left;}
.list-game li img{float: left; margin: 0px 4px 4px 0; border: 1px solid #fff; width: 100px;}
.list-game li h1{font-size: 13px; font-weight: bold; color: #fbc806; margin: 0; padding: 0;}
.list-game :link, .list-game :visited{color: #fff; text-decoration: none; text-transform: uppercase;}
.list-game a:hover{color: #fff; text-decoration: underline; text-transform: uppercase;}

/* section wallpaper */
.secWall{background: #0b4312 url('/i/bg-stripe-download.png'); padding: 4px; margin: 7px 0px 4px 6px;}
.secWall ul{margin: 0px 0; padding: 0; clear: right;}
.secWall li{list-style-type: none; margin: 3px 0 0 0; padding: 0; display: block; float: left; width: 70px; height: 100px; border: 0px solid #ffffee}
.secWall li img{border: 1px solid #fff; width: 60px; margin: 0 0 0 4px;}
.secWall li :link, .secWall li :visited{color: #fbc806; text-decoration: none;}
.secWall li a:hover{color: #fff;text-decoration: none; display: block;}

/* section ringbacktone */
.secRbt{background: #0b4312 url('/i/bg-stripe-download.png'); padding: 4px; margin: 7px 0px 4px 6px;}
.secRbt ul{margin: 0px 0; padding: 0; clear: right;}
.secRbt li{list-style-type: none; margin: 3px 0 0 0; padding: 0; display: block; border-bottom: 0px solid #ffffee;}
.secRbt li :link, .secRbt li :visited{color: #fbc806; text-decoration: none;}
.secRbt li a:hover{color: #fff;text-decoration: none;}

/* sub menu */
.subMenu{background: #0b4312; padding: 2px 4px 4px 2px; margin: 0;}
.subMenu ul{margin: 0; padding: 2px;}
.subMenu li{list-style-type: none; display: inline;}
.subMenu :link, .subMenu :visited{color: #39b54a; text-decoration: none; font-weight: bold; padding: 4px;text-transform: uppercase; background: #000; font-size: 10px;}
.subMenu a:hover{color: #fff; text-decoration: none;background: #39b54a;}

/* list block 2nd page */
.list {border: 0px solid red; padding: 6px;}
.list ul{list-style-type: none; margin: 0; padding: 0;}
.list li{display: inline; margin: 0 3px 3px 0; padding: 0px; border: 0px solid red; float: left; line-height: 16px;  width: 110px; height:160px; text-align: center; font-size: 11px;}
.list li img{border: 1px solid #fff; float: right; margin: 3px; width: 100px;}
.list h1{color: #39b54a; font-size: 13px; font-weight: bold; text-transform: uppercase;}
.list h2{color: #d7d7d7; font-size: 12px; font-weight: normal; text-transform: normal;}
.list h3{color: #f7941d; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.list h4{color: #000; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 6px; background: #fcaf17;}
.list a:link, .list a:visited{color: #39b54a; text-decoration: underline;}
.list a:hover{color: #fff; text-decoration: underline;}
.list .imgBlank{width: 100px; height: 100px; border: 1px solid #fff;margin: 3px; background: #111111;}

/* list block 2nd page for RBT */
.listRbt h4{color: #000; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 6px; background: #fcaf17;}
.listRbt {border: 0px solid red; padding: 6px;}
.listRbt ul{list-style-type: none; margin: 0px 0; padding: 0; clear: right;}
.listRbt li{list-style-type: none; margin: 3px 0 0 0; padding: 0; display: block; border-bottom: 0px solid #ffffee;}
.listRbt li :link, .listRbt li :visited{color: #fbc806; text-decoration: none;}
.listRbt li a:hover{color: #fff;text-decoration: none;}

.btn-download :link, .btn-download :visited{float: left; text-decoration: none; background: #000; padding: 2px; color: #636363; text-transform: uppercase; width: 80px; text-align: center; font-weight: bold; cursor: pointer; display: block; margin: 8px 3px 0px 3px;}
.btn-download a:hover{color: #fff;}

/* container */
#50{float: left; width: 470px;}
#satu{width: 175px; float: left; border: 1px solid red;}
#dua{width: 520px; float: left; border: 0px solid red;}
#tiga{width: 239px; float: right; border: 0px solid red;}
#conList1{width: 660px; float: left; border: 0px solid red;}
#conList2{width: 265px; float: right; border: 0px solid red;}

.rate {background: #a60000;}
.rate ul{list-style-type: none; margin: 0; padding: 0 0 0 0;}
.rate li{display: block; margin: 1px 0 0 0; padding: 8px 4px; background: #430404;}

.banner{text-align: center; padding: 2px;}
.titles{font-weight: bold; color:#ffcb05; font-size: 20px; text-transform: uppercase; margin: 0 0 3px 0; padding: 4px ; border-bottom: 1px dotted #58041e;}

/* top game */
.cat{background: #000 url('/i/bg-game-cat.png') no-repeat; height: 150px;}
/*
.cat ul{margin-left: 110px; padding: 8px 0 0 0;}
.cat li{list-style-type: none; display: inline; padding: 0; margin: 0 2px 0 0; float: left;}
.cat img{width: 90px; height: 100px;}
.cat div{height: 38px !important; min-height:38px; width:90px; background: #000;}
.cat :link, .cat :visited{background: #000; text-decoration: none; width: 90px; margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #fff; text-align: center;}
*/

/* detail content download */
.details select{width: 425px; border: 0px solid #111111; padding: 6px; line-height: 16px; background: #000; color: #fff; cursor: pointer;}
.details h5{font-size: 22px; font-weight: bold; color: #ffcb05; padding: 0px 0px 0px 0px; margin: 0; text-transform: uppercase;}
.details .con1{float: left; margin: 4px 4px 4px 8px; padding: 4px; border: 0px solid red; width: 220px; text-align: center;}
.details .con2{float: left; margin: 4px; padding: 4px; border: 0px solid red; width: 425px;}
.details .con3{float: right; margin: 4px 8px 4px 4px; padding: 4px; border: 0px solid red; width: 220px;}
.details .con3 h1{color: #fff568; font-size: 30px; margin: 0 0 25px 0; padding: 0; clear: both;}
.details .con3 h2{color: #fff; font-size: 18px; margin: 0; padding: 0; clear: both;}
.details .con3 ul{margin: 0; padding: 0;}
.details .con3 li{margin: 0; padding: 0; display: block; list-style-type: none;}
.btn :link, .btn :visited{background: #000 url('/i/btn-yellow-blank.png') no-repeat 0% 0%; width: 147px; height: 58px; display: block; color: #fff; text-decoration: none; text-align: center; padding-top: 10px; font-weight: bold; font-size: 14px;}

/* animated/cycle game images */
.mpics {position:relative; float:left; width:200px; height:250px;margin:0 6px; padding:0px;}
.mpics img {top:0;left:0;padding:2px; border: 1px solid #111111;}

/* disclaimer for detail download game */
.disc{font-size: 10px;}

.disclaimer {padding: 6px; border: 1px solid #fff; background: #111111; margin: 14px 10px;}
.disclaimer ul{margin: 6px; padding: 0;}
.disclaimer li{margin: 0; padding: 0; list-style-type: none; font-size: 11px;}
.disclaimer a:link, .disclaimer a:visited{text-decoration: none; color: #ffcb05;}
.disclaimer a:hover{text-decoration: underline; color: #ffcb05;}