html, body{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
html{
    overflow-y:scroll;
}
body{
    font-family: Verdana;
}
img{
    -ms-interpolation-mode: bicubic; 
}
#root{

    min-height: 100%;
    margin-bottom:-100px;
}
* html #root {height: 100%;}
#empty{
    clear: both;
    height:110px;
}
#container{
    max-width:1230px;
    min-width: 908px;
    margin: 0px auto;
    m-in-height: 100%;
    m-argin-bottom: -115px;
    p-osition: relative;
    o-verflow: visible;
    width: 100%;

}

#header{
    height: 128px;
    m-in-width: 908px;
}

#left{
    float: left;
    margin-top: 228px;
    width: 191px;
    overflow: hidden;
}
#center{
    b-ackground-color:red;
    text-align: center;
    margin-left: 201px;
    m-argin-right: 228px;
    position: relative;
    max-width: 728px;
    overflow: hidden;
}
#ccont{
    float:right;
    margin-left:-191px;
    width:100%;
}
#lccont{
    margin-right: 290px;
}
#lcwrap{
    float:left;
    margin-right:-290px;
    width:100%;
}
#right{
    width: 220px;
    float:right;
    padding-left: 30px;
    padding-right: 40px;
    margin-top: 228px;
}
#clear{
    height: 115px;
    clear: both;
}
#footer{
    background-image: url(images/footer.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    height: 100px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
#logo{
    height: 60px;

    font-family:Verdana;
    font-size:11px;
    text-align:center;
    margin: 0 auto;
    line-height: 22px;
    padding-top: 34px;

}
#logo .logo-text{
    p-adding-right: 45px;
}
#logo .logo-btn{
    background-image:url("images/logo4.gif");
    background-position:center top;
    background-repeat:no-repeat;
    height:40px;
    margin:12px auto 0;
    width:80px;
    cursor: pointer;
    display: block;
    p-adding-right: 45px;
}
#container a{
    font-family: Verdana;
    color: #000;
    text-decoration: none;
}
#mainmenu{
    text-align:center;
    margin-top: 25px;
    margin-left: -57px;
}
#mainmenu table{
    margin:0 auto;
    padding:0px;
}
#mainmenu table td{
    vertical-align: bottom;
    height: 30px;
}
#mainmenu a{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 11pt;
}
#mainmenu a.active{
    font-size: 18pt;
    position: relative;
    bottom: -2px;
}

#leftmenu{
    m-argin-top: 140px;   
    margin-left: 40px;
}
#leftmenu a{
    display: block;
    margin-bottom: 20px;
    color: #4B4B4D;
    font-size: 11pt;
    line-height: 12pt;
}

#leftmenu .filters{
    margin-top:54px;
}
#leftmenu .filters a{
    color: #4B4B4D;
    display: block;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 2px;
}
#leftmenu a.active{
    font-size: 16pt;
    line-height: 12pt;
}
#leftmenu .filters a.active{
    font-size: 11pt;
    line-height: 12pt;
}
#leftmenu .filters a.filtername, #leftmenu .filters div.filtername{
    display: block;
    margin-bottom: 5px;
    color: #4B4B4D;
    font-size: 11pt;
    line-height: 12pt;
    cursor: pointer;
}
#leftmenu .filters a.filtername, #leftmenu .filters div.small{
    font-size: 7pt;
}
#left a.mail{
background: url("/css/images/mail1.gif");
    display: block;
    height: 20px;
    margin-left: 41px;
    margin-top: 54px;
    width: 23px;
    background-position: left bottom;
    background-repeat: no-repeat;
}
#left a.mail:hover{
    background-position: -27px bottom;
}
#left div.address{
    display: block;
    font-size: 8pt;
    margin-left: 40px;
    margin-top: 5px;
}
#left div.phone{
    display: block;
    font-size: 10pt;
    height: 20px;
    margin-left: 40px;
    margin-top: 10px;
}
#left span.phone1{
font-size: 8pt;
}
#gameinfo{
    padding-top: 35px;
}
#gameinfo .button{
    background-image: url("/css/images/nav.gif");
    background-position: -92px bottom;
    background-repeat: no-repeat;
    display: block;
    height: 9px;
    margin: 8px auto 0;
    width: 25px;
}
#gameinfo .button:hover{
    background-position: -66px bottom;
}

/* ----------------------------------------------------------   navigation */

#navbtn{
    left: 50%;
    margin-left: -120px;
    position: absolute;
    width: 240px;
}
#navbtn a{
    width: 13px;
    height: 13px;    
    background-image: url(images/nav.gif);
    background-repeat: no-repeat;
    float:left;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}
#navbtn a.prev{
    background-position: -1px;
    margin-right: 100px;
}
#navbtn a.prev:hover{
    background-position: -2px;
}
#navbtn a.back{
    background-position: -26px;
    margin-right: 100px;
}
#navbtn a.top{
    background-position: -52px;
    margin-left: 113px;
    margin-right: 113px;
    margin-bottom:20px;
}
#navbtn a.back:hover{
    background-position: -39px;
}
#navbtn a.next{
    background-position: -12px;
}
#navbtn a.next:hover{
    background-position: -11px;
}
#navbtn a.hidden{
    background: transparent;
    cursor: default;
    visibility: hidden;
}

/* ----------------------------------------------------------   itemsList */

div.list{
    margin: 0 auto;
    padding-top: 40px;
}

#center .list img{
    border: 1px solid white;
    width: 100px;
    height: 100px;
    padding: 0px;
    margin: 0px;
    font-size: 10px;
}
div.list a{
    float:left;
    height:104px;
    width:104px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.list .playicon{
    width: 19px;
    height: 19px;
    position: absolute;
    top: 1px;
    right: 2px;
    background-color: red;
    background-image: url(images/play.gif);

}
.list a:hover img{

}
#right .list{
    padding-top:0px;
    width: auto;
}
#right .list a{
    float:none;
    display: block;
}

/* ----------------------------------------------------------    */
#center div.player{
    f-loat:left;
    w-idth: 800px;
}
#center a.player{

    margin: 40px auto 0px;
}

#center img.view{
    m-ax-width: 700px;
    m-ax-height: 700px;
    m-argin: 40px auto 0px;
}
#center table.img-cont{
    margin: 0 auto;
}
#mainview{
    overflow: hidden;
    p-adding-top: 20px;
}
#mainview img{
    w-idth:100%;

}
#center img.viewspace{
    m-ax-width: 700px;
    m-ax-height: 700px;
    margin: 40px auto 0px;
}
#waitmsg{
    left:50%;
    position:absolute;
    top:50%;
    width:32px;
    height:32px;
    margin-left: -16px;
    margin-top: 64px;
    background-image: url(images/loader1.png);
    background-repeat: no-repeat;
}
/* ---------------------------------------------------------- right-detailview  */
#right .company{
    color: #4B4B4D;
    font-size: 16pt;
}
#right .company .works{
    color:#6B6B6B;
    font-size:11pt;
    padding-left:5px;
    text-decoration:underline;
}
#right .companyinfo{
    font-size: 8pt;
    color:#6B6B6B;
    padding-top: 2px;
}
#right .date{
    font-size:8pt;
    margin-top:16px;
    color: #4B4B4D;
}
#right .name{
    font-size: 8pt;
}
#right .about{
    font-size: 8pt;
}
#right .media{
    margin-top: 8px;
    line-height:10px;
    cursor: pointer;
    width: 220px;
}
#right .media a{
    float:left;
}
#right .media a img{

    width: 60px;
    height: 60px;
    padding: 0px;
    margin: 1px;
    border:1px solid white;
}
#right .media a img.block{
    float: none;
    display: block;
    margin-top:-4px;
}

#right .media a.showall{
    font-size:9px;
    color: #4B4B4D;
    text-decoration: underline;
}
#right .clear{
    clear: left;
}
#right a.extlink{
    padding-top: 16px;
    text-decoration: underline;
    display: block;
}

#right .links{
    width: 130px;
    line-height: 9pt;
    margin-top: 25px;
}
#right .links a{
    font-size:8pt;
    color: #4B4B4D;
    text-decoration: underline;
}

/* ----------------------------------------------------------   port browser */

#main{
    margin-top: 40px;
    margin-bottom: 40px;
}
div.pb{
    overflow:hidden;
    h-eight: 0px;
    margin: 0 auto 3px;
}
div.pb-header
{
    font-family: Verdana;
    font-size: 11pt;
    f-ont-weight: bold;
    margin-top:40px;
    margin-bottom:5px;
    color:#555;
}
div.pb-container
{
}

div.pb .pb-item-cont
{
    float: left;
    height: 100px;
    margin-left:1px;
    margin-right:2px;
    background-position: center top;
    cursor:pointer;
    background-repeat: no-repeat;
    display: block;
    width: 20px;
}
.pb-arrow-left
{
    height: 100%;
    float:left;
    width: 20px;
    background-color: white;
    background-image: url(/images/arrow_left.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.pb-left-over
{
    background-image: url(/images/arrow_left_a.gif);
}
.pb-arrow-right
{
    height: 100%;
    float:right;
    width: 20px;
    background-color: white;
    background-image: url(/images/arrow_right.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.pb-right-over
{
    background-image: url(/images/arrow_right_a.gif);
}
div.portbrowser div.ptext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin-top:81px;
    text-align:left;
    position:absolute;
}
div.pleft
{
    b-ackground-color: #FF0000;
    width: 10px;
    height:80px;
    margin-right: 7px;
    margin-left: 0px;
    padding-left:10px;
    float:left;
}
div.pright
{
    b-ackground-color: #FF0000;
    width: 10px;
    height:80px;
    margin-right: 0px;
    padding-right:10px;
    margin-left: 6px;
    float:left;
}
div.pright img, div.pleft img
{
    margin-top:33px;
}
/* ----------------------------------------------------------   footer */
#afooter{
    width: 100%;
    position: absolute;
    bottom: -1px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 10px;
}
#footer .animbox{
    position: absolute;
    bottom: -1px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;

}
#footer img{
    float:left;
}

.test{
    color: red;
}


/* ----------------------------------------------------------   game */

#game-container{
    padding-top: 40px;
}
#game .gitem{
    float: left;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100px;
    text-align: left;
    padding: 2px;
    cursor: pointer;
}
#game .ok{
    cursor: default;
}
#game .gitem img{
    p-adding-top: 2px;
    width: 100px;
    height: 100px;
}
#game .hidden{
    display: none;
}
#game .back img.front{
    display: none;
}
#game .front img.back{
    display: none;
}


/* --------------------------------------------------------------- content */
.content{
    font-size: 11px;
}
.content p{
    padding-top: 0px;
    margin-top: 0px;
}
.content .big
{
    color: #4B4B4D;
    font-size: 12pt;
    line-height: 13pt;
}
.content .huge
{
    color: #4B4B4D;
    font-size: 16pt;
    line-height: 14pt;
}

/* --------------------------------------------------------------- new */

#new{
    margin-left: 40px;
    margin-top: 98px;
    width: 110px;
}
#new .header{
     color: #4B4B4D;
    font-size: 11pt;
    line-height: 11pt;
    margin-bottom: 6px;
    width: 115px;
}
#new img{
    width: 45px;
    height: 45px;
    padding: 0px;
    margin: 0px;
    border:1px solid white;
    float:left;
    margin-bottom: 8px;
    margin-right: 8px;
    
}
#new .date{
    color: #4B4B4D;
    font-size: 8pt;
}