body {margin: 0; background: url(../images/bg.jpg) no-repeat center top #000; color: #575757; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
body.index {background: #000;}
body.frame {background: url(../images/bg_frame.jpg) no-repeat left top #000;}

/*->container===========================================================================================================*/
#container {width: 895px; margin: 0 auto; padding: 230px 0 50px;}
#container.popup {padding-top: 300px;}
.index #container {padding-top: 0;}
#container img {border: none;}

h1 {color: #ff7b00; margin: 0; padding: 10px 0;}
.popup #content p {margin: 0; padding: 0 0 10px;}
h2 {color: #ccc; border-bottom: 1px solid #333;}

.log h3 {margin: 0; color: #bababa; font-size: 14px;}

.clr_light {color: #b4b3b3;}
.error {color: #990000;}
.align_right {text-align: right;}
.clr_black {color: #000;}

.fs14 {font-size: 14px;}
.pl30 {padding-left: 30px;}
.pt10 {padding-top: 10px;}

.btn { cursor: pointer; text-indent: -9000px; border: none;}
/*->content=============================================================================================================*/
#menu {height: 140px;}
#content_bot {background: url(../images/bg_bot.gif) no-repeat left bottom; padding: 0 0 37px;}
#content_top {background: url(../images/bg_top.gif) no-repeat left 70px;}
.popup #content_top {padding-top: 37px; background-position: 0 0;}
#content {padding: 0 40px; background: #262626;}
#content p {margin: 5px 0;}
#content a {color: #b4b3b3; text-decoration: underline;}
#content a:hover {text-decoration: none;}

/*->logbox==============================================================================================================*/
.logbox {background: url(../images/bg_logbox.png) no-repeat left top; padding: 30px; width: 370px;}
.logbox input.text {border: 2px solid #373737; background: #000; color: #b4b3b3; padding-left: 5px;}
.logbox input.login {background: url(../images/button/login.png) no-repeat left top; width: 130px; height: 30px; font-size: 0;}
.logbox .loginbox {background: url(../images/button/login.png) no-repeat left top; height: 55px; float: right; width: 130px;}
.logbox .bg_grey {background: #303030;}

/*->bottom==============================================================================================================*/
.index #bottom {padding: 0 80px;}
#bottom a {color: #575757; text-decoration: none; }
#bottom a:hover, #bottom .policy {color: #313131;}
#bottom p {margin:0; padding: 3px 0;}

#topmenu {margin:  0 auto; padding: 0; width: 640px; }

#maincontent1, .maincontent1 {clear: both; overflow: hidden; width: 812px; margin: 0 auto 20px auto; padding: 0;}
 #top1    {clear: both; overflow: hidden; width: 812px; height: 46px; margin: 0 auto; padding: 0; background: url(../images/top01.gif) top left no-repeat;}
 #top2, .top2 {clear: both; overflow: hidden; width: 812px; height: 100px; margin: 10px auto 0 auto; padding: 0; background: url(../images/top02.gif) top center no-repeat;}
 .top2 {height: 50px; background-position: center -50px;}
 #bottom1, .bottom1 {clear: both; overflow: hidden; width: 812px; height: 46px; margin: 0 auto; padding: 0; background: url(../images/bottom01.gif) top left no-repeat;}
 #middle1, .middle1 {clear: both; overflow: hidden; width: 812px; margin: 0; padding: 0; background: url(../images/middle01.gif) top left repeat-y;}
 #mcontent1 {clear: both; overflow: hidden; width: 740px; margin: 0; padding: 0 20px 0 40px;}
 .middle1 {padding: 0 40px; background-position: 1px top; width: 733px;}
 .bottom1 {padding-bottom: 20px;}

#maincontent3{clear: both; overflow: hidden; width: 167px; margin: 20px auto 0 auto; padding: 0;}
 #top3    {clear: both; overflow: hidden; width: 167px; height: 15px; margin: 0 auto; padding: 0; background: url(../images/top03.gif) top left no-repeat;}
 #bottom3 {clear: both; overflow: hidden; width: 167px; height: 15px; margin: 0 auto 10px; padding: 0; background: url(../images/bottom03.gif) top left no-repeat;}
 #middle3  {clear: both; overflow: hidden; width: 167px; margin: 0; padding: 0; background: url(../images/middle03.gif) top left repeat-y;}
 #mcontent3 {clear: both; overflow: hidden; width: 140px; margin: 0; padding: 0 10px;}
 #mcontent3 h1 {color: #7e7e7e; margin: 0; padding: 0; font-size: 16px;}
 #mcontent3 p {color: #7e7e7e; margin: 0; padding: 0; font-size: 14px;}
 .inp_text input {width: 190px;}

.error {font-size: 16px; color: #ff000;}
.answers {margin: 0 0 10px 0;}
.gallery {float: left; padding-bottom: 10px;}
.gallery_item {float: left; padding: 3px; width: 140px;}

.td1 {background: #f70b0b; padding: 3px 5px; margin: 0; color: #fff; font-size: 14px; font-weight: bold;}
.td2 {background: #2a2a2a; padding: 3px 5px; margin: 0; color: #fff; font-size: 12px; border-bottom: 1px solid #000;}