* {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;}

html {background: #000C3E url("../img/html-bg.png") repeat-x 0 0; height: 100%;}
body {
    font: 11px/14px Tahoma, Verdana, sans-serif;
    color: #4D4D4D;
    height: 100%;
    min-height: 100%;
}

#wrapper {
    width: 796px;
    margin: 0 auto;
    overflow: hidden;
}
#header {
    height: 214px;
    overflow: hidden;
    position: relative;
    z-index: 5;
}
#header h1 {
    float: left;
    padding: 57px 0 0 16px;
}
#menu {
    position: absolute;
    top: 112px;
    left: 0;
}
#menu ul {
    padding: 1px;
}
#menu ul li {
    float: left;
    padding: 0 12px 0 60px;
    line-height: 63px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
#menu a {
    color: #FFF;
    font-weight: bold;
    position: relative;
}
#m1 {background-image: url("../img/m1.png");}
#m2 {background-image: url("../img/m2.png");}
#m3 {background-image: url("../img/m3.png");}
#m4 {background-image: url("../img/m4.png");}
* html #menu li {
    filter: expression(
        runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/'+ (currentStyle.backgroundImage).match(/[a-z0-9]+\.png/gi) +', sizingMethod=crop)',
        runtimeStyle.background = 'none !important'
    );
}


#login {
    float: right;
    margin-top: 35px;
    width: 514px;
    height: 70px;
    overflow: hidden;
    background: url("../img/login-bg.gif") no-repeat 0 0;
    position: relative;
    z-index: 100;
    color: #B1DFED;
}
#login form {
    padding: 25px 0 0 25px;
    font-size: 10px;
}
#login form * {vertical-align: middle;}
#login .inp {
    width: 82px;
    border: none;
    background: url("../img/login-input-bg.gif");
    margin-right: 5px;
    height: 19px;
    padding: 0 7px;
    line-height: 19px;
    color: #404E55;
}
#login .s {margin: 0 15px;}
#login a {
    margin-left: 10px;
    color: #B1DFED;
}

#join {
    height: 345px;
    overflow: hidden;
    background: url("../img/join-bg.jpg");
}
#join form {
    float: right;
    width: 315px;
    display: inline;
    margin: 32px 35px 0 0;
    color: #FFF;
}
#join h2 {
    margin-bottom: 15px;
}
#join table {width: 100%;}
#join td, #join th {
    text-align: left;
    padding-bottom: 5px;
    //padding-bottom: 3px;
    font-weight: normal;
}
#join input, #join select {
    width: 100%;
    font-size: 10px;
    color: #585858;
    position: relative;
    border: 1px solid #FFF;
    padding: 2px 0;
    font-family: Tahoma, Verdana, sans-serif;
}
#join .nb input, #join .nb select {
    width: auto;
}
#join input.button {
    width: auto;
    border: none;
    font-size: 11px !important;
    margin: 5px 0 0;
}
#join a {color: #FFF;}
#join .nbc td {
    font-size: 10px;
}
#join .nbc input {
    width: auto;
    border: none;
}
#join .np {
    font-size: 10px;
    padding-bottom: 0;
}
#join .np input {
    width: auto;
    border: none;
}

#members {
    height: 131px;
    background: #FFF url("../img/members-bg.jpg") no-repeat 0 100%;
}
#members ul {
    padding: 22px 0 0 30px;
}
#members ul li {
    float: left;
    padding-right: 17px;
}
#members img {
    display: block;
    position: relative;
    margin: 0 0 7px -5px;
}
#members a {color: #0082D5;}

#features {
    float: left;
    padding: 32px 0 0 36px;
    color: #FFF;
}
#features ul li {
    padding: 5px 15px 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%;}
#f8 {background: url("../img/f8.gif") no-repeat 0 50%;}
#f9 {background: url("../img/f9.gif") no-repeat 0 50%;}
#f10 {background: url("../img/f10.gif") no-repeat 0 50%;}

#footer {
    height: 36px;
    overflow: hidden;
    background: url("../img/footer-bg.jpg");
    margin: 10px 0;
    line-height: 36px;
}
#footer .links {
    float: right;
    font-size: 10px;
    color: #759CB8;
    padding-right: 15px;
}
#footer .links a {color: #FFF;}
#footer p.cop {
    float: left;
    padding-left: 15px;
    color: #FFF;
}