body {
   font-family: Arial;
   font-size: 12px;
   padding: 0px;
   margin: 0px;
   border-bottom: #2a5485 12px solid;
}
.clear {
   clear: both;
}
.top_menu {
   border-top: #2a5485 8px solid;
   border-bottom: #2a5485 1px solid;
   width: 100%;
   height: 57px;
   background-color: #33a9e1;
   position: absolute;
   top: 0px;
   text-align: center;
}
.top_menu .bg {
   width: 100%;
   height: 57px;
   background: url(../img/top_menu_bg.gif) repeat-x;
   position: absolute;
   top: 0px;
   left: 0px;
}
.top_menu .bg .menu {
   text-align: left;
   width: 973px;
   margin: 0 auto;
   padding-top: 20px;
   font-size: 14px;
}
.top_menu .bg .menu ul {
   margin: 0;
   padding: 0;
}
.top_menu .bg .menu ul li{
   margin: 0 0 0 45px;
   list-style: none;
   float: left;
}
.top_menu .bg .menu ul li a {
   float: left;
   display: block;
   color: #FFFFFF;
   text-decoration: none;
   padding: 0 3px 3px 3px;
}
.top_menu .bg .menu ul li a:hover {
   background: url(../img/top_menu_hover.gif) repeat-x;
   background-position: bottom;
}
.top_menu .bg .menu ul li .sel {
   color: #FFFFFF;
   background: url(../img/top_menu_sel.gif) no-repeat;
   background-position: bottom center;
   height: 38px;
   float: left;
}
.container {
   width: 973px;
   margin: 66px auto 0 auto;
   position: relative;
}
.container .header {
   width: 973px;
   height: 330px;
   position: absolute;
   top: 0px;
   left: 0px;
}
.header .head {
   width: 973px;
   height: 228px;
   background-color: #1c4879;
   margin-top: 97px;
   border-bottom: #a8a9ab 5px solid;
   position: relative;
}
.header .head .loader {
   position: absolute;
   top: 106px;
   left: 478px;   
}
.header .head .bg {
   width: 973px;
   height: 228px;
   background: url(../img/header_bg.jpg) no-repeat;
   position: absolute;
}
.header .head .hand {
   position: absolute;
   top: 0;
   left: 0;
/*
background: url(../img/header_hand_index.jpg) no-repeat;
background: url(../img/header_hand_company.jpg) no-repeat;
background: url(../img/header_hand_connect.jpg) no-repeat;
background: url(../img/header_hand_solution.jpg) no-repeat;
background: url(../img/header_hand_service.jpg) no-repeat;
background: url(../img/header_hand_partners.jpg) no-repeat;
background: url(../img/header_hand_contacts.jpg) no-repeat;
*/
/*   background: url(../img/header_hand_company.jpg) no-repeat;*/
   display: none;
}
.header .head .text {
   width: 259px;
   height: 55px;
   background: url(../img/header_text_bg.jpg) no-repeat;
   position: absolute;
   top: 73px;
   right: 28px;
   font-size: 16px;
   color: #FFFFFF;
   padding: 15px;
   z-index: 100;
   display: none;
}
.header .logo {
   width: 943px;
   height: 64px;
   background: url(../img/logo.png) no-repeat;
   position: absolute;
   top: 15px;
   left: 18px;
}
.header .logo a {
   position: absolute;
   width: 300px;
   height: 64px;
}
.container .content {
   width: 653px;
   float: right;
   margin-top: 330px;
   margin-bottom: 35px;
   background: url(../img/content_bg.gif) repeat-x;
   position: relative;
   color: #353535;
}
.content .text {
   margin-top: 60px;
   width: 610px;
}
.content .text a {
   text-decoration: none;
   color: #056aa2;
}
.content .text a:hover {
   background: url(../img/text_a_hover.gif) repeat-x;
   background-position: bottom;
}
.content .text h1 {
   font-size: 21px;
   color: #056aa2;
   font-weight: normal;
   padding-bottom: 5px;
   background: url(../img/text_h1_bg.gif) repeat-x;
   background-position: bottom;
}
.content .text h2 {
   font-size: 18px;
   color: #056aa2;
   font-weight: normal;
   padding: 12px 0 10px 0;
}
.content .text ul {
   padding: 0px;
   margin: 0px;
}
.content .text li {
   padding: 0px;
   margin: 0 0 20px 35px;
   list-style-image: url(../img/text_li.gif);

}
.content .nav {
   background: url(../img/nav_img.gif) no-repeat;
   padding-left: 24px;
   position: absolute;
   top: 21px;
}
.content .nav a {
   color: #056aa2;
   font-size: 11px;
}
.content .nav a:hover {
   text-decoration: none;
}
.content .nav .arrow {
   margin: 0 10px;
}
.container .menu {
   width: 320px;
   float: left;
   margin-top: 330px;
   margin-bottom: 100px;
   background: url(../img/content_bg.gif) repeat-x;
   padding: 21px 0 40px 0;
}
.container .menu a {
   width: 200px;
   display: block;
   margin: 5px 0 5px 53px;
   background: url(../img/menu.gif) no-repeat;
   background-position: 0px 5px;
   font-size: 14px;
   color: #5d5d5d;
   text-decoration: none;
   padding-left: 20px;
}
.container .menu a:hover {
   color: #4b8ccc;
   background-position: 10px 5px;
}
.container .menu .sel {
   width: 200px;
   display: block;
   margin: 5px 0 5px 53px;
   font-size: 14px;
   text-decoration: none;
   padding-left: 20px;
   background: url(../img/menu_sel.gif) no-repeat;
   background-position: 0px 5px;
   color: #316ca6;
}
.menu .progress {
   width: 320px;
   height: 325px;
   background: url(../img/menu_progress.png) no-repeat;
   background-position: 50px 36px;
   position: relative;
}
.menu .progress .title {
   font-size: 18px;
   color: #FFFFFF;
   position: absolute;
   top: 40px;
   left: 65px;
}
.menu .progress .step1 {
   font-size: 14px;
   color: #7a7a7a;
   position: absolute;
   top: 115px;
   left: 113px;
}
.menu .progress .step2 {
   font-size: 14px;
   color: #7a7a7a;
   position: absolute;
   top: 202px;
   left: 113px;
}
.menu .progress .step3 {
   font-size: 14px;
   color: #7a7a7a;
   position: absolute;
   top: 292px;
   left: 113px;
}
.container .footer {
   margin: 0 0 12px 246px;
   padding: 5px 0 0 44px;
   width: 674px;
   height: 32px;
   background-color: #cecece;
   border-bottom: #787878 1px solid;
   font-size: 11px;
   color: #696f73;
}
.container .footer a {
   color: #696f73;
}
.container .footer a:hover {
   text-decoration: none;
}
.container .footer_r {
   width: 9px;
   height: 38px;
   background: url(../img/footer_right.gif) no-repeat;
   position: absolute;
   bottom: 0 !important;
   bottom: 12px;
   right: 0px;
}
.container .foot_img {
   width: 246px;
   height: 118px;
   background: url(../img/footer_img.png) no-repeat;
   position: absolute;
   bottom: 0 !important;
   bottom: 12px;
   left: 0px;
}
