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

body {
	background: #FFFFFF;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

.footer {
	font-size:12px;
	color:#858686;
}

.footer-title {
	font-size:12px;
	color:#A3ABAF;
}

.footer-num {
	font-size:12px;
	color:#A89B3F;
}

.greetings {
	font-size:24px;
	color:#FFFFFF;
	font-weight:normal;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.sub-tit {
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contents {
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contents-b {
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contents-c {
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.page {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

.page a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

.page a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.page a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.page a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-decoration:underline;
	color:#CCCCCC;
}

.page a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.menu-top {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333333;
	font-size:16px;
	font-weight:normal;
}

.menu-top a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333333;
	font-size:16px;
	font-weight:normal;
}

.menu-top a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.menu-top a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.menu-top a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666666;
}

.menu-top a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.html-bot a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333333;
	font-size:13px;
	font-weight:normal;
}

.html-bot a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.html-bot a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.html-bot a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#A89B3F;
}

.html-bot a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.html-view a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#A89B3F;
	font-size:11px;
	font-weight:normal;
	font-weight:bold;
}

.html-view a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.html-view a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.html-view a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#A89B3F;
}

.html-view a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.title {
	font-size:15px;
	padding:0px;
	margin:0px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.html-cont {
	font-size:14px;
	color:#333333;
}

.html-cont-b {
	font-size:12px;
	color:#333333;
}

.note {
	font-size:11px;
	color:#666666;
}

.red {
	color:#990000;
	font-weight:bold;
	font-size:12px;
}

.silver {
	color:#999999;
	font-weight:bold;
	font-size:12px;
	
}

.gold {
	color:#FFCC00;
	font-weight:bold;
	font-size:12px;
	
}

.blue {
	color:#003399;
	font-weight:bold;
	font-size:12px;
	
}


.black {
	color:#111111;
	font-weight:bold;
	font-size:12px;
}

.html-title {
	color:#333333;
	font-size:12px;
}

#main-main {
	width:967px;
	height:auto;
}


#top-main {
	width:967px;
	height:74px;
	padding-top:20px;
}

#top-logo {
	width:276px;
	height:64px;
	float:left;
	padding-top:10px;
}

#top-menu {
	width:570px;
	height:55px;
	float:right;
	padding-right:8px;
	padding-top:28px;
}

#top-menu-b {
	width:570px;
	float:right;
	padding-right:15px;
	padding-top:40px;
	text-align:right;
}
	
#top-logo-cont {
	width:276px;
	height:64px;
}

#top-logo-left {
	width:52px;
	height:64px;
	float:left;
}

#top-logo-right {
	width:205px;
	height:17px;
	float:right;
	padding-top:32px;
}

#main-body {
	width:967px;
	height:600px;
	clear:both;
	padding-top:5px;
}

#main-body-html {
	width:967px;
	clear:both;
	margin-top:15px;
	background:url(images/typical/main-body-bg.jpg);
	text-align:left;
}

#main-body-html-cont {
	width:927px;
	clear:both;
	text-align:left;
	padding-left:20px;
	padding-top:5px;
	padding-right:20px;
}


#main-body-index {
	width:967px;
	height:421px;
	clear:both;
	padding-top:5px;
}

#main-body-sub {
	width:967px;
	height:auto;
	clear:both;
	padding-top:5px;
	text-align:left;
}

#main-body-company {
	width:967px;
	height:532px;
	clear:both;
	padding-top:5px;
}

#main-body-guide {
	width:967px;
	height:auto;
	clear:both;
	padding-top:5px;
}

#main-body-quality {
	width:967px;
	height:692px;
	clear:both;
	padding-top:5px;
}

#company-main {
	width:967px;
	height:532px;
}

#guide-main {
	width:967px;
	height:auto;
}

#quality-main {
	width:967px;
	height:692px;
}

#company-left {
	width:343px;
	height:532px;
	float:left;
}

#guide-left {
	width:289px;
	height:auto;
	float:left;
}

#quality-left {
	width:343px;
	height:692px;
	float:left;
}

#company-right {
	width:624px;
	height:532px;
	float:right;
	background:#403A38 url(images/typical/comp-bg-right-bg.jpg) repeat-y right;
}

#guide-right {
	width:678px;
	height:auto;
	float:right;
	background:url(images/typical/guide-right-bg.jpg) repeat-y;
}

#guide-right-top {
	width:678px;
	height:12px;
	background:url(images/typical/guide-right-top.jpg) repeat-x;
}

#html-right-top {
	width:967px;
	height:12px;
	background:url(images/typical/guide-right-top.jpg) repeat-x;
}

#guide-right-top-left {
	width:11px;
	height:12px;
	float:left;
	background:url(images/typical/guide-right-top-left.jpg) no-repeat;
}

#guide-right-top-right {
	width:19px;
	height:12px;
	float:right;
	background:url(images/typical/guide-right-top-right.jpg) no-repeat;
}

#guide-right-bot {
	width:678px;
	height:22px;
	background:url(images/typical/guide-right-bot.jpg) repeat-x;
}

#html-right-bot {
	width:967px;
	height:22px;
	background:url(images/typical/guide-right-bot.jpg) repeat-x;
}

#guide-right-bot-left {
	width:11px;
	height:22px;
	float:left;
	background:url(images/typical/guide-right-bot-left.jpg) no-repeat;
}

#guide-right-bot-right {
	width:19px;
	height:22px;
	float:right;
	background:url(images/typical/guide-right-bot-right.jpg) no-repeat;
}

#guide-right-tit {
	width:610px;
	height:35px;
	padding-right:8px;
	padding-top:18px;
	padding-bottom:15px;
}

#guide-right-att {
	width:610px;
	height:106px;
	padding-right:8px;
	padding-top:15px;
	padding-bottom:8px;
}

#guide-left-but {
	width:205px;
	height:79px;
	margin-top:8px;
}

#guide-left-but-1 {
	width:205px;
	height:79px;
	margin-top:8px;
	background:url(images/typical/guide-left-pass-1.jpg) no-repeat;
}

#guide-left-but-1:hover {
	width:205px;
	height:79px;
	margin-top:8px;
	cursor:pointer;
	background:url(images/typical/guide-left-pass-2.jpg) no-repeat;
}

#guide-left-but-2 {
	width:205px;
	height:79px;
	margin-top:8px;
	background:url(images/typical/guide-left-key-1.jpg) no-repeat;
}

#guide-left-but-2:hover {
	width:205px;
	height:79px;
	margin-top:8px;
	cursor:pointer;
	background:url(images/typical/guide-left-key-2.jpg) no-repeat;
}

#guide-left-but-3 {
	width:205px;
	height:79px;
	margin-top:8px;
	background:url(images/typical/guide-left-oper-1.jpg) no-repeat;
}

#guide-left-but-3:hover {
	width:205px;
	height:79px;
	margin-top:8px;
	cursor:pointer;
	background:url(images/typical/guide-left-oper-2.jpg) no-repeat;
}

#guide-right-steps {
	width:610px;
	height:229px;
	padding-right:8px;
	padding-bottom:8px;
}

#guide-right-check {
	width:610px;
	height:121px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:18px;
}

#guide-right-page-but {
	width:607px;
	height:25px;
	margin-right:8px;
	background:url(images/typical/guide-right-but-bg.jpg) repeat-x bottom;
	padding-left:3px;
}

#guide-right-page-but-cont {
	width:76px;
	height:24px;
	float:left;
	padding-left:1px;
}



#guide-flash {
	width:76px;
	height:24px;
	background:url(images/typical/guide-right-but-flash-2.jpg);
}

#guide-flash:hover {
	width:76px;
	height:24px;
	background:url(images/typical/guide-right-but-flash-1.jpg);
	cursor:pointer;
}


#guide-cont {
	width:76px;
	height:24px;
	background:url(images/typical/guide-right-but-cont-2.jpg);
}

#guide-cont:hover {
	width:76px;
	height:24px;
	background:url(images/typical/guide-right-but-cont-1.jpg);
	cursor:pointer;
}

#qulaity-right {
	width:624px;
	height:692px;
	float:right;
	background:#403A38 url(images/typical/comp-bg-right-bg.jpg) repeat-y right;
}

#quality-right-left {
	width:579px;
	height:660px;
	background:url(images/typical/comp-bg-right.jpg) no-repeat;
	padding-left:45px;
	padding-top:20px;
}

#company-right-left {
	width:579px;
	height:500px;
	background:url(images/typical/comp-bg-right.jpg) no-repeat;
	padding-left:45px;
	padding-top:20px;
}

#company-right-left-cont {
	width:535px;
	height:520px;
}

#qulaity-right-left-cont {
	width:535px;
	height:660px;
}

#company-right-left-cont-left {
	width:390px;
	height:auto;
	float:left;
	padding-top:25px;
}

#company-right-left-cont-right {
	width:145px;
	height:auto;
	float:right;
	padding-top:10px;
}

#company-right-bot {
	width:624px;
	height:12px;
	background:url(images/typical/comp-bg-left-bot.jpg) repeat-x;
}

#company-right-bot-right {
	width:8px;
	height:12px;
	background:url(images/typical/comp-bg-right-bot.jpg) no-repeat;
}

#company-left-top {
	width:343px;
	height:520px;
	background:#C9B65B;
}

#quality-left-top {
	width:343px;
	height:680px;
	background:#C9B65B;
}

#company-left-bot {
	width:343px;
	height:12px;
	background:url(images/typical/comp-bg-left-bot.jpg) repeat-x;
}

#company-left-bot-left {
	width:8px;
	height:12px;
	background:url(images/typical/comp-bg-left-bot-left.jpg) no-repeat;
}

#company-left-top-cont {
	width:321px;
	height:498px;
	padding-top:11px;
}
	
#quality-left-top-cont {
	width:321px;
	height:658px;
	padding-top:11px;
}
	
#greet-bar {
	width:535px;
	height:1px;
	background:#A6A2A2;
	margin-top:7px;
}

#greet-bar-b {
	width:390px;
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
}

#footer-main {
	width:967px;
	height:50px;
	text-align:left;
	clear:both;
}

#qual-page {
	padding-top:15px;
	padding-right:30px;
}

#flash-cont {
	width:610px;
	height:380px;
	padding-right:8px;
	padding-top:15px;
	padding-bottom:15px;
}

#menu-top-cont {
	float:right;
	padding-right:30px;
	background:url(images/typical/menu-top-div.jpg) right no-repeat;
}

#menu-top-cont-b {
	float:right;
}	

#html-prod-cont {
	width:947px;
	height:auto;
}

#html-prod-indi {
	width:309px;
	height:auto;
	float:left;
}

#html-prod-info {
	width:279px;
	height:auto;
	padding-left:15px;
	padding-right:15px;
}

#html-prod-div {
	width:917px;
	background:url(images/typical/html-prod-div.jpg) left no-repeat;
	height:21px;
	clear:both;
}

#html-bot-cont {
	width:840px;
	height:20px;
	padding-left:77px;
	padding-top:10px;
	padding-bottom:25px;
}

#html-bot-indi {
	width:auto;
	height:auto;
	float:left;
	text-align:left;
	padding-right:80px;
}

#html-bot-indi-last {
	width:auto;
	height:auto;
	float:left;
	text-align:left;
}

#foot-left {
	float:left;
}

#foot-right {
	float:right;
	padding-right:15px;
}



#navbar {
   position: absolute;
   margin: 0;
   padding: 0;
   width:570px;
   background:url(images/typical/menu-top-bg.jpg) no-repeat;
   
 }
#navbar li {
   list-style: none;
   float: right; 
 }
#navbar li a {
   display: block;
   padding-left:30px;
   padding-bottom:5px;
   text-decoration: none; 
   color: #333333;
}
#navbar li a:hover {
   color: #666666;
 }
#navbar li ul {
   display: none;
 }
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 100%;
   margin: 0;
   padding-left:49px;
 }
#navbar li:hover li, #navbar li.hover li {
   float: left;
 }
#navbar li:hover li a, #navbar li.hover li a {
   color: #333333;
   font-size:13px;
   padding-left:15px;
 }
#navbar li li a:hover {
   color: #666666;
}