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

@import url("reset.css");


html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-size:12px;
	color:#4d4d4d;
	line-height:180%;
	font-family:Helvetica, Arial, sans-serif;
}

a {
	color:#808080;
}

a:hover {
	color:#008080;
}



/* topbar	 ------------------------*/

#topbar {
	width:100%;
	height:35px;
	background:#008080;
}

#topbar_main {
	width:760px;
	height:35px;
	line-height:35px;
	margin:0 auto;
	color:#fff;
}

h4#top_slogan {
	float:left;
	width:200px;
}

#top_menu {
	float:right;
	width:400px;
	text-align:right;
}

#top_menu a {
	padding:0 5px;
	color:#fff;
}

#top_menu a:hover {
	color:#ccc;
}



/* container	 ------------------------*/

#container {
	width:760px;
	margin:0 auto;
}


/* menu			------------------------*/

#menu {
	width:740px;
	height:20px;
	margin:0 auto;
	padding:40px 0 20px 0;
	overflow:hidden;
}

#menu ul {
	display:block;
	width:740px;
	height:20px;
	margin-left:-1px;
}

#menu ul li {
	display:block;
	height:20px;
	float:left;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
}

#menu ul li a {
	display:block;
	height:20px;
	float:left;
	color:#4D4D4D;
	border-left:1px solid #D2D2D2;
	padding:0 12px;
}

#menu ul li a:hover, 
#menu ul li a.active {
	color:#008080;
}


/* main			------------------------*/

#main {
	width:760px;
	margin:0 auto;
	padding-bottom:30px;
}

.content {
}

h2 {
	font-size:24px;
	font-weight:bold;
	color:#999;
	padding-bottom:30px;
	line-height:130%;
}

p {
	padding-bottom:15px;
	font-size:13px;
}


/* footer		------------------------*/

#footer {
	background:url(../images/footer.gif) 30px top no-repeat;
	padding-bottom:30px;
}

#footer p {
	padding-left:250px;
	color:#808080;
	font-size:10px;
	line-height:140%;
}


/* home			------------------------*/

#home_content {
	position:relative;
	width:760px;
	height:442px;
	overflow:hidden;
}

#home_banner {
	position:absolute;
	top:0;
	left:0;
	width:502px;
	height:214px;
}

a.home_link {
	position:absolute;
	display:block;
	width:244px;
	height:214px;
}

a#home_link_00 {
	position:static;
	width:502px;
	height:214px;
	background:url(../images/index_banner.jpg) left top no-repeat;
}

a#home_link_01 {
	top:0;
	right:0;
	background: url(../images/index_link_01.jpg) left top no-repeat;
}

/*a#home_link_01:hover {
	background: url(../images/index_link_01.jpg) left -214px no-repeat;
}*/

a#home_link_02 {
	top:228px;
	left:0;
	background: url(../images/index_link_02.jpg) left top no-repeat;
}

/*a#home_link_02:hover {
	background: url(../images/index_link_02.jpg) left -214px no-repeat;
}*/


a#home_link_03 {
	top:228px;
	left:258px;
	background: url(../images/index_link_03.jpg) left top no-repeat;
}

/*a#home_link_03:hover {
	background: url(../images/index_link_03.jpg) left -214px no-repeat;
}*/


a#home_link_04 {
	top:228px;
	right:0;
	background: url(../images/index_link_04.jpg) left top no-repeat;
}

/*a#home_link_04:hover {
	background: url(../images/index_link_04.jpg) left -214px no-repeat;
}*/


/* about		------------------------*/

#about_content {
	position:relative;
	width:664px;
	height:440px;
	overflow:hidden;
	background:url(../images/about.jpg) right top no-repeat;
}

#about_main {
	width:324px;
}


/* randd		------------------------*/

#randd_content {
	position:relative;
	width:630px;
	height:440px;
	overflow:hidden;
	background:url(../images/randd.jpg) left top no-repeat;
}

#randd_main {
	width:630px;
	padding-top:220px;
}


/* factory		------------------------*/

#factory_content {
	position:relative;
	width:574px;
	height:480px;
	overflow:hidden;
	background:url(../images/factory.jpg) 10px top no-repeat;
}

#factory_main {
	width:530px;
	padding-top:270px;
}


/* certificate		------------------------*/

#certificate_content { position: relative; width: 602px; height: 460px; overflow: hidden; background: url(../images/certificate.jpg) left top no-repeat; 
}

#certificate_main {
	width:240px;
	padding-top:45px;
	padding-left:38px;
	color:#fff;
}

#certificate_main h2 {
	color:#d9d9d9;
	padding-bottom:10px;
	line-height:120%;
}

#cer_menu {
	width:116px;
	padding-top:-10px;
}

#cer_menu ul {
	display:block;
	width:116px;
}

#cer_menu ul li {
	display:block;
	width:116px;
	height:21px;
	margin-bottom:4px;
}

#cer_menu ul li a {
	display:block;
	width:116px;
	height:21px;
	background-image:url(../images/cer_menu.png);
	background-repeat:no-repeat;
}

#cer_menu ul li#cer_menu_01 a {
	background-position:left -2px;
}

#cer_menu ul li#cer_menu_01 a:hover {
	background-position:-116px -2px;
}

#cer_menu ul li#cer_menu_01-1 a {
	background-position:left -23px;
}

#cer_menu ul li#cer_menu_01-1 a:hover {
	background-position:-116px -23px;
}

#cer_menu ul li#cer_menu_01-2 a {
	background-position:left -44px;
}

#cer_menu ul li#cer_menu_01-2 a:hover {
	background-position:-116px -44px;
}
#cer_menu ul li#cer_menu_02 a {
	background-position:left -65px;
}

#cer_menu ul li#cer_menu_02 a:hover {
	background-position:-116px -65px;
}

#cer_menu ul li#cer_menu_03 a {
	background-position:left -86px;
}

#cer_menu ul li#cer_menu_03 a:hover {
	background-position:-116px -86px;
}

#cer_menu ul li#cer_menu_04 a {
	background-position:left -107px;
}

#cer_menu ul li#cer_menu_04 a:hover {
	background-position:-116px -107px;
}

#cer_menu ul li#cer_menu_05 a {
	background-position:left -128px;
}

#cer_menu ul li#cer_menu_05 a:hover {
	background-position:-116px -128px;
}


/* certificate_iso		------------------------*/

#cer_iso_content {
	position:relative;
	width:602px;
	height:800px;
	overflow:hidden;
	background:url(../images/certificate_iso.jpg) left top no-repeat;
}

#cer_iso_main {
	width:478px;
	padding-top:35px;
	padding-left:96px;
	color:#fff;
}

#cer_iso_main h2 {
	color:#d9d9d9;
	padding-bottom:10px;
	line-height:120%;
	width:200px;
	float:left;
}

a#back {
	display:block;
	_display:inline;
	float:right;
	margin-top:5px;
	width:77px;
	height:20px;
	background:url(../images/back.png) left top no-repeat;
}

a#back:hover {
	background:url(../images/back.png) -77px top no-repeat;
}


/* qc		------------------------*/

#qc_content {
	position:relative;
	width:664px;
	height:440px;
	overflow:hidden;
	background:url(../images/qc.jpg) 30px 20px no-repeat;
}

#qc_main {
	width:200px;
	padding-left:435px;
	padding-top:40px;
}


/* contact		------------------------*/

#contact_content {
	position:relative;
	width:664px;
	height:820px;
	overflow:hidden;
	background:url(../images/contact.jpg) left top no-repeat;
}

#contact_main {
	width:260px;
	padding-left:344px;
	padding-top:40px;
}

#contact_main p {
	font-size:12px;
	line-height:142%;
}

#contact_form {
	width:500px;
	margin:0 auto;
	padding-top:10px;
}

#contact_form label {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	display:block;
}

input.input {
	width:236px;
	height:28px;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

textarea.textarea {
	width:236px;
	height:140px;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

input#submit {
	width:62px;
	height:22px;
	border:0;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	font-weight:bold;
	background:url(../images/send.gif) left top no-repeat;
	margin-right:10px;
	cursor:pointer; cursor:hand;
}