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

/* body */
html {
	height:100%;
}
body {
	background:url(../images/bg.gif);
	width:auto;
	height:100%;
	margin:0 auto;
	padding:0;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
}
.clear {
	clear:both;
}
.indent {
	text-indent:20px;
}
.red-color {
	color:#F00;
}
.red-color-center {
	color:#F00;
	text-align:center;
}
img {
	border:none;
}
.margin-top {
	margin:10px 0 0 0;
}
.align-right {
	position:absolute;
	margin:35px 0 0 780px;
}

/* text */
p {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
}

/* link */
a:link, a:active, a:hover, a:visited {
	color:#666;
}
a:link, a:visited {
	text-decoration:none;
}
a:active, a:hover {
	text-decoration:underline;
}

/* container */
.container {
	width:auto;
	height:850px;
	margin:0 auto;
	padding:0;
}
.main-container {
	background:#eeeeee url(../images/main-bg.png) repeat-x top center;
	width:943px;
	height:auto;
	margin:0 auto;
	padding:0;
}

/* header */
.header {
	width:900px;
	height:100px;
	margin:0 auto;
	padding:0;
}

/* logo */
div.logo {
	width:430px;
	height:100px;
	margin:0;
	padding:0;
	float:left;
}
div.logo ul {
	margin:0;
	padding:0;
}
div.logo ul li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
div.logo ul li a.logo-img {
	display:block;
	background:url(../images/logo.png);
	width:430px;
	height:100px;
	margin:0;
	padding:0;
}

/* main nav */
div.main-nav {
	width:440px;
	height:auto;
	margin:50px 0 0 30px;
	padding:0;
	float:left;
}
div.main-nav ul {
	margin:0;
	padding:0;
}
div.main-nav ul li {
	list-style:none;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}div.main-nav ul li a {
	text-decoration:none;
}

/* advertise */
.banner {
	overflow:hidden;
	width:943px;
	height:350px;
	margin:0;
	padding:0;
}
.banner-1 {
	overflow:hidden;
	background:url(../images/banner_main.jpg) center;
	width:943px;
	height:350px;
	margin:0 auto;
	padding:0;
}
.banner-2 {
	overflow:hidden;
	background:url(../images/banner_profile.jpg) center;
	width:943px;
	height:350px;
	margin:0 auto;
	padding:0;
}
.banner-3 {
	overflow:hidden;
	background:url(../images/banner_service.jpg) center;
	width:943px;
	height:350px;
	margin:0 auto;
	padding:0;
}
.banner-4 {
	overflow:hidden;
	background:url(../images/banner_menu.jpg) center;
	width:943px;
	height:350px;
	margin:0 auto;
	padding:0;
}
.banner-5 {
	overflow:hidden;
	background:url(../images/banner_contact.jpg) center;
	width:943px;
	height:350px;
	margin:0 auto;
	padding:0;
}

/* wrapper */
.main-page-wrapper {
	background:url(../images/main_wrapper_bg.png);
	width:943px;
	height:321px;
	margin:0 auto;
	padding:0;
}
.wrapper {
	background:url(../images/wrapper.png);
	width:900px;
	height:300px;
	margin:-15px auto 0 auto;
	padding:0;
}
.sub-page-wrapper {
	width:943px;
	height:auto;
	margin:0 auto;
	padding:0;
}
.sub-page-wrapper .wrapper-top {
	background:url(../images/wrapper_top.jpg);
	width:943px;
	height:17px;
	margin:0;
	padding:0;
	float:left;
}
.sub-page-wrapper .wrapper-center {
	background:url(../images/wrapper_center.jpg) repeat-y;
	width:943px;
	height:auto;
	margin:0;
	padding:0 0 30px 0;
	float:left;
}
.sub-page-wrapper .profile-wrapper-center {
	background:url(../images/wrapper_center.jpg) repeat-y;
	width:943px;
	height:auto;
	margin:0;
	padding:0 0 30px 0;
	float:left;
}
.sub-page-wrapper .service-wrapper-center {
	background:url(../images/wrapper_center.jpg) repeat-y;
	width:943px;
	height:auto;
	margin:0;
	padding:0 0 30px 0;
	float:left;
}
.sub-page-wrapper .menu-wrapper-center {
	background:url(../images/wrapper_center.jpg) repeat-y;
	width:943px;
	height:auto;
	margin:0;
	padding:0 0 30px 0;
	float:left;
}
.sub-page-wrapper .contact-wrapper-center {
	background:url(../images/wrapper_center.jpg) repeat-y;
	width:943px;
	height:auto;
	margin:0;
	padding:0 0 30px 0;
	float:left;
}
.sub-page-wrapper .wrapper-bottom {
	background:url(../images/wrapper_bottom.jpg);
	width:943px;
	height:17px;
	margin:0;
	padding:0;
	float:left;
}

/* content detail */
.content-detail {
	width:868px;
	height:auto;
	margin:0 auto;
	padding:0;
}
.content-detail ul {
	margin:0;
	padding:0;
}
.content-detail ul li {
	list-style:none;
	margin:0;
	padding:0;	
}
.content-detail ul li.map {
	background:url(../images/map.jpg);
	width:529px;
	height:420px;
	list-style:none;
	margin:0 auto;
	padding:0;	
}
.content-detail ul.img-line {
	margin:0 0 0 60px;
	padding:0;
	clear:both;
}
.content-detail ul.img-line li {
	list-style:none;
	float:left;
	margin:20px 20px 0 0;
	padding:0;
}
.profile-title {
	background:url(../images/profile_title.png);
	width:868px;
	height:70px;
	margin:20px auto 0 auto;
	padding:0;
}
.service-title {
	background:url(../images/service_title.png);
	width:868px;
	height:70px;
	margin:20px auto 0 auto;
	padding:0;
}
.menu-title {
	background:url(../images/menu_title.png);
	width:868px;
	height:70px;
	margin:20px auto 0 auto;
	padding:0;
}
.contact-title {
	background:url(../images/contact_title.png);
	width:868px;
	height:70px;
	margin:20px auto 0 auto;
	padding:0;
}
a.menu-1 {
	display:block;
	background:url(../images/menu_1.png);
	width:100px;
	height:30px;
	margin:0 20px 0 150px;
	padding:0;
}
a.menu-2 {
	display:block;
	background:url(../images/menu_2.png);
	width:100px;
	height:30px;
	margin:0 20px 0 0;
	padding:0;
}
a.menu-3 {
	display:block;
	background:url(../images/menu_3.png);
	width:100px;
	height:30px;
	margin:0 20px 0 0;
	padding:0;
}
a.menu-4 {
	display:block;
	background:url(../images/menu_4.png);
	width:100px;
	height:30px;
	margin:0 20px 0 0;
	padding:0;
}
a.menu-5 {
	display:block;
	background:url(../images/menu_5.png);
	width:100px;
	height:30px;
	margin:0;
	padding:0;
}

/* nav */
div.nav {
	width:520px;
	height:268px;
	margin:27px 0 0 37px;
	padding:0;
	float:left;
}
div.nav  ul {
	margin:0;
	padding:0;
}
div.nav  ul li {
	list-style:none;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
div.nav  ul li a.nav-profile {
	display:block;
	background:url(../images/nav_profile.png);
	width:250px;
	height:129px;
	margin:0;
	padding:0;
}
div.nav  ul li a.nav-service {
	display:block;
	background:url(../images/nav_service.png);
	width:250px;
	height:129px;
	margin:0;
	padding:0;
}
div.nav  ul li a.nav-menu {
	display:block;
	background:url(../images/nav_menu.png);
	width:250px;
	height:129px;
	margin:10px 0 0 0;
	padding:0;
}
div.nav  ul li a.nav-contact {
	display:block;
	background:url(../images/nav_contact.png);
	width:250px;
	height:129px;
	margin:10px 0 0 0;
	padding:0;
}

/* content */
div.content {
	background:url(../images/content.png);
	width:348px;
	height:268px;
	margin:27px 0 0 0;
	padding:0;
	float:left;
}
div.content ul {
	width:328px;
	height:188px;
	margin:80px 0 0 10px;
	padding:0;
}
div.content ul li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

/* footer */
.footer {
	background:url(../images/footer-bg.png) repeat-x center;
	width:943px;
	height:115px;
	margin:0 auto;
	padding:0;
}
.footer .footer-detail {
	background:url(../images/text-footer.png);
	width:943px;
	height:115px;
	margin:0 auto;
	padding:0;
}