@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}
ul, li {list-style: none;}
a img {border: none;}
p {font-family: Tahoma; font-size: 11px; color: #4d4d4d;}
body {background: #77c2f0 url(../img/body-bg.gif) repeat-x; font-family: Tahoma, Arial, sans-serif;}
#wrapper {margin: 0 auto; width: 900px; background: url(../img/main-bg.jpg) no-repeat 50px 0;}

#logo {cursor: pointer; float: left; background: url(../img/logo.gif) no-repeat right bottom; width: 221px; height: 120px; padding: 12px 0 0 26px;}
#logo span {display: none;}
#menu {float: right; padding-top: 50px; padding-bottom:54px;  }
#menu li {float: left;  padding: 5px 10px 5px 27px; font-family: Book Antiqua; font-size: 14px;}
#menu a {color: #fff;}
#menu span {color: #9bff01;}
#menu li.active {background: url(../img/menu-active.gif) no-repeat;}

#join {clear: both;}
#join {  width: 900px; height: 365px;}
#registr { width: 368px; padding-right: 24px; padding-left: 26px;}
#in {width: 342px; height: 305px; border: 1px solid #9cc4e4; border-right: 1px solid #afddf8; padding: 27px 0 0 24px;}
#join h3 {font-weight: normal; color: #fff; font-family: Book Antiqua;}
#join span {color: #aeff00;}
#join table {font-size: 11px; color: #fff;}
#join table span {color: #fff; font-size: 10px;}
#join table span a {color: #fff;}
#join input {width: 193px; margin-bottom: 2px;}
#join input.check {width: auto;}
#join input.button {padding-top: 5px; width: auto;}
#join select {width: 195px; margin-bottom: 2px;}
#join select.norm {width: 65px;}

#join th {font-weight:normal; text-align:left;}
#join .nb select {width:auto;}
#join table {width:300px;}
#join a {color:#FFF;}

#feature {float: left; height: 168px; padding: 11px 250px 34px 50px; background: url(../img/feature.jpg) no-repeat right 0; position: relative; top: -11px;}
#feature h3 span {display: none;}
#feature h3 {background: url(../img/feature-h3.gif) no-repeat right; width: 102px; height: 10px; margin: 25px 0 18px;} 
#feature a {padding: 4px 0 2px 25px; color: #00003d; text-decoration: none; font-size: 11px; display: block; width: 77px; height: 18px;}
#feature li {margin-bottom: 2px;}
.favorit a {background: url(../img/favorit.gif) no-repeat left 3px;}
.video a {background: url(../img/video.gif) no-repeat left 3px;}
.phone a {background: url(../img/phone.gif) no-repeat left 3px;}
.blog a {background: url(../img/blog.gif) no-repeat left 3px;}
.calc a {background: url(../img/calc.gif) no-repeat left 3px;}
#list {background: url(../img/list.gif); width: 62px; height: 71px; left: 800px; position: relative; top: 6px;}
*html #list {top: -158px; left: 378px;}
*+html #list {top: -158px; left: 398px;}
#members {float: right; border: 1px solid #89de8c; margin: 20px 50px 0 0; overflow:hidden; height:154px;} 
#members h3 span {display: none;}
#members h3 {background: url(../img/members-h3.gif) no-repeat right; width: 99px; height: 14px; padding: 12px 15px 18px 0;} 
#members ul {padding: 0 34px 0 15px;}
#members li {color:#5288A8; float:left;  font-size:11px; margin:0 28px 12px 0; overflow:hidden; position:relative; width:65px;}
#members img {border: 1px solid #a0bccb;}
#members a {text-decoration: none; color: #61c800;}
#members span {text-decoration: underline;}

#foot {clear: both; padding-top: 16px;}
*+html #foot {padding-top: 0px;}
*html #foot {padding-top: 0px;}
#foot p {float: left; font-size: 10px; color: #000; padding-top: 1px;}
#foot ul {float: right; padding: 0 50px 24px 0;}
#foot li {float: left; font-size: 11px; padding-left: 15px;}
#foot a {color: #fff;}