@charset "utf-8";


#body_top{
	background-image:url(../images/body_top_bg.gif);
	width:1002px;
	height:28px;
	margin:0 auto;
	}
	
#wrap{
 overflow:hidden;
 width:1002px;
 margin:0 auto;
 background-color:#e9e7e0;
}
#left,#space,#space1,#center,#right{
 margin-bottom:-10000px;
 padding-bottom:10000px;
}
#left{
 float:left;
 width:307px;
 }
 
#index_left_pic a{
	margin-bottom:8px;
	width:307px;
	height:128px;
	display:block;
	background-repeat:no-repeat;
	background-position: 40% 40%;
}
#Trends{ margin-top:15px;}
#Trends li{
background-image:url(../images/li.gif);
background-repeat:no-repeat;
height:21px;
}
#Trends li a{
	color:#656461;
	text-indent: 34px;
	text-decoration: none;
}
 
 #space{
float:left;
width:12px;
}
#space1{
float:left;
width:21px;
background-image:url(../images/interval_bg.gif);
background-repeat:repeat-y;
}

#center{
 float:left;
 width:433px;
 }
#service{
	color:#656461;
	font-size:12px;
	text-indent: 26px;
	margin-bottom:10px;
	margin-right: 5px;
	margin-left: 10px;
}
#service p{ margin-bottom:2px;}
#service_pic{width:433px; height:152px;margin-bottom:14px; float:left;}
#service_pic li{float:left;}
#service_pic li a{ 
 width:108px;
 height:112px;
 display:block;
}
#service_pic_1 a{background-image: url(../images/service_pic_1_a.jpg);}
#service_pic_2 a{background-image: url(../images/service_pic_2_a.jpg);}
#service_pic_3 a{background-image: url(../images/service_pic_3_a.jpg);}
#service_pic_4 a{background-image: url(../images/service_pic_4_a.jpg);}

#design_pic{ width:453px;}
#design_pic li{float:left;}
#design_pic li a{
	width:141px;
	height:100px;
	display:block;
	margin-right:3px;
	background-position:center top;
	border: 1px solid #999999;
	background-color:#000;
	 filter:alpha(opacity=70); 
}

#design_pic li a:hover{filter:alpha(opacity=100); }  
  
#right{
 float:right;
 width:208px;
 }
#project li{ float:left;}
.title{
margin-bottom:17px;
}