/*
author:linkchain small / 2012-03-19
----------------------------------------------------------*/
body   {
	background:url('../../images/EN/inner-bg.jpg') repeat-x;
}

/* header
----------------------------------------------------------*/
#header{
    }
    
/* breadcrumb
----------------------------------------------------------*/
.breadcrumb{
    color: #FFFFFF;
    margin:82px 0 0 20px;
    _margin:81px 0 0 0;
    height:15px;
    }
    
#header .breadcrumb a{
    color: #FFFFFF;
    }
    
/* leftNav
----------------------------------------------------------*/
.leftNav{
    float:left;
   margin:2px 0 0 0;
   _margin:2px 0 0 -10px;
    padding:0;
    border-right:1px solid #d2d2d2;
    }
    
.leftNav .title{
   width:249px;
   height:92px;
   text-indent:-999em;
   padding:0;
    }
.leftNav .title.about{
   background:url('../../images/EN/leftNav-about.jpg') no-repeat;    
    }

.leftNav .title.website{
   background:url('../../images/EN/leftNav-website.jpg') no-repeat;    
    }
    
.leftNav .title.pro{
   background:url('../../images/EN/leftNav-pro.jpg') no-repeat;    
    }

.leftNav .title.service{
   background:url('../../images/EN/leftNav-service.jpg') no-repeat;    
    }

.leftNav .title.resources{
   background:url('../../images/EN/leftNav-resources.jpg') no-repeat;    
    }

.leftNav .title.news{
   background:url('../../images/EN/leftNav-news.jpg') no-repeat;    
    }

.leftNav .title.act{
   background:url('../../images/EN/leftNav-act.jpg') no-repeat;    
    }
                
.leftNav ul li{
    line-height:2.2em;
    border-bottom:1px solid #ccc;
    list-style:none;
    background:url('../../images/EN/inner-arrow.jpg') no-repeat 10px 6px;

    }

.leftNav ul li a{
    color:#000;
    display:block;
    padding:0 0 0 25px;
    }

.leftNav ul li a:hover{
    color:#fff;
    background:url('../../images/EN/leftNav-hover.jpg') no-repeat;
    display:block;
    width:224px;
    text-decoration:none;
    }

/* inner banner
----------------------------------------------------------*/
.inner-banner{
	width:750px;
	height:133px;
	float:right;
	margin:0;
	*margin:-4px 0 0 0;
    }

.inner-banner.about{
   background:url('../../images/EN/banner-about.jpg') no-repeat;
    }

.inner-banner.website{
   background:url('../../images/EN/banner-website.jpg') no-repeat;
    }
        
.inner-banner.pro{
   background:url('../../images/EN/banner-pro.jpg') no-repeat;
    }

.inner-banner.service{
   background:url('../../images/EN/banner-service.jpg') no-repeat;
    }

.inner-banner.resources{
   background:url('../../images/EN/banner-resources.jpg') no-repeat;
    }

.inner-banner.news{
   background:url('../../images/EN/banner-news.jpg') no-repeat;
    }

.inner-banner.act{
   background:url('../../images/EN/banner-act.jpg') no-repeat;
    }
                
/* inner content bg
----------------------------------------------------------*/
.content-wrapper{
   background:url('../../images/EN/inner-content-bg.jpg') repeat-y;
   margin:2px 0 0 0;
   *padding:4px 0 0 0;
    }
    
/* inner content
----------------------------------------------------------*/
#inner-content{
    margin:0 0 0 265px;
    min-height:250px;
    color:#666;
    line-height:1.8em;
    padding:0 0 10px 0;
    }

#inner-content p{
    line-height:1.8em;
    padding:10px 0 10px 0;   
    }

p.i2{
    text-indent:2em;
    }
    
p.i3
{
    text-indent:2em;
    font-size:150%;
    }    

h1{
    font-size:125%;
    color:#003787;
    padding:5px 0 5px 8px;
    border-left:3px solid #ccc;
    }
        
/* product-list
----------------------------------------------------------*/
.pro-main.pure{
   background:url('../../images/EN/pro-pure-title.jpg') no-repeat;
   width:625px;
   padding:55px 0 0 30px;
   margin:0 30px 0 30px;
    }

.pro-list{
    width:265px;
    float:left;
    margin: 0 10px 20px 10px ;
    }
    
.pro-list .title{
   background:#ccc url('../../images/EN/inner-pro-title.jpg') repeat-x;
   border:1px solid #ccc;
   padding:0px 3px 0px 3px;
   color:#000;
    }
    
.pro-list img{
    float:left;
    border:1px solid #666;
    }

.pro-list .photo{
    padding:5px 0 0 0;
    }

.pro-list ul li{
    list-style:none;
    margin:0 0 0 107px;
    padding:0 0 0 12px;
    background:url('../../images/EN/pro-arrow.jpg') no-repeat 0 5px;
    } 
    
/* link-list
----------------------------------------------------------*/
.link-main{
   width:625px;
   padding:10px 0 0 30px;
   margin:0 30px 0 30px;
    }

.link-list{
    width:265px;
    float:left;
    margin: 0 10px 20px 10px ;
    }
    
.link-list .title{
   background:#ccc url('../../images/EN/inner-pro-title.jpg') repeat-x;
   border:1px solid #ccc;
   padding:0px 3px 0px 3px;
   color:#000;
    }

.link-list ul li{
    list-style:none;
    padding:0 0 0 12px;
    background:url('../../images/EN/pro-arrow.jpg') no-repeat 0 5px;
    }