/*
 **
 *  XStead web2.0 systems
 *  info[at]xstead.com
 *  xhtml,css2,ajax,php,smarty,mysql,perl
 ** 
*/

@import url(top.css);

 html,body {
   margin: 0;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #000;
   background: #fff url('../design/tail-top.jpg') top left repeat-x;
   padding: 0px;
   text-align: center;
   height:100%;
   width: 100%;
 }
 body {
   text-align: center;
   padding: 0px;
 }
 form {
   margin: 0px;
   padding: 0px;
   font-size: 1px;
 }
 input, select {
   font: 8pt Tahoma, sans-serif;
   border: 1px solid #cccccc;
   background: #ffffff;
   padding-left: 2px;
   color: #363e4b;
   margin: 0px;
 }
 textarea  {
   font: 8pt Tahoma, sans-serif;
   border: 1px solid #cccccc;
   background: #ffffff;
   padding-left: 2px;
   color: #363e4b;
 }
 td, table {
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   border:0px;
   border-collapse:collapse;
 }
 .radio {
   font: 8pt Tahoma, sans-serif;
   border: 1px solid #cccccc;
   background: #ffffff;
   padding-left: 2px;
   color: #363636;
   width: 16px; height: 16px;
 }
 .checkbox {
   font: 8pt Tahoma, sans-serif;
   border: 1px solid #cccccc;
   background: #ffffff;
   padding-left: 2px;
   color: #363636;
   width: 16px; height: 16px;
 }
 .clr {
   clear: both;
   font-size: 1px;
 }        
 a {
  font-family: arial;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
 }
 a:hover {
  text-decoration: underline;
  color: #fff;
 }
 
      
 #sp_container {
   width: 1114px;
   text-align: center;
   margin: 0 auto;
 }
 #sp_main {
   width: 980px;
   text-align: center;
   margin: 0 auto;
   margin-top: 34px;
 }                    
 #sp_content {
   min-height: 400px;
   _height: 400px;	
   background: #fff;  
 }            
 #sp_content .sp_content_left {
   width: 8px;
   float: left;
 }         
 #sp_content .sp_content_left .left-corner {      
   width: 10px; height: 10px;
   position: absolute; _margin-left: -3px;
   background: url('../design/box-corner-left-top.gif') top left no-repeat;
 } 
 #sp_content .sp_content_right {
   width: 8px;
   float: left;
 }            
 #sp_content .sp_content_right .right-corner {      
   width: 10px; height: 10px;        
   position: absolute; margin-left: -2px; _margin-left: -5px;
   background: url('../design/box-corner-right-top.gif') top left no-repeat;
 } 
 #sp_content .sp_content_inner {
   width: 964px;
   margin-top: 7px;
   float: left;
 }
 
 #sp_content .home {    
   width: 964px;
   background: #fff;  
 }
 #sp_content .home-banner-left {     
   width: 477px;
   height: 326px;
   background: url('../design/home-banner-left-en.jpg') top left no-repeat;
   float: left;
 }
 #sp_content .home-banner-right {     
   width: 487px;
   height: 326px;
   background: url('../design/home-banner-right.jpg') top left no-repeat;
   float: left;
 }   
 #sp_content .home-banner-img1 {     
   width: 120px;
   height: 107px;
   background: url('../design/main-img2.jpg') top left no-repeat;
   float: left;
   margin: 10px;
   margin-left: 40px;
 }       
 #sp_content .home-banner-img2 {     
   width: 120px;
   height: 107px;
   background: url('../design/main-img3.jpg') top left no-repeat;
   float: left;
   margin: 10px;
 }       
 #sp_content .home-banner-img3 {     
   width: 120px;
   height: 107px;
   background: url('../design/main-img4.jpg') top left no-repeat;
   float: left;
   margin: 10px;
 }       
 #sp_content .home-banner-txt {
   font-family: arial;
   font-weight: normal;
   font-size: 9pt;
   color: #666;
   text-align: justify;
   margin: 30px 0px 0px 50px;
   width: 440px;  
   float: left;
 }
 #sp_content .statictop {     
   width: 964px;
   height: 15px;
   background: url('../design/statictop.gif') top left no-repeat;
 }
 #sp_content .staticbottom {     
   width: 964px;
   height: 16px;
   background: url('../design/staticbottom.gif') top left no-repeat;
 }
 #sp_content .static {     
   width: 964px;
   background: url('../design/staticbg.gif') top left no-repeat;
 }    
 #sp_content .staticcontent {     
 
 }    
 #sp_content .staticcontent .txt {     
 
 }         
 
 #sp_footer {
   margin-bottom: 10px;	
 }
 #sp_footer .left {     
   width: 12px; height: 62px;
   background: url('../design/footer-left-bg.gif') top left no-repeat;
   float: left;
 }
 #sp_footer .right {     
   width: 12px; height: 62px;
   background: url('../design/footer-right-bg.gif') top left no-repeat;
   float: left;
 }
 #sp_footer .tail {     
   height: 62px; width: 956px;
   background: url('../design/footer-tail-bg.gif') top left repeat-x;
   float: left;
 }
 #sp_footer .tail .txt {
   text-align: left;	
   color: #5d5d5d;  
   font-family: arial;
   font-size: 8pt;
   font-weight: normal;
   text-decoration: none;
   padding: 30px 0px 0px 0px;
 }
 #sp_footer .tail .txt a {     
   color: #5d5d5d;  
   font-family: arial;
   font-size: 8pt;
   font-weight: normal;
   text-decoration: none;
 }