@charset "utf-8";
/* CSS Document */

*{
    margin:0px;
	padding:0px;
}

#layout{
    width:860px;
	padding:10px;
	height:auto;
	margin:0 auto;
}

#left{
    width:240px;
	height:auto;
	float:left;
}
#left #comeinto{
    height:60px;
	widows:240px;
	background-image:url(../images/comeinto.gif);
	margin-bottom:4px;
}
#left ul li{
	list-style:none;
	margin-bottom:4px;

}
#left ul li a{
    height:42px;
	line-height:42px;
	text-indent:23px;
	width:236px;
	font-size:14px;
	color:#666666;
	letter-spacing:1px;
	border:2px solid #77AFDD;
	background-color:#f0f2f1;
	display:block;
	overflow:hidden;
	text-decoration:none;
}
#left ul li a:hover{
	font-weight:bold;
	border:2px solid #77AFDD;
	height:auto;
}
#left ul li a:hover span{
    display:block;
	border-bottom:3px solid #dfdfdf;
	background-color:#7DD0F0;
	color:#ffffff;
}

#left .display{
	font-size:12px;
	color:#0099CC;
	text-align:left;
}
#left .display p{
	font-size:12px;
	text-indent:23px;
	font-weight:normal;
	background-color:#FFFFFF;
	height:30px;
	line-height:30px;
}
#left .display p.product{
    background-image:url(../images/where_nav.gif);
	background-position:5px center;
	background-repeat:no-repeat;
}

#right{
    float:right;
	background-color:#EFFAFE;
}

#right #intro{
    width:610px;
	background-image:url(../images/aboutus.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:auto;
	margin-bottom:25px;

}
#right h1{
    height:60px;
}

#right #intro p{
    padding:10px 10px;
	text-indent:2em;
	font-size:14px;
	color:#0A5578;
	line-height:200%;	
}
#atimg{
	overflow:hidden;
	height:auto;
	padding-top:5px;
	text-align:center;
	margin-bottom:10px;
}


#culture{
    width:610px;
	height:auto;
	background-image:url(../images/aboutus2.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom:10px;
	margin-bottom:20px;
}
#culture ul{
    list-style:inside;
	margin:20px 20px;
}
#culture ul li{
    height:30px;
	line-height:30px;
	font-size:14px;
	color:#1176ce;
}