/* Body */
body, html { margin:0; padding:0;height:100%;}
body {
	background:url(../image/header_bg.jpg) repeat-x left top;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ul{list-style:none outside; margin:0; padding:0;}
.clear{ clear:both;}
div.clear{	height:0; overflow:hidden;}
.reset-img {padding:0; margin:0; border:0 none;}


/*---firefox floatfix---*/
.clearfix {zoom:1;}
.clearfix:after {content:".";display:block;clear:both;width:0px;height:0px;visibility:hidden;}


/*link*/
a { text-decoration:none; color:#214d7c}
a:hover {text-decoration:underline; color:#214d7c}
a:focus {outline:0}

.float-right {float:right; display:inline;}
.small_text {color:#555555; font-family:Arial; font-size:11px;}
.blue {	color: #2c60a9;}
.light_text {color:#888888;}
.clear-text {clear:both;}
select {width: 160px;font-size:13px; color:#888888; margin-bottom:3px}
.line-divider {border-top:1px #FFFFFF solid; margin:5px 0; height: 1px; line-height:1px;}
.line-divider2 {border-top:1px #CCCCCC solid;margin:15px 0;height: 1px;line-height:1px;clear: both;}

/* ul & li*/
.text {margin:0; padding:0; list-style:none;}
.text li{background:url(../image/bullet2.gif) no-repeat left 5px; margin:3px 0; padding-left:20px;}

ul.thirdlevel {margin:0; padding:0; list-style:none;}
ul.thirdlevel li{background:url(../image/bullet3.gif) no-repeat left 7px; margin:3px 0; padding-left:20px;}

ul.no-bullet {margin:0; padding:0; list-style:none;}
ul.no-bullet li{margin:0 0 15px; padding:0;background: none;}


/* general classes */
.grey { background-color: #f8f8f8;}
.white{ background-color: #ffffff;}



/* Layout */
#wrapper {width: 950px; margin:0 auto;}

/* Header */
#header {height:119px; padding-top:2px; width:950px; background:url(../image/header_bg.jpg) repeat-x left top;}

#header {position:relative;margin:0px;padding:0px;height:88px;}
#header h1 {position:absolute;}
#header h1 a{display:block; text-indent:-9999px; background:url(../image/logo.jpg?V1); width:233px; height:59px;}
#header h2 {position:absolute;}
#header h2 a{display:block; text-indent:-9999px; background:url(../image/logo.png); width:233px; height:59px;}
#header .toolbox{text-align:right;}

#header .lang-selector{float:right; margin:0 0 0 15px; padding:0; display:inline; font-size:11px;}
#header .lang-selector span{cursor:pointer;}

#header .top-nav{float:right; margin:0; padding:0; font-size:10px; display:inline;}
#header .top-nav li{float:left; background:url(../image/bullet.gif) no-repeat center left; padding: 0 8px}
#header .top-nav .first {background:none}
#flash-banner {width:950px; height:370px; background:url(../image/head_flash_isp.png) no-repeat left top}
#roll-banner {width:950px; height:200px;}
#toolbox {float:right; margin:0; width:350px; display:inline;}

#toparea {position:relative;}
#headstock {position:absolute;top:25px;right:0px;}

/*menu*/

#menu {width:960px;height:33px;}
#menu ul.lv1{padding:8px;}
#menu img {border:none;}
#menu li.lv1 {float:left;position:relative; z-index:1000;}
#menu li.lv1 a.menu {display:block;height:14px;overflow:hidden;float:left;color:#FFFFFF;}
#menu li.lv1 a.menu div{background:url(../image/menu_cell_bg.png) no-repeat right; padding:0px 20px 0px 12px; min-width:60px; text-align:center;}
#menu li.lv1 a.menu .no-bg{background:none;}
#menu li.selected {cursor:pointer;}
#menu li.selected a.menu {color:#D2D234;}
/*#menu li.selected a.menu img{margin-top:-12px;}*/
#menu div.lv2 {position:absolute;top:0px;left:0px;display:none;padding-top:22px; }
#menu li.selected div.lv2{display:block;}
#menu div.lv2 li a{white-space:nowrap;}
#menu .navbox, #menu .navbox div{background-image:url(../image/bg_downdown.gif);}
#menu .navhead .navright {background-position:right top;padding-top:13px;}
#menu .navbody {background-position:left bottom;}
#menu .navbody .navright {background-position:right bottom;padding:0px 13px 13px 0px;min-height:84px;/*min-width:197px;*/}
#menu .navhead, #menu .navbody{padding-left:13px;}



#menu div.lv2 ul{display:inline-block;list-style:url(../image/bullet2.gif);margin-left:13px;}
#menu div.lv2 ul li{padding-bottom:8px;}

#menu ul li.selected ul.column li.column{padding-right:26px;list-style:none;/*display:inline-block;float:left;*/position:absolute;}
#menu ul li.selected ul.column{margin-left:0px;position:relative;}
#menu ul li.selected ul.column li.column ul{padding-top:8px;padding-left:3px;}

#menu li.twolines{width:150px;}
#menu li.twolines a{width:200px;white-space:normal !important;}

#menu .column div{background:none !important;}

#menu div.lv2 ul li.column{ _width:150px;}

/*
#menu {margin-left:40px;}
#menu ul{ list-style: none; padding:0; margin:0; font-size:11px;}
#menu ul li{ float:left;position:relative;}
#menu a{ display: block; height:12px; text-indent: -9999px;}
#menu .menu1{ background:url(../image/menu_about.gif) no-repeat left top; width: 69px; height: 12px;}
#menu .menu2{ background: url(../image/menu_business.gif) no-repeat left top; width: 99px; height: 12px;}
#menu .menu3{ background: url(../image/menu_project.gif) no-repeat left top; width: 122px; height: 12px;}
#menu .menu4{ background: url(../image/menu_award.gif) no-repeat left top; width: 165px; height: 12px;}
#menu .menu5{ background: url(../image/menu_ir.gif) no-repeat left top; width: 126px; height: 12px;}
#menu .menu6{ background: url(../image/menu_media.gif) no-repeat left top; width: 102px; height: 12px;}
#menu .menu7{ background: url(../image/menu_csr.gif) no-repeat left top; width: 59px; height: 12px;}
#menu .menu8{ background: url(../image/menu_careers.gif) no-repeat left top; width: 68px; height: 12px;}
#menu ul li.selected {background-position:left -12px;}
#menu ul ul {padding:20px 13px;display:none;}
#menu ul li.selected ul{display:inline-block;list-style:url(../image/bullet2.gif);}
#menu ul .background {position:absolute;top:23px;left:-20px;display:none;}
#menu ul li.selected .background {display:block;}
#menu ul li.selected ul {min-width:150px;}
#menu ul li.selected ul ul{min-width:inherit;}
#menu ul li.selected li {margin-bottom:8px;float:none;}
#menu ul li.selected li a{ height:auto; text-indent: 0px;}

#menu ul li.selected ul.column{padding-left:0px;}
#menu ul li.selected ul.column li.column{float:left;padding-right:10px;list-style:none;}

#menu ul li.selected li ul{ padding:0px 10px;margin-top:10px;margin-bottom:-3px;}
#menu ul li.selected li ul li{}

#menu div.lv2 {position:absolute;}
*/

#menu ul .background div{overflow:hidden;float:left;}
#menu ul .background .right{width:197px;}
#menu ul .background .bottom{height:108px;}



/*Banner*/
#banner-about {height:64px; background: url(../image/banner9.jpg) no-repeat top center;}
#banner-award {height:64px; background: url(../image/banner5.jpg) no-repeat top center;}
#banner-career {height:64px; background: url(../image/banner8.jpg) no-repeat top center;}
#banner-csr {height:64px; background: url(../image/banner3.jpg) no-repeat top center;}
#banner-ir {height:64px; background: url(../image/banner4.jpg) no-repeat top center;}
#banner-business {height:64px; background: url(../image/banner6.jpg) no-repeat top center;}
#banner-project {height:64px; background: url(../image/banner1.jpg) no-repeat top center;}
#banner-media {height:64px; background: url(../image/banner2.jpg) no-repeat top center;}
#banner-sitemap {height:64px; background: url(../image/banner_cloud.jpg) no-repeat top center;}
#banner-contact {height:64px; background: url(../image/banner10.jpg) no-repeat top center;}



/*index*/
#news-tab {	width: 283px; font-size:11px;}
#news-tab ul{ list-style: none; padding:0; margin:0;}
#news-tab ul li{ float:left; margin:0; padding:0; height:23px; display:inline;}
#news-tab ul li a{ height:23px; width:107px; display:block; text-indent:-9999px;}
#news-tab ul li a.tab1{ background:url(../image/tab_1.gif) no-repeat;}
#news-tab ul li a.tab2{ background:url(../image/tab_2.gif) no-repeat 0px -23px;}
#news-tab ul li a:hover{background-position:0px 0px !important;}
#news-tab .container {	background:url(../image/tab_bg.jpg) no-repeat left top;	height:140px;	padding:7px 11px 0 11px;	margin-bottom: 2px; position:relative;}
#news-tab .date {background:url(../image/btn_date.gif) no-repeat left top; height:40px; width:41px; color:#FFFFFF; float: left; margin-right:9px; font-weight:bold; display:inline;}
/*#news-tab .detail {width: 195px; float:left}*/

#news-tab div.event {position:relative;margin-bottom:6px;padding-bottom:3px;border-bottom:1px solid #FFFFFF;min-height:45px;*height:45px;}
#news-tab div.event div.day, #news-tab div.event div.month{position:absolute;left:0px;width:41px;text-align:center;color:#ffffff;font-weight:bold;padding-top:3px;}
#news-tab div.event div.day{top:0px;height:19px;background:url(../image/btn_date_day.gif) no-repeat left top;}
#news-tab div.event div.month{top:20px;height:19px;background:url(../image/btn_date_month.gif) no-repeat left top;}
#news-tab div.event div.detail {position:relative;padding-left:52px;}
#news-tab div.last {border:none;}


.ui-tabs .ui-tabs-hide { display: none;}
#mycarousel-prev {position: absolute; left: 0; z-index: 30;background:url(../image/feature_arrow.gif) no-repeat; width:9px; height: 38px; margin-top: 10px; text-indent:-9999px; outline: none;}
#mycarousel-next {position: absolute; right: 0; z-index: 30;background:url(../image/feature_arrow_right.gif) no-repeat; width:9px; height: 38px; margin-top: 10px; text-indent:-9999px; outline: none;}
#index-container {background:url(../image/bg_white.gif) repeat;}
#index-container .jcarousel-clip { margin: 0 19px;}
/*Index-boxes*/
#index-container .index-box {float:left; margin-right:10px; display:inline;}
#index-container .index-box p {margin-top:3px; margin-bottom:16px}

#index-container .fm-profile { width:259px; height:123px; background:url(../image/fm_profile_bg.jpg) no-repeat left top; color:#272727; font-size:11px; padding:1px 10px 0 14px; margin-top:5px;position:relative;}
#index-container .fm-profile .detail {position:relative;}
#index-container .fm-profile .detail div.image {position:absolute;text-align:right;width:100%;}
#index-container .fm-profile .detail .fm-text {width:175px; color:#001735;}


#index-container .business {width:253px;background: url(../image/profile_bg.jpg) no-repeat left top;height:123px;padding: 1px 0 0 15px;	margin-top: 1px; color:#272727; font-size:11px;position:relative;}
#index-container .synergis_apps {width:238px;background: url(../image/synergis_apps_bg.jpg) no-repeat left top;height:123px;padding: 1px 15px 0 15px;	margin-top: 1px; color:#272727; font-size:11px;position:relative;}
#index-container .video { height: 172px; width:253px; background:url(../image/video_bg.jpg) no-repeat left top; padding: 1px 0 0 15px;}
#index-container .video img { margin:0px 8px;}
#index-container .index-box p.title {color:#FFFFFF;font-size: 11px;margin-bottom: 8px;	font-weight: bold;}
/*Index feature-box*/
#index-container .feature-box {	width:376px; height:280px; background: url(../image/feature_bg.jpg) no-repeat left top;padding:21px 0 0 02px;float: left; margin-right:10px;}
#index-container .feature-body {width: 372px; height: 218px; color:#FFFFFF; font-size:10px;position:relative;}
#index-container .feature-body p.title {margin:0 00px 0; font-size:12px; font-weight:bold;}
#index-container .feature-text {color: #FFFFFF;	padding:3px 0 3px 15px;width:357px;overflow:hidden;background-color: #3B3B3B; opacity:0.8; filter:alpha(opacity=80);position:absolute;top:0px;left:0px;z-index:2;}
#index-container .feature-mainimg {position:absolute;top:0px;left:0px;text-align:center;width: 372px;height:218px;z-index:1;background-color:#000000;cursor:pointer;}
#index-container .feature-mainimg table{width: 372px;height:218px;margin:0;padding:0;border:0;border-collapse:collapse;}
#index-container .feature-mainimg table tr{padding:0;border:0;}
#index-container .feature-mainimg table td{padding:0;border:0;vertical-align:center;}
#index-container .feature-mainimg img{
  max-width: 372px;
  max-height: 218px;
  min-height: 218px;
  _height: 218px;
  width: expression(this.width > 372 ? "372px" : true);
  height: expression(this.height > 218 ? "218px" : true);
}

#index-container .feature-thumb {width: 372px;height:57px; background:url(../image/feature_thumb.jpg) no-repeat left top; position: relative;overflow:hidden;}
#index-container .feature-thumb ul{margin:0 12px; padding:0; list-style:none;}
#index-container .feature-thumb ul li { float:left; display:inline; margin:6px 4px;}
#index-container .feature-thumb ul li a{ margin: 0; padding: 0;display:inline-block;height:45px;width:59px;overflow:hidden;border:1px solid #ffffff;}
#index-container .feature-thumb ul li a img{ margin: 0; padding: 0; border: 0;width:59px;}

/*footer*/
#footer-container {background:url(../image/footer_bg.gif) repeat-x left top; height:60px; padding:10px 0; margin-top:2px}
#footer {width: 950px; margin: auto; font-size:10px}

/*inner page*/
#main-container {padding:7px 6px 0px 6px; background: url(../image/bg.gif) no-repeat top left;}
#main-container .title img{height:11px;padding-left:23px;}
#main-container .breadcum {font-size:10px; margin-top:10px; text-align:right;padding-right:14px;}
#sub-container {padding:0px 8px 20px 17px;background: url(../image/bg_grey_v.gif) #f8f8f8 top left repeat-y;}
#left-column {width:170px; float:left;margin:42px 20px 0 0;color:#2c60a9;.display:none;}
ul.menu {margin:0; padding:0; list-style:none; width:166px; font-size:11px}
ul.menu li {padding:7px 0 7px 24px; background:url(../image/menu_bullet.gif) left 8px no-repeat; border-bottom:1px solid #CCCCCC;}
ul.menu .last {padding:7px 0 7px 24px; background:url(../image/menu_bullet.gif) left 8px no-repeat; border:none 0;}
ul.menu li.no-bullet {margin:2px;padding:0 0 0 12px;	background: url(../image/bullet2.gif) no-repeat center left;border: none 0;}
#left-column a { color:#545454; text-decoration:none}
#left-column a:hover { color:#545454; text-decoration: underline}


/*auto left nav*/
#left-column ul.menu a.currentpage {color:#2C60A9;}
#left-column ul.menu .none {display:none;}
#left-column ul.menu .parent {display:none;}
#left-column ul.menu li.currentpage .parent{display:list-item;}

#right-column {width:723px; margin-top:17px; float:left;}
#right-column p.first {margin:0 0 20px;}
#right-column p.justify  {text-align:justify;}
#right-column p.title { margin: 0 0 19px 0; color:#84a113; font-size:15px; font-weight:bold;}
#right-column p.subtitle-first {font-weight:bold; margin:0 0 8px;}
#right-column p.subtitle {font-weight:bold; margin:20px 0 8px;}
#right-column .primary-right {float: left;width: 485px;  text-align:justify;}
#right-column .secondary-right {float:right; font-size:12px; width:205px; text-align:left;}

#right-column p {
	margin:12px 0 20px;
	padding:0;
	line-height: 1.3em;
}

#right-column .secondary-right img {padding:2px; border:1px solid #e0e0e0}
#right-column .secondary-right p.caption{margin:5px 0 10px;font-size:10px;line-height: 11px;}
#right-column .secondary-right p {margin:5px 0;}


/*box*/
/*box1*/
#main-container .box1 {color:#1b4582;}
#main-container .box1 input {border:#1b4582 1px solid; height:16px; width:236px; color:#555555}
#main-container .radio {border:none; width: 15px}
#main-container .box1 .box1-head {background:url(../image/box1_head.jpg) left top no-repeat; height:6px;}
#main-container .box1 .box1-body {background:url(../image/box1_body.jpg) left top repeat-y; padding: 8px 28px 12px 24px}
#main-container .box1 .box1-body textarea{ font-family:Arial, Helvetica, sans-serif; color:#555555; font-size:12px; width:100%; border: 1px solid #1b4582;}
#main-container .box1 .box1-body td {padding:5px 0}
#main-container .box1 .box1-foot {background:url(../image/box1_foot.jpg) left top no-repeat; height:10px;}

/*table*/
/*table - announce*/
/*table - news*/
/*table - awards*/
#main-container table.table1 thead th{background:url(../image/table1_bg.gif) no-repeat left top; height:18px}
#main-container table.table1 thead .news{background:url(../image/table2_bg.gif) no-repeat left top; height:18px}
#main-container table.table1 thead .award-head {background:url(../image/table1_award_bg.gif) no-repeat left top; height:18px}
#main-container table.table1 thead .appreciation {background:url(../image/table_appreciation_bg.gif) no-repeat left top; height:18px}
#main-container table.table1 td{padding:10px; vertical-align:top; border-bottom:1px solid #dbdbdb;}
#main-container table.table1 .thumb {float: left; margin:2px 8px 0px 0px; width:66px;height:50px;}


/*--------------------------------------*/
/*table - job detail*/
#main-container table.table2 thead th{background:url(../image/table2_job_bg.gif) no-repeat left top; height:18px}
#main-container table.table2 thead .job-detail{background:url(../image/table2_jobdetail_bg.gif) no-repeat left top; height:18px}
#main-container table.table2 td{padding:7px 10px; vertical-align:top; border-bottom:1px solid #dbdbdb;}
#main-container table.table2 span.job-name {font-size: 14px;font-weight: bold;}
#main-container table.table2 .reset-table {padding:0; margin:0;}
#main-container table.table2 .no-border {border: 0 none;}


/*table - application form*/
#main-container table.table3 thead th{background:url(../image/table3_bg.gif) no-repeat left top; height:18px}
#main-container table.table3 td{vertical-align:top;}
#main-container table.table3 .grey-first { background-color: #f8f8f8; padding:11px 10px 5px;}
#main-container table.table3 .grey { padding:5px 0 5px 10px;}
#main-container table.table3 .grey-last { background-color: #f8f8f8; padding:5px 0px 17px 10px;}
#main-container table.table3 .white{ padding:7px 10px; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
#main-container table.table3 span.job-name {font-size: 14px;font-weight: bold;}
#main-container table.table3 .form-title {font-size: 14px;color: #555555;font-weight: bold;}
#main-container table.table3 input {border:#CCC 1px solid; height:16px; color:#555555; width:200px;}
#main-container table.table3 input.date {border:#CCC 1px solid; height:16px; color:#555555; width:35px;}
#main-container table.table3 .dark-grey {padding:3px 0px 3px 10px; background-color:#f8f8f8;}
#main-container table.table3 .school-field {width:340px;}
#main-container table.table3 select.organization {width:165px;}
#main-container table.table3 select.membership {width:240px;}
#main-container table.table3 select.year{width:55px;}
#main-container table.table3 select.month{width:40px;}
#main-container table.table3 input.padding-field {margin-bottom: 3px;}
#main-container table.table3 select.qual{width:125px;}

/*--------------------------------------*/



/*News Detail*/
#right-column .primary-right .news-detail .news-date {color:#2b6eb8; font-size:14px; margin:0px 0 10px;}
#right-column .primary-right .news-detail .news-title {font-size:15px; font-weight:bold; margin:3px 0;}

/*Synergis-update*/
#right-column .synergis-update {width: 645px;margin-top: 10px;}
#right-column .synergis-update .block_header{background:url(../image/update_bg_head.gif) left top no-repeat;width:645px;height:23px;}
#right-column .synergis-update .block_body{background:url(../image/update_bg_body.gif) left top repeat-y;padding:10px 0px 50px 0px;}
#right-column .synergis-update .block_footer{background:url(../image/update_bg_foot.gif) left top no-repeat;width:645px;height:6px;}

#right-column .synergis-update .update-container {padding:10px 0 0 45px;}
#right-column .synergis-update .update-thumb { float:left;}
#right-column .synergis-update .update-thumb img {padding:2px; border:1px solid #e0e0e0;}
#right-column .synergis-update .update-text {float:left;margin:0 0 0 30px;width: 350px;}
#right-column .synergis-update .update-text p.title {color: #2d63ab; font-size:14px; font-weight:bold; margin:0 0 25px 0;}
#right-column .synergis-update .update-text ul{margin:0; padding:0; list-style:none;}
#right-column .synergis-update .update-text ul li{background:url(../image/bullet2.gif) no-repeat left 5px ; margin:6px 0; padding-left:20px;}

/*About - Governance*/
#right-column .member {padding:5px 0; border-bottom:1px solid #CCCCCC; display:none;}
#right-column ul.link {margin:0; padding:0;}
#right-column ul.link li{background:url(../image/bullet_link.gif) no-repeat 1px 3px; padding-left: 24px; margin:6px 0;}
#right-column li.show-hide {background:url(../image/bullet2.gif) no-repeat 1px 5px; padding-left: 20px; margin:6px 0; height: auto;}
#right-column p.corp-title {font-weight:bold; margin:15px 0 9px; color:#222222;}
#right-column li.member-list {background:url(../image/bullet2.gif) no-repeat 1px 5px; padding-left: 20px; margin:6px 0; height:30px;}
#right-column li.member-list-long {background:url(../image/bullet2.gif) no-repeat 1px 5px; padding-left: 20px; margin:6px 0; height:45px;}
#right-column span.light_text{ font-size:11px; color:#777777;margin:3px 0;}
#right-column .horizontal-menu {padding-bottom: 10px;border-bottom: 1px solid #CCC;}
#right-column .horizontal-menu a {color:#2C60A9; text-decoration:none;}
#right-column .horizontal-menu a:hover {color:#2C60A9; text-decoration:underline;}
#right-column .director-photo {float:left; margin: 0 15px 8px 0;}

/*About - Milestone*/
#right-column .tabs li {float:left; display:inline-block; margin:0 2px;height:21px;overflow-y:hidden;}
#right-column .tabs li.activetab img{margin-top:-21px;}
#right-column .tabs li img.hover{margin-top:-21px;}

#right-column .milestone {	padding:8px 10px 20px;margin:5px 0 10px 0;clear:both;background:url("../image/grad_foot_bg.jpg") repeat-x scroll 0 bottom transparent;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;border-top:1px solid #E2E2E2; width: 600px; display:none;}
#right-column .milestone img {margin:5px 15px 0 0; float:left; border:1px solid #CCCCCC; padding:2px;cursor:pointer;}
#right-column .milestone-text {	float:left;	width: 400px;}
#right-column .milestone p.year {color:#2D63AB; font-size:14px; font-weight:bold; margin:0 0 4px 0;}

/* Awards */
#right-column .award {padding:15px 15px 20px; margin:0 15px 18px 0;; background:url("../image/grad_foot_bg.jpg") repeat-x scroll 0 bottom #FFF;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;border-top:1px solid #E2E2E2; width: 190px; float:left; height:255px;}
#right-column .award img {float:left; border:1px solid #CCCCCC; padding:2px;width:185px;height:140px;}
#right-column .award-text {	float:left;}
#right-column .award .date {color:#2D63AB; font-size:14px; font-weight:bold; margin:6px 0;}
#right-column .award .award-name {margin:3px 0; font-weight:bold;}

/*Our Business*/
#right-column .hong-kong {background:url(../image/hk_bg.jpg) no-repeat left top; width:234px; height: 600px; float:left; margin-right: 10px;}
#right-column .mainland {background:url(../image/china_bg.jpg) no-repeat left top; width:234px; height: 600px;float:left; margin-right: 10px;}
#right-column .international {background:url(../image/international_bg.jpg) no-repeat left top; width:234px; height: 600px;float:left;}
#right-column .bus-text {margin:185px 20px 0 20px;}
#right-column .bus-text1 {margin:32px 20px 0 20px;}
#main-container .menu-long {margin:12px 0 0; font-weight:bold; color:#2c60a9;}
#right-column .elite {margin: 0 0 0 20px; float:left;}


/*CSR*/
#right-column .csr { width:300px; float:left; margin-right: 30px;}
#right-column .csr img { float:left; margin: 0 10px 4px 0;}


/* Contact */
/*#right-column table.table1 td { padding:10px 0; }*/
#right-column table.table1 ul { margin-bottom:20px; padding:0; }
#right-column p.contact-us {color:#222222;font-weight:bold; font-size:12px; margin:0;}


/* table - project highlight */
#right-column .project-big-box table {margin: 0 0 5px;}
#right-column .project-big-box table td,#right-column .project-big-box table th {padding:3px 3px 3px 0;vertical-align:top;}
#right-column .project-big-box table th {color: #84a113;text-align:left;font-weight:normal;}


/* Project */
#right-column .project-big-box {padding:15px 15px 20px;  width: 685px; background:url("../image/grad_foot_bg.jpg") repeat-x scroll 0 bottom #ffffff;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;border-top:1px solid #E2E2E2; margin:3px 0 7px; }
#right-column .project {padding:15px 15px 20px; margin:0 15px 18px 0;; background:url("../image/grad_foot_bg.jpg") repeat-x scroll 0 bottom transparent;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;border-top:1px solid #E2E2E2; width: 190px; float:left; height:268px;}
#right-column .project-big-box img {/*float:left;*/ border:1px solid #CCCCCC; padding:2px; margin-right: 20px; width:190px;}
#right-column .project-big-box .big-name {margin:0 0 3px; font-size:15px; color:#2D63AB; font-weight:bold;width:460px;}
#right-column .project-big-box .tagline {border-bottom:1px solid #CCCCCC; margin:0 0 10px; padding:0 0 10px; width:460px;}
#right-column .project-big-box .table-name {font-weight:bold; margin: 10px 0 6px;}
#right-column .project-big-box .btn {border:none 0; margin:0 0 0 -2px; padding: 0;}

#right-column .project img {float:left; border:1px solid #CCCCCC; padding:2px;}
#right-column .project-text {float:left;}
#right-column .project .date {color:#2D63AB; font-size:14px; font-weight:bold; margin:6px 0;}
#right-column .project .project-name {font-size:14px; color:#333333; margin:3px 0; font-weight:bold;}
#right-column .project-content {width: 200px;margin:180px 0 0 70px;}
#right-column .project-type {background:url(../image/project_type1.jpg) no-repeat left top; width:304px; height: 416px; float:left; margin-right: 10px;}
#right-column .project-location {background:url(../image/project_location1.jpg) no-repeat left top; width:304px; height: 416px;float:left;}
#right-column .project-text table th{vertical-align:top;} 
#right-column .project-text table td{width:380px;white-space:normal;vertical-align:top;}

#right-column select.view-page {width: 200px; font-size:13px; color:#555555; margin:0 10px 0 0;}
#right-column .top-frame {padding:5px 0 5px 10px; background:url(../image/frame_bg.jpg) repeat-x; margin:0 0 5px; width:572px;}
#right-column select.page-number {width: 100px; font-size:13px; color:#555555; margin:0;}

/* Job */
#right-column select.company-name {width: 350px; font-size:13px; color:#555555; margin:0 0 3px 0;}

#jobscontainer {width:485px;overflow:hidden;}
#jobscontainer .job .header,
#jobscontainer .job .detail div {padding:7px 10px;border-bottom:1px solid #DBDBDB;}
#jobscontainer .job .header {position:relative;}
#jobscontainer .job .header .detailbutton{position:absolute;background:url(../image/btn_detail.gif) top left no-repeat;width:47px;height:21px;left:430px;cursor:pointer;_left:420px;}
#jobscontainer .job .header .detailbutton.hover{background-position:0px -21px;}
#jobscontainer .job .header .jobtitle{font-weight:bold;}
#jobscontainer .job .header .company{color:#555555; font-family:Arial; font-size:11px;}
#jobscontainer .job .detail div.last {padding-bottom:30px;}
#jobscontainer .job .detail ul {list-style: disc outside; padding-left: 15px;}

#jobscontainer .job .detail {display:none;}

#jobscontainer .grey .detail div.subtitle {background-color: #ffffff;}
#jobscontainer .white .detail div.subtitle {background-color: #f8f8f8;}



/* pagination */

div.pagin {margin-top:10px;}
div.pagin div.page {float:left;padding:0px 4px;border-right:1px solid #555555;cursor:pointer;color:#214D7C;}
div.pagin div.first {padding-left:15px;}
div.pagin div.last {border-right:none;padding-right:15px;}
div.pagin div.current {color:#555555;font-weight:bold;}
div.pagin div.goto_first, div.pagin div.goto_last{float:left;width:14px;height:15px;cursor:pointer;}
div.pagin div.goto_first {background:url(../image/btn_first.gif) center center no-repeat;}
div.pagin div.goto_last {background:url(../image/btn_last.gif) center center no-repeat;}

.bus-select {
	border: 1px solid #1b4582;
	width: 236px;
	color: #555555;
}




.bottomright {position:absolute;top:100%;left:100%;margin-top:-2em;margin-left:-45px;white-space: nowrap;}

.based {position:relative !important;}
.based div.right{float:none !important;position:absolute !important;width:100%;text-align:right;}

.hideImage img{display:none;}
.hideImage p.caption{display:none;}
#right-column .hideImage .milestone-text{width:580px;padding-left:20px;}
#right-column .float-right table a {white-space:nowrap;}


.jcarousel-next-horizontal {_right:22px !important;}


.project-imgs-container{ width:196px; float:left; margin-right:20px;}
.point-nav{ margin:8px 0 0; text-align:center;}
.point-nav a{ display:inline-block; /*_display:block; _float:left;*/ _line-height:9px; width:9px; height:9px; margin-right:4px; background:url(../image/point-nav.png) 0 0 no-repeat;}
.point-nav a:hover, .point-nav a.activeSlide{ background-position:left bottom; text-decoration:none;}

/*by jacky 28/1 */
.bullet-href{background:url(../image/bullet2.gif) no-repeat 1px 5px; padding-left: 20px; color:#214d7c;}
.team-rows{ margin-bottom:20px;}
.team-block{ background:url(../image/international-shadow-bottom.gif) left bottom repeat-x; padding-bottom:4px; float:left; margin-right:12px;}
.team-block.last{ margin:0; float:right;}
.team-block a{ border:1px solid #e2e2e2; display:block; width:223px; height:315px; text-align:center; background:#FFF; color:#555555; cursor:pointer; text-decoration:none;}
.team-block a:hover{ border:1px solid #9cb82d; border-top:3px solid #22456f; height:313px;}
.team-block img{ border:1px solid #e2e2e2; margin:15px 0 8px; padding:2px; width:177px; height:207px;}
.team-block a:hover img{ margin-top:13px;}
.team-block span{ display:block;}
.team-block .name{ font-size:13px; color:#2d63ab; line-height:16px; font-weight:bold; height:32px; overflow:hidden;}
.team-block .post{ font-weight:normal; margin-bottom:10px; overflow:hidden; height:15px;}
.team-block .comp{ overflow:hidden; height:15px;}
.team-block .info{ width:183px; margin:0 auto; text-align:left;}
.team-bio-colorbox{}
.team-bio-colorbox .profile-pic{ float:left; width:180px; margin-right:20px;}
.team-bio-colorbox .profile-pic img{ padding:2px; border:1px solid #e2e2e2;}
.profile-text{ float:left; width:585px;}
.profile-text span{ display:block;}
.profile-text .info{padding-bottom:13px; border-bottom:1px solid #d7d7d7; margin-bottom:13px;}
.profile-text .info .name{ font-size:13px; color:#2d63ab; line-height:16px; font-weight:bold;}
.profile-text .info .post{ font-weight:bold; margin-bottom:10px;}
.profile-text .info .comp{}
.team-bio-colorbox{ width:830px; padding:20px 0 20px 20px;}
.inter-land-container{ width:700px;}
.partners-block{background:url(../image/international-shadow-bottom.gif) left bottom repeat-x #fff; padding-bottom:4px; float:left; margin-right:13px;}
.partners-block.last{ margin:0; float:right;}
.partners-block a{ border:1px solid #e2e2e2; display:block; width:163px; height:86px;}
.partners-block img{ margin-top:2px; border:none;}
.partners-block a:hover{ border:1px solid #9cb82d; border-top:3px solid #22456f; height:84px;}
.partners-block a:hover img{ margin-top:0;}
.top-btn{ background:url(../image/btn_top.gif) left center no-repeat; padding-left:20px; margin-top:40px; float:right;}
#right-column .primary-right.noIcon{ width:700px;}
.team-bio-colorbox p {margin:12px 0 20px;padding:0;line-height: 1.3em;}
.team-bio-colorbox p.subtitle {font-weight:bold; margin:20px 0 8px;}
.team-bio-colorbox p.subtitle-first {font-weight:bold; margin:0 0 8px;}
.team-bio-colorbox ul li{ list-style:inside disc; padding:0 0 3px 10px;}

.dummy-menu {width:170px; float:left;margin:42px 20px 0 0;color:#2c60a9;}
.dummy-menu a { color:#545454; text-decoration:none}
.dummy-menu a:hover { color:#545454; text-decoration: underline}
.dummy-menu ul.menu a.currentpage {color:#2C60A9;}
.dummy-menu ul.menu .none {display:none;}
.dummy-menu ul.menu .parent {display:none;}
.dummy-menu ul.menu li.currentpage .parent{display:list-item;}
.dummy-breadcum {font-size:10px; margin-top:10px; text-align:right;padding-right:14px;}