/*=========================================================
Creator: Mike Chen
MSN: ichenfang@hotmail.com
=========================================================*/

/* global
---------------------------------------------------------*/
body {
	width:995px;
	font:11px Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
}
div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
img {
	border:0;
}
li {
	list-style:none;
}
/* header
---------------------------------------------------------*/
#header {
	width:987px;
	height:68px;
	background:url(../image/top_bg.gif) repeat-x;
}
#header img {
	margin:7px 0 0 15px;
	float:left;
}
#header p {
	height:20px;
	line-height:20px;
	border-left:#272727 1px dotted;
	float:left;
	margin:24px 0 0 38px;
	padding-left:8px;
}
#header ul {
	width:62px;
	float:right;
	margin:24px 35px 0 0;
	
}
#header ul img {
	margin:0;
}
#header ul li {
	width:20px;
	height:14px;
	float:left;
	padding-top:4px;
}
.ico01 {
	padding-right:6px;
}
.ico02 {
	padding-left:12px;
	border-left:#272727 1px dotted;
}
/* banner
---------------------------------------------------------*/
#banner {
	width:987px;
	height:235px;
	background:url(../image/banner.jpg) no-repeat;
}

/* aboutus
---------------------------------------------------------*/
#aboutus {
	width:987px;
	height:175px;
}
.aboutus_left {
	width:303px;
	height:175px;
	background:url(../image/aboutus_bg_left.jpg) no-repeat;
	float:left;
}
.aboutus_left p {
	width:281px;
	height:60px;
	font-size:12px;
	font-family:tohama;
	color:#eff5fa;
	margin:45px 0 0 18px;
}
.aboutus_left h2 {
	font-style:italic;
	font-weight:normal;
	font-size:12px;
	font-family:tohama;
	color:#eff5fa;
	text-align:right;
	margin-right:20px;
	padding-top:10px;
}
.aboutus_left a {
	float:right;
	margin:10px 15px 0 0;
}
.aboutus_left a img {
	margin:0;
}
.aboutus_middle {
	width:300px;
	height:175px;
	background:url(../image/aboutus_bg_middle.jpg) no-repeat;
	float:left;
}
.aboutus_middle div {
	width:210px;
	height:83px;
	background:#fff url(../image/image01.jpg) no-repeat center;
	text-align:left;
	margin:40px 0 0 21px;
}
.aboutus_middle p {
	width:105px;
	font-family:"trebuchet ms";
	margin:8px 0 0 21px;
	float:left;
	color:#fff;
}
.aboutus_middle a {
	margin:18px 15px 0 0;
	float:right;
}
.aboutus_middle a img {
	margin:0;
}
.aboutus_right {
	width:383px;
	height:175px;
	background:url(../image/aboutus_bg_right.jpg) no-repeat;
	float:left;
}
.aboutus_right div {
	width:325px;
	height:84px;
	margin:30px 0 0 30px;
}
.aboutus_right a {
	margin:26px 15px 0 0;
	float:right;
}
/* pagebody
---------------------------------------------------------*/
#pagebody {

}
	#sidebar {
		width:234px;
		padding-top:4px;
		float:left;
	}
		#sidebar h1 {
			width:216px;
			height:29px;
			font-size:14px;
			line-height:29px;
			text-indent:13px;
			background:url(../image/link.gif) no-repeat;
			margin-bottom:1px;
			clear:both;
		}
			#sidebar h1 a {
				display:block;
			}
			#sidebar h1 a:link,#sidebar h1 a:visited {
				color:#000;
				text-decoration:none;
			}
			#sidebar h1 a:hover {
				color:#f9f9fb;
				text-decoration:none;
				background:url(../image/hover.gif) no-repeat;
			}
		#sidebar ul {
			width:216px;
			margin:0 0 8px 5px;
		}
			#sidebar ul li {
				width:210px;
				text-indent:16px;
				border-bottom:#f0f0f0 1px solid;
			}
			#sidebar ul a {
				display:block;
				width:210px;
				height:25px;
				line-height:25px;
				color:#000;
				text-decoration:none;
			}
			#sidebar ul a:link,#sidebar ul a:visited {
			}
			#sidebar ul a:hover {
				background:#ccc;
			}
	#mainbody {
		width:752px;
		padding-top:10px;
		background:url(../image/mainbody_line.jpg) no-repeat left;
		float:left;
	}
		.imagebox {
			background:#f5f8f9 url (../image/mainbody_bg.jpg) no-repeat top;
		}
		.mainbody_left {
			width:275px;
			float:left;
			padding:0 28px;
		}
		.mainbody_right {
			width:420px;
			float:right;
		}
		#mainbody img {
			margin:10px 0;
		}

/* footer
---------------------------------------------------------*/
#footer {
	width:987px;
	height:90px;
	padding:10px 0;
	background:url(../image/footer_bg.gif) repeat-x;
	clear:both;
}
#footer ul {
	width:600px;
	height:24px;
	line-height:21px;
	text-align:center;
	margin:0 auto;
	padding:10px auto;
}
#footer ul li {
	padding:0 10px;
	float:left;
}
#footer ul a {
	text-decoration:none;
	padding:5px;
}
#footer ul a:link,#footer ul a:visited {
	color:#fff;
}
#footer ul a:hover {
	background:#1d5677;
	color:#fff;
}
#footer p {
	font-size:14px;
	clear:both;
	color:#fff;
	text-align:center;
	text-indent:200px;
	margin-top:20px;
}