* {margin: 0; padding: 0;}
ul, li {list-style: none;}
a img {border: none;}
a {color: #fff; text-decoration: none;}
body {background: #000; font-size: 11px; font-family: Tahoma, Arial, sans-serif; color: #fff;}
#layout {margin: 0 auto; padding-top: 48px; width: 834px;}

#login {float: right; padding: 15px 0 0 44px; width: 232px; height: 56px; background: url(../img/login-bg.jpg);}
#login input.text {width: 89px; height: 16px; border: 1px solid #5a5656; font-size: 11px; color: #fff; background: #3c3c3c;}
#login a {padding: 1px 0 2px 20px; text-decoration: underline; background: url(../img/forgot.gif) no-repeat 0 0px;}
#total {float: right; margin-right: 4px; padding: 20px 0 0 55px; width: 124px; height: 51px; background: url(../img/total-bg.jpg);}

#menu {clear: both; margin-bottom: 4px; height: 38px; background: url(../img/menu-bg.jpg) repeat-x; text-transform: uppercase;}
#menu ul {padding-left: 26px;}
#menu li {float: left; padding: 12px 18px;}
#menu .active {background: url(../img/active.jpg) no-repeat 1px 4px;}

#space {clear: both; float:left; width: 505px; height: 304px; background: url(../img/space.jpg);}
#space img {position: absolute; top: 367px; margin-left: 178px;}
*html #space img {top: 369px;}
*+html #space img {top: 369px;}
#join {float: right; height: 304px; width: 325px; background: url(../img/join-bg.jpg) no-repeat 0 38px;}
#join input  {width: 172px; margin-bottom: 0px; height: 16px; font-size: 11px;}
#join select {width: 174px; margin-bottom: 0px; height: 18px; font-size: 11px;}
#join select.norm {width: 58px; margin-bottom: 2px; height: 18px; font-size: 11px;}
#join div {padding: 20px 0 0 30px;}

#join th{text-align:left; font-weight:normal;}
#join .nb select{width:auto!important;}

#join th, #join td {margin:0px; padding:0px;}

#join a {text-decoration:underline;}

#member {float: left; margin-top: 4px; width: 310px;}
#member h3 {padding-bottom: 1px;}
#member li {float: left; margin: 0 5px 8px 0; width: 70px; height: 85px; border: 1px solid #fff; background: url(../img/member-bg.jpg); color: #353232;}
#member .end {margin-right: 0;}
#member li img {margin:2px 2px -3px; border: 1px solid #cecccc;}
#member a {color: #353232;}
#member span {padding-left: 4px;}
#feature {float: left; margin: 4px 0 0 5px; height: 222px; width: 304px; background: url(../img/feature-bg.jpg) no-repeat 0 38px; font-size: 10px; font-weight: bold;}
#feature ul {float: left; margin: 30px 0 0 8px;}
*html #feature ul {margin-left: 4px;}
#feature .f1 {background: url(../img/icons-01.jpg) no-repeat;}
#feature .f2 {margin-left: 16px; background: url(../img/icons-02.jpg) no-repeat;}
#feature li {padding: 7px 0 7px 30px;}
#arab {float: right; margin-top: 4px;}

#footer {clear: both; margin-bottom: 60px; height: 38px; background: url(../img/footer-bg.jpg) repeat-x;}
#footer ul {padding: 12px 0 0 20px;}
#footer li {float: left; padding-right: 8px;}
#footer p {float: right; padding-right: 20px;}