* {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {font-size: 100%;}
ul, ol {list-style: none;}
input.button {cursor: pointer; cursor: hand;}
img, fieldset {border: none;}
table {border-collapse: collapse; border: none;}

body {
  background: #FFF url("../img/body-bg.png") repeat-x 0 0;
  font: 11px/14px Tahoma, Verdana, sans-serif;
  color: #000;
}

#wrapper {
  width: 760px;
  margin: 0 auto;
}

#header {
  background: url("../img/header-text.gif") no-repeat 227px 29px;
  height: 111px;
  position: relative;
  margin-bottom: 1px;
}
#header h1 {
  float: left;
  padding: 21px 0 0 6px;
}

#header .other {
  float: right;
  padding: 25px 7px 0 0;
  color: #444749;
}
#header .other select {
  width: 150px;
  margin-top: 3px;
}
#header .other label {display: block;}

#header ul {
  position: absolute;
  top: 79px;
  right: 0;
}
#header ul li {
  float: left;
  display: inline;
  margin-right: 1px;
  background: url("../img/menu-right-bg.png") no-repeat 100% 100%;
  height: 32px;
  padding-right: 10px;
}
#header ul li span {
  display: block;
  float: left;
  height: 32px;
  background: url("../img/menu-left-bg.png") no-repeat 0 100%;
  padding: 0 15px 0 25px;
  position: relative;
}
#header ul li a {
  color: #FFF;
  font-weight: bold;
  float: left;
  text-decoration: none;
  position: relative;
  display: block;
  padding-top: 12px;
  z-index: 8;
}
#header ul li b {
  position: absolute;
  display: block;
  top: 13px;
  left: 26px;
  color: #6200B4;
  z-index: 1;
}
#header ul li.join {
  background-image: url("../img/menu-join-right-bg.png");
}
#header ul li.join span {
  background-image: url("../img/menu-join-left-bg.png");
}

#login {
  height: 33px;
  background: #FF9F00 url("../img/login-bg-inner.png");
  padding-left: 64px;
  color: #FFF;
}
#login * {vertical-align: middle;}

#login label {
  margin: 0 3px 0 16px;
}
#login form {
  padding-top: 6px;
}
#login .i {
  width: 120px;
}
#login .button2 {margin: 0 8px 0 3px;}
#login a {margin-left: 10px; color: #FFF;}

#steps {
  overflow: hidden;
  width: 100%;
}
#steps ul {
  padding: 30px 0 0 5px;
}
#steps li {
  float: left;
  display: inline;
  padding-right: 19px;
  text-align: right;
}
#steps .last {padding-right: 0;}
#steps li img, #steps li span {
  display: block;
}
#steps li span {
  padding: 15px 35px 20px 0;
}

#content {
  width: 100%;
  overflow: hidden;
}
#content .box_index {
  float: left;
  width: 235px;
  height: 239px;
  margin-right: 13px;
}

#search {
  background: url("../img/search-bg.png");
}
#search form{padding: 60px 25px 0;}
#search .button{width: auto !important; border: none !important; background: #51A0CF; color: #FFF;}
#search table {width: 100%;}
#search table td {
  padding: 3px 0;
}
#search tr.nw td select {
  width: auto !important;
}
#search select {
  width: 100%;
  font: 10px Tahoma, Verdana, sans-serif;
  color: #696969;
}
#search .button {margin: 5px 0;}

#members {
  background: url("../img/members-bg.png");
  margin-right: 0 !important;
}
ul.m {
  padding: 62px 0 0 29px;
  zoom: 1;
}
ul.m li {
  float: left;
  display: inline;
  margin: 0 20px 0 0;
}
ul.m li img {
  display: block;
  margin: 0 0 5px -3px;
  position: relative;
}
ul.m li a {
  font-weight: bold;
  color: #F50024;
}
#members .yo {
  clear: both;
  zoom: 1;
  margin: 25px 0 0 29px;
  padding: 12px 0 0 0;
  //padding-top: 0;
  //margin-top: 15px;
}
#members .yo li {
  float: left;
  display: inline;
  margin-right: 25px;
  padding: 2px 0;
  margin-bottom: 5px;
}
#members .yo li.total {padding-left: 20px; background: url("../img/icon-total.gif") no-repeat 0 50%;}
#members .yo li.online {padding-left: 20px; background: url("../img/icon-online.gif") no-repeat 0 50%;}

#features {
  margin-right: 0 !important;
  float: right !important;
  background: url("../img/features-bg.jpg");
}
#features ul {
  padding: 18px 0 0 22px;
}
#features ul li {
  padding: 5px 0 5px 25px;
}
#f1 {background: url("../img/f1.gif") no-repeat 0 50%;}
#f2 {background: url("../img/f2.gif") no-repeat 0 50%;}
#f3 {background: url("../img/f3.gif") no-repeat 0 50%;}
#f4 {background: url("../img/f4.gif") no-repeat 0 50%;}
#f5 {background: url("../img/f5.gif") no-repeat 0 50%;}
#f6 {background: url("../img/f6.gif") no-repeat 0 50%;}
#f7 {background: url("../img/f7.gif") no-repeat 0 50%;}

#banners table {width: 100%;}
#banners td {
  text-align: center;
  height: 62px;
}

#footer p.links {
  height: 35px;
  line-height: 35px;
  padding-left: 14px;
  background: #7B00DD url("../img/links-bg-inner.gif");
  color: #AA46EB;
}
#footer p.links a {
  color: #FFF;
  text-decoration: none;
}
#footer p.cop {
  padding: 14px;
  background: url("../img/cop-bg-inner.gif") no-repeat 0 0;
  color: #909090;
}
#footer p.cop a {
  color: #909090;
}