* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

html, body { width: 100%; height: 100%; background: #f7f7f7; }

.wrapper { width: 980px; height: auto; margin: 0px auto; position: relative; }

.header { height: 27%; width: 100%; background: #c32a27; min-height: 280px; }

	.facebook { position: absolute; right: 30px; top: 20px; opacity: .6; cursor: pointer; z-index: 10; }
		.facebook:hover { opacity: 1; }
	.twitter { position: absolute; right: 60px; top: 20px; opacity: .6; cursor: pointer; z-index: 10; }
		.twitter:hover { opacity: 1; }

	.header .wrapper { height: 100%; width: 100%; position: relative; }
	.logo { position: absolute; left: 50%; top: 5%; margin-top: 1px; margin-left: -70px; }
	.menu { position: relative; top: 190px; width: 90%; font-size: 12px; font-family: arial; margin: 0px auto; }
		.menu li { cursor: pointer; background: #af2825; float: left; color: #f4cbcb; padding: 20px 0px; width: 14%; text-align: center; }
			.menu li:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
			.menu li:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
			.menu li.selected { background: #8d2321; color: #fff; }
			.menu li:hover { background: #7c1f1d; color: #fff; }
			
.content {}
	
	.title {
	margin: 10px auto;
	margin-bottom: 10px;
	width: 1050px;
	font-size: 38px;
	margin-bottom: 10px;
	color: #555;
	text-align: center;
	font-family: georgia;
}
		.subtitle {
	margin: 10px auto;
	width: 630px;
	text-align: center;
	font-size: 15px;
	font-family: arial;
	color: #000;
}
			.subtitle a {
	font-size: 11px;
	font-family: arial;
	color: #000;
	padding-bottom: 1px;
	text-decoration: none;
}
				.subtitle a:hover { border-bottom: 1px dotted #09c; }

		.mybody {
	margin: 0px auto;
	width: 630px;
	text-align: left;
	font-size: 15px;
	font-family: arial;
	color: #000;
	list-style-type: disc;
}
			.mybody a {
	font-size: 11px;
	font-family: arial;
	color: #09c;
	padding-bottom: 1px;
	text-decoration: none;
	list-style-type: disc;
}
				.mybody a:hover { border-bottom: 1px dotted #09c; }
		.mylist {
	margin: 0px auto;
	width: 830px;
	text-align: left;
	font-size: 15px;
	font-family: arial;
	color: #000;
	list-style-type: disc;
	margin-left: 20px;
}			
.left { position: relative; float: left; width: 609px; }
	.left .title { width: 580px; }
	.left .subtitle { width:  500px; text-align: justify; }
.right { margin-top: 130px; height: 700px; padding: 20px; position: relative; float: left; margin-left: 30px; width: 300px; border-left: 1px solid #ccc; }
	.right-title {  font-size: 15px; padding-bottom: 10px; font-weight: bold; color: #555; }
	.right-inner { margin: 10px 0px; font-size: 13px; font-family: arial; color: #777; }
	
	.right a { font-family: arial; font-size: 12px; text-decoration: none; color: #09c; padding-bottom: 1px; }
		.right a:hover { border-bottom: 1px dotted #09c; }
		
.footer { position: relative;  text-align: center; margin-top: 130px; margin-bottom: 30px; }
	.footer .wrapper { width: 700px; border-top: 1px solid #ccc; padding-top: 40px; padding-bottom: 80px; }
	.footer span { position: relative; font-size: 11px; font-family: arial; color: #999; }
	
	
	
	
.service-wrap {
	width: 801px;
	margin: 0px auto;
	position: relative;
	margin-top: 20px;
}
	.swtitle { font-size: 22px;  font-family: georgia; color: #C82C2C; padding: 30px 0px; text-align: center; }
	.fleft { position: relative; float: left; width: 360px; padding: 20px; height: 800px; }
	.fright { position: relative; float: left; width: 360px; padding: 20px; height: 800px; border-left: 1px solid #ccc; }
	
	.service-wrap ul { font-size: 12px; font-family: arial; }
		.service-wrap ul li { padding: 10px 0px; background: #eee; margin: 10px 0px; text-align: center; }