body, html { margin: 0px; padding: 0px; background-color: #ffffff;}
img { border: 0px; }
#wrapper { width: 864px; margin: 0px auto; padding: 4px 0px 0px 0px; }
#header { background: url(../images/banner.gif) no-repeat; height: 67px; width: 864px; display: block; }
#language { float: right; padding: 13px 50px 0px 0px; }
#language a { display: block; width: 55px; height: 20px; background: url(../images/bttn/language.gif) no-repeat; }
#language #en { background-position: -55px 0px; }
#language #en:hover, #language #en.active { background-position: -55px -20px; }
#language #ch { background-position: 0px 0px; }
#language #ch:hover, #language #ch.active { background-position: 0px -20px; }

/* Menu */
#menu { width: 874px; height: 25px; margin: 0px;}
#menu a { display: block; float: left; height: 25px; padding:0px; background: url(../images/bttn/menu.gif) no-repeat; font-family: "Arial Narrow", Arial; font-size: 11px; }
#menu.chinese a { background: url(../images/bttn/menu_chinese.gif) no-repeat; }
a#mnhome { width: 160px; background-position: 0px 0px; }
a#mnhome:hover, a#mnhome.active, .sfHover a#mnhome { width: 160px; background-position: 0px -25px !important; }
a#mnintroduction { width: 165px; background-position: -160px 0px !important; }
a#mnintroduction:hover, a#mnintroduction.active, .sfHover a#mnintroduction { width: 165px; background-position: -160px -25px !important; }
a#mnportfolio { width: 165px; background-position: -325px 0px !important; }
a#mnportfolio:hover, a#mnportfolio.active, .sfHover a#mnportfolio { width: 165px; background-position: -325px -25px !important; }
a#mnjob { width: 194px; background-position: -490px 0px !important; }
a#mnjob:hover, a#mnjob.active, .sfHover a#mnjob { width: 194px; background-position: -490px -25px !important; }
a#mncontact { width: 180px; background-position: -684px 0px !important; }
a#mncontact:hover, a#mncontact.active, .sfHover a#mncontact { width: 180px; background-position: -684px -25px !important; }
#menu li ul li a { background: none !important; }
#menu ul { width: 180px; }
#menu li li a { width: 178px; padding: 3px 0px 0px 0px; height: 15px; }

.nav, .nav * { margin:0; padding:0; list-style:none; }
.nav { line-height:1.0; }
.nav ul { position:absolute; top:-999em; }
.nav ul li, .nav a { width: 100%; }
.nav li { float:left; position:relative; z-index:99; }
.nav a { display: block; }
.nav li:hover ul, ul.nav li.sfHover ul { left: 17px; top: 25px; }
.nav li li { width: 180px; height: 20px; }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left: 180px; top:0px; }
.superfish li:hover ul, .superfish li li:hover ul { top: -999em; }

.nav { float: left; margin-bottom: 0px;}
.nav li li a { background:#BDD2FF;  }
.nav a { color: #000000; text-decoration: none; text-indent: 5px; }
.nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active { background:#CCCCCC; }
.nav li li a { border: 1px solid #CCCCCC; }
.nav li li.sfHover a, .nav li li a:hover { border: 1px solid #000; }
.nav li li.sfHover li a { border-color: #CCCCCC;}
.nav li li.sfHover li a:hover { border-color: #000;}
.nav li li { background:#CCCCCC; }
.nav li li li { background:#CCCCCC; }
/* /Menu */
.footer{
	font-family: "Arial narrow",Tahoma, Arial;
	font-size: 13px;
	color: #999999;
	padding: 0px 0px 0px 5px;;
}

.content{
	display:block;
	font-family: "Comic Sans Ms";
	font-size: 18px;
	color: #333333;
	border:1px solid #333333; 
	width:862px;
}

.content2{
	display:block;
	/*font-family: "Comic Sans Ms";
	font-size: 18px;*/
	color: #333333;
	/*border:1px solid #333333; */
	width:862px;
}

.job_title{
	font-family: "Comic Sans Ms";
	font-size: 18px;
	color: #333333;
	padding-bottom: 10px;
}

.job_detail{
	font-family: "Comic Sans Ms";
	font-size: 14px;
	color: #333333;
}

.job_detail2 {
	font-family:"Arial Narrow", Helvetica, Tahoma,sans-serif;
	font-size: 18px;
	color: #666666;
	padding:0px 10px 5px 0px;
}

.job_address {
	font-family:"Arial Narrow", Helvetica, Tahoma,sans-serif;
	font-size: 15px;
	color: #000000;
	padding:0px 10px 0px 0px;
}

.contact1 {
	font-family:"Arial Narrow", Helvetica, Tahoma,sans-serif;
	font-size: 20px;
	color: #03930A;
	padding:0px 10px 0px 0px;
	font-weight:bold
}

.contact_detail {
	font-family:"Arial Narrow", Helvetica, Tahoma,sans-serif;
	font-size: 18px;
	color: #000000;
	padding:0px 0px 0px 0px;

}

.tb_content {
	font-family:"Arial Narrow", Helvetica, Tahoma,sans-serif;
	font-size: 13px;
	color: #333333;
	padding:10px 0px 0px 20px;
	text-decoration:none;
}

.tb_content a{
	font-family:"Arial Narrow", Helvetica, Tahoma,sans-serif;
	font-size: 13px;
	color: #333333;
	padding:25px 0px 0px 0px;
	text-decoration:none;
}

.tb_content a:hover{
	color: #999999;
	text-decoration:none;
}

.tb_content h4{
	font-family:"Arial Narrow", Helvetica, Tahoma,sans-serif;
	font-size: 12px;
	color: #005E1F;
}
.btnNav {
	float: right;
}
.btnHV { float: left; display: -moz-inline-block; display: inline-block; background: no-repeat left top; }
.btnHV:hover { background-position: left bottom !important; }

#content { width: 864px; clear: both; }




div#Thumbnail a {
	display: inline-block;
	margin: 10px 5px 0px 15px;
}
/*jMyCarousel*/
#jMyCarouselWrap { width: 862px; height: 95px; overflow: hidden; }
div.jMyCarousel { width: 100%; overflow: hidden; height: 100px; }
div.jMyCarousel ul li { line-height:0px; padding:0px; list-style: none; float: left; }
div.jMyCarousel ul li div { width: 160px; height: 110px; padding: 13px 0px; _width: 161px; _height: 103px; text-align: center; }

div.job{
	font-family: "Comic Sans Ms";
	font-size: 30px;
	color: #333333;
	padding-left: 20px;
}
img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}