body{
	position:relative;
	margin:0 auto 0 auto;
	padding: 0;
	width: 960px;
	background: #f3f4f4 url(../images/page_gradient.png) repeat-x scroll left top;
	color:#4F555D;
	font:normal 80% Arial, FreeSans, Helvetica, Verdana, sans-serif;
	line-height: 1.5;
}

#canvas{
	width: 960px;
}

#header{
	margin:0;
	padding: 0;
	width:960px;
}
#langSelect{
	position:relative;
	top: 30px;
	margin: 0;
	padding: 0;
}
#langSelect ul{
	float:right;
	margin: 0 40px 0 0;
	padding: 0;
	list-style: none;
}
#langSelect li{
	float:right;
	margin:0;
	padding: 0;
	width:60px;
}
#langSelect a{
	display:block;
	margin:0;
	padding: 0;
	height: 17px;
}
#langSelect a.tw{
	background: url("../images/lang.gif") right top no-repeat;
}
#langSelect a.hz{
	background: url("../images/lang.gif") -60px top no-repeat;
}
#langSelect a.en{
	background: url("../images/lang.gif") left top no-repeat;
}
#langSelect a.tw:hover{
	background: url("../images/lang_hi.gif") right top no-repeat;
}
#langSelect a.hz:hover{
	background: url("../images/lang_hi.gif") -60px top no-repeat;
}
#langSelect a.en:hover{
	background: url("../images/lang_hi.gif") left top no-repeat;
}


#navigation ul{
	margin:0;
	padding: 0;
	height: 38px;
	background: url("../images/navigation/navi_but_end.gif") right top no-repeat;
	list-style: none;
}
#navigation li{
	float:left;
	margin:0;
	padding: 0;
}
#navigation a{
	margin:0;
	width: 126px;
	height: 38px;
	padding: 0;
}
#navigation a.main{
	display: block;
	width: 78px;
	background: #0099CC url("../images/navigation/tw/navi_but_main.gif") left top no-repeat;
}
#navigation a.main:hover{
	background: #0099CC url("../images/navigation/tw/navi_but_main.gif") right top no-repeat;
}
#navigation a.profile{
	display: block;
	background: #0099CC url("../images/navigation/tw/navi_but_profile.gif") left top no-repeat;
}
#navigation a.profile:hover{
	background: #0099CC url("../images/navigation/tw/navi_but_profile.gif") right top no-repeat;
}
#navigation a.equipment{
	display: block;
	background: #0099CC url("../images/navigation/tw/navi_but_equip.gif") left top no-repeat;
}
#navigation a.equipment:hover{
	background: #0099CC url("../images/navigation/tw/navi_but_equip.gif") right top no-repeat;
}
#navigation a.product{
	display: block;
	background: #0099CC url("../images/navigation/tw/navi_but_product.gif") left top no-repeat;
}
#navigation a.product:hover{
	background: #0099CC url("../images/navigation/tw/navi_but_product.gif") right top no-repeat;
}
#navigation a.service{
	display: block;
	background: #0099CC url("../images/navigation/tw/navi_but_service.gif") left top no-repeat;
}
#navigation a.service:hover{
	background: #0099CC url("../images/navigation/tw/navi_but_service.gif") right top no-repeat;
}
#navigation a.project{
	display: block;
	background: #0099CC url("../images/navigation/tw/navi_but_project.gif") left top no-repeat;
}
#navigation a.project:hover{
	background: #0099CC url("../images/navigation/tw/navi_but_project.gif") right top no-repeat;
}
#navigation a.contact{
	display: block;
	background: #0099CC url("../images/navigation/tw/navi_but_contact.gif") left top no-repeat;
}
#navigation a.contact:hover{
	background: #0099CC url("../images/navigation/tw/navi_but_contact.gif") right top no-repeat;
}

div.directory{
	clear: both;
	margin: 0 1px 0 1px;
	border-top: 1px solid #CCCCCC;
	padding: 6px 0 6px 20px;
	color: #999999;
}
#wrap{
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: 958px;
	background-color: white;
}
#wrapBT{
	padding-bottom: 5px;
	background: #FFFFFF url("../images/wrap_border_top.png") left top  no-repeat;
}
#wrapBB{
	clear:both;
	height: 7px;
	background: transparent url("../images/wrap_border_bottom.png") left bottom no-repeat;
}
#content{
	float: right;
	border-left: 1px solid #CCCCCC;
	width: 753px;
}
#content.main{
	float: right;
	width: 700px;
	height: 349px;
	background: #FFFFFF url("../images/main/indexpicen.jpg") left top no-repeat;

}

#content.contact{
	background: transparent url("../images/lang_bg.gif") right bottom no-repeat;
}

#content_title{
	position: relative;
	top: 1px;
	margin: 0 20px 0 20px;
	padding: 0;
	height: 50px;
	background: #EEEEEE url("../images/corn_cont_title_TR.png") right bottom no-repeat;
	font-weight: bold;
}
#content_title span.title{
	padding: 0 20px 0 20px;
	color: #0099CC;
	font-size: 150%;
}
#content_title span.subTitle{
	color: #CC9900;
}

#subNavigation{
	float:left;
	margin: 0 0 0 18px;
	width: 174px;
}
#subNavigation.main{
	float:left;
	margin: 0 0 0 30px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width: 205px;
	color: #0099CC;
}
#subNavigation.main p{
	margin: 0;
	padding: 0;
	color: #000000;
}
#subNavigation ul{
	margin:30px 0 0 0;
	padding: 0;
	list-style: none;

}
#subNavigation li{
	margin:0;
	border-bottom: 1px solid #f3f4f4;
	padding: 0;
}
#subNavigation a{
	display: block;
	margin:0;
	padding:0;
	width: 150px;
	height: 38px;
}
#subNavigation a.selected{
	background: none;
}
/* Start ---- profile subNavigation items */
#subNavigation li.tw{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_zh.gif") -150px top no-repeat;
}
#subNavigation a.tw{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_zh.gif") left top no-repeat;
}
#subNavigation a.tw:hover{
	background: none;
}
/* Start ---- equipment subNavigation items */
#subNavigation li.theory{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_theory.gif") -150px top no-repeat;
}
#subNavigation li.work{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_work.gif") -150px top no-repeat;
}
#subNavigation a.theory{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_theory.gif") left top no-repeat;
}
#subNavigation a.work{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_work.gif") left top no-repeat;
}

#subNavigation a.theory:hover{
	background: none;
}
#subNavigation a.work:hover{
	background: none;
}
/* Start ---- product subNavigation items */
#subNavigation li.describe{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_describe.gif") -150px top no-repeat;
}
#subNavigation a.describe{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_describe.gif") left top no-repeat;
}
#subNavigation a.describe:hover{
	background: none;
}
#subNavigation li.function{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_function.gif") -150px top no-repeat;
}
#subNavigation a.function{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_function.gif") left top no-repeat;
}
#subNavigation a.function:hover{
	background: none;
}
#subNavigation li.category{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_category.gif") -150px top no-repeat;
}
#subNavigation a.category{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_category.gif") left top no-repeat;
}
#subNavigation a.category:hover{
	background: none;
}
#subNavigation li.detail{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_detail.gif") -150px top no-repeat;
}
#subNavigation a.detail{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_detail.gif") left top no-repeat;
}
#subNavigation a.detail:hover{
	background: none;
}
/* Start ---- project subNavigation items */
#subNavigation li.serv_fenton{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_serv_fenton.gif") -150px top no-repeat;
}
#subNavigation a.serv_fenton{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_serv_fenton.gif") left top no-repeat;
}
#subNavigation a.serv_fenton:hover{
	background: none;
}
#subNavigation li.serv_enzyme{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_serv_enzyme.gif") -150px top no-repeat;
}
#subNavigation a.serv_enzyme{
	background: #FFFFFF url("../images/subNavi/tw/subNavi_but_serv_enzyme.gif") left top no-repeat;
}
#subNavigation a.serv_enzyme:hover{
	background: none;
}
/* End ---- project subNavigation items */
#page_contents{
	margin:0 0 0 10px;
	padding:0;
	width: 720px;
}
#page_contents ol{
	margin:0 0 0 0;
	padding:0;
	list-style: none;
}
#page_contents li{
	float: left;
	margin: 5px 0 0 0;
	border-right: 1px solid #999999;
	padding: 0 10px 0 10px;
}
#page_contents li.norb{
	border-right: none;
}
#page_contents a{
	display: block;
	margin: 0;
	line-height: 1.1;
}

a{
	color: #0099CC;
	text-decoration: none;
}
a:hover{
	color: #FF9933;
}

p{
	padding: 0 40px 0 40px;
}
h1{
	margin: 30px 30px 0 20px;
	border-bottom: 3px double #CCCCCC;
	padding: 0 0 10px 0;
	color: #0099CC;
	font-size: 150%;
	line-height: 1.3;
}
h1 span{
	color: #FF9933;
	font-size: 80%;
}
h2{
	font-size: 120%;
	padding: 0 0 0 40px;
}
h2.blue{
	color: #0099CC;
	font-size: 120%;
	padding: 0 0 0 40px;
}
blockquote.formular{
	padding-left: 50px;
	color: #993300;
}
hr.dot{
	margin: 0 20px 0 20px;
	border: none 0;
	border-top: 1px dotted #0099CC;   	/* the border*/
	height: 1px; 			/* whatever the total width of the border-top and border-bottom equal */
	-- width: 100%;
	-- text-align: left;			/* this will align it for IE */
	-- margin: 0 auto 0 0; 		/* this will align it left for Mozilla */
}


table {
	margin: 0 30px 0 40px;
	border-collapse:collapse;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table caption{
	text-align: left;
	color: #000000;
	font-weight: bold;
	line-height: 3;
}
tr{
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
td {
	border-right: 1px dotted #CCCCCC;
}
td.padright {
	padding-right: 30px;
	text-align: right;
}
td.padleft {
	padding-left: 20px;
	text-align: left;
}
th {
	border-top: 1px solid #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F0F8FF;
	text-align: center;
}
thead{
	background-color: #F0F8FF;
}
.rowG{
	background-color: #F0EDED;
}
.rowDivider{
	border-top: 1px solid #CCCCCC;
}

p.toTop{
	text-align: right;
}
p.toTop a{
	color: #009900;
	text-decoration: none;
}

div.pic{
  	margin: 0 30px 0 40px;
  	border: 1px outset #CCCCCC;
 	height: auto;
  	width: 670px;
	text-align: center;
	background: #FFFFFF url("../images/bg.png") left top repeat;
}
div.caption{
  	text-align: left;
  	font-weight: bold;
  	margin: 18px 2px 10px 35px;
}	
div.pic img{
  	margin: 0 0 30px 0;
  	width: 600px;
 	height: auto;
	border: 1px inset #CCCCCC;
	padding:0;
}

blockquote.project ol{
	list-style: none;
	margin:0;
	padding: 0;
}
blockquote.project li{
	border-bottom: 1px dotted #0099CC;
	width: 300px;
}
blockquote.project a{
	padding-left: 30px;
	text-decoration:none;
	line-height: 2;
	color: #0099CC;
}
blockquote.project a:hover{
	color: #CC9900;
}