@charset "utf-8";
/* body */

* {margin:0;padding:0;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,dl,dt,dd,ol,ul,li,form,label,table,tbody,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
	list-style: none;
	font-style: inherit;
	font-size: 12px;
	font-family: "Arial", Times, serif;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
body,html { overflow: hidden; }
:root{
 overflow-x:hidden;
}

a { color: #c06; font-weight: bold; blr:expression(this.onFocus=this.blur()) }
a.password { color: #000; text-decoration: underline; }

input { padding: 0 2px; height: 18px; line-height: 18px; font-family: "Arial","Times New Roman", Times, serif;; border: 1px solid #c06;  }

div.main {position: relative; display: none; margin: 0 auto ; width: 100%; height: auto; background-color:#FFFFFF; background-position: 320px 0px; background-repeat: no-repeat; overflow: hidden;}

div.header { position: absolute; left: 0; top: 0px; width: 960px; height: 58px; z-index: 9999; background: #fff; overflow: hidden; }
div.content { position: relative;width: 100%; float: right; height: auto; overflow: hidden; }
div.bigmap {  }
div.bottom { position: absolute; margin: 0 auto; padding-bottom: 10px; width: 100%; font-size: 1px; line-height: 1px; bottom: 0px; background: #fff;  z-index: 9998; }
div.bottom div { fonti-size: 12px; line-height: normal; }

h1 { float: left; padding-top: 15px; width: 516px; height: 45px;  background: url(../images/logo_group.png) left top no-repeat; cursor: default;
	+background: none;
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo_group.png', sizingMethod='image');
}
/* h1.group { background-image: url(../images/logo_group.gif); } */


p.status { float: right; margin-top: 15px; padding: 2px 1px 2px 2px; width: 321px; font-weight: bold; text-align: right; line-height: 18px; }
p.status a { float: right; font-size: 14px; margin-top: 5px; margin-right: 3px; padding: 2px; color: #000; }
p.status input { float: left; margin-top: 8px; width: 148px; height: 18px; color: #767575; border: 1px solid #ec008c; }

div.menu { position: absolute; left: 0; top: 122px; width: 320px; height: auto; overflow: hidden; }

#right .loading { font-size: 14px; font-weight: bold; color: #c06; }
#right { float: right; clear: right; width: 660px; height: auto; overflow: scroll; overflow-x: hidden;} /* margin-bottom: 40px; */

div.project { padding-top: 280px; } /* 158 */
div.news {  padding-top: 169px; } /* 47 */
div.about {  padding-top: 183px; background: url('../images/map.gif') left 122px no-repeat; } /* 61 min-height: 380px; height: auto !important; height: 380px;  */
div.nomap { background: none; }
div.job {  padding-top: 208px; } /* 86 */
div.project { padding-top: 280px; } /* 158 */
div.project .list p { padding-top: 21px; } /* 21 */
div.staff { padding-top: 320px; } /* 198 */
div.pdf { padding-top: 333px; } /* 211 */
div.award { padding-top: 373px; } /* 251 */
div.clients { padding-top: 413px; } /* 291 */
div.office { padding-left: 14px; padding-top: 346px; background: url('../images/bigmap.gif') no-repeat; } /* 224 min-height: 306px; height: auto !important; height: 306px; */

div.category,ul.category { float: left; clear: left; margin-bottom: 15px; padding-bottom: 15px; width: 160px; height: auto; overflow: hidden; }

div.category li { float: left; clear: both; display: inline; padding: 0px 2px; margin-bottom: 2px; cursor: pointer; white-space:nowrap; background: #FFF; }

div.category ul#team { margin-bottom: 18px; overflow: hidden; }
div.category ul#team li { font-weight: bold; }

/* div.category li.hover { color: #e4007f; } */
/* div.category li.select { color: #e4007f; cursor: default;  } */

div.category li.hover { background: url('../images/select.gif'); }
div.category li.select {  background: url('../images/select.gif'); cursor: default;  }

div.list { display: inline; float: left; width: 480px; height: auto; overflow: hidden; margin-bottom: 15px; padding-bottom: 15px; }

ul.news { padding: 10px 0 10px 10px; background: #fff; }
ul.news li { position: relative; margin-bottom: 21px; padding: 21px; width: 438px; height: 228px; background: url('../images/image_bg.gif'); overflow: hidden; }
ul.news li.last { margin-bottom: 0px; }
ul.news h2 { margin-bottom: 19px; font-size: 12px; font-weight: bold; }
ul.news img { position: absolute; left: 0; top: 0; border: 1px solid #c06; }
ul.news li.hover img { display: none; }
.news dl { margin-top: 2px; margin-left: 10px; height: auto; overflow: hidden; }
.news dt { float: left; color: #c06; }
.news dd { float: right; color: #c06; }
.news dd span { color: #c06; cursor: pointer; }
.news div.list { margin-left: 150px; width: 490px; }

ul.job li { margin-bottom: 19px; width: 455px; height: auto; overflow: hidden; }
ul.job h2 { font-size: 12px; font-weight: bold; margin-bottom: 5px; }
ul.job p { margin-bottom: 19px; }

.office #city { position: relative; margin-top: 67px; width: 640px; height: 306px; }
.office #city li { position: absolute; color: #000; font-weight: bold; cursor: pointer; }
.office #city li.hover { color: #c06; }

.office #office12 { left: 95px; top: 88px; }
.office #office8 { left: 210px; top: 48px; }
.office #office11 { left: 226px; top: 103px; }
.office #office13 { left: 0px; top: 10px; }
.office #office9 { left: 230px; top: 70px; }
.office #office10 { left: 215px; top: 118px; }

ul.contact { margin-top: 109px; }
ul.contact li { position: relative; padding: 21px; width: 438px; height: 228px; background: url('../images/image_bg.gif'); overflow: hidden; }
ul.contact h2 { margin-bottom: 19px; font-weight: bold; }
ul.contact img { position: absolute; left: 0; top: 0; border: 1px solid #c06; }
ul.contact li.hover img { display: none; }
ul.contact li.download { margin-top: 12px; margin-bottom: 21px;  padding: 0; width: 478px; height: 15px; line-height: 12px; text-align: right; border: none; background: none; overflow: hidden; }
ul.contact li.download a { color: #c06; }
ul.contact li.download a.dd { float: left; text-decoration: underline; }

ul.staff h2 { display: inline; font-weight: bold; }
ul.staff img { float: left; }
ul.staff div { float: left; margin-left: 15px; width: 300px; overflow: hidden; }
ul.staff p { display: block; clear: both; padding-top: 8px; }

.clients ul li { margin-bottom: 16px; cursor: default; }

ul.pdf li { position: relative; padding: 21px; width: 438px; height: 228px; background: url('../images/image_bg.gif'); overflow: hidden; }
ul.pdf h2 { margin-bottom: 19px; font-size: 12px; font-weight: bold; }
ul.pdf img { position: absolute; left: 0; top: 0; border: 1px solid #c06; }
ul.pdf li.hover img { display: none; }
ul.pdf li.download { margin-bottom: 21px;  padding: 0; margin-top: 12px; width: 476px; height: 15px; line-height: 12px; overflow: hidden; text-align: right; border: none; background: none; }
ul.pdf li.download a { color: #c06; text-decoration: underline; }

ul.award li { margin-bottom: 16px; width: 455px; height: auto !important; height: 10px;  }

.about .list { position: relative; display: block; height: 166px; font-size: 11px; }
.about .list span { display: block; }
.about a { position: absolute; color: #000; font-weight: bold; }
.about a:hover { color: #c06; }

.project #list { padding: 0 4px 4px 4px; background: #fff; }
ul.photo { width: 490px; height: 195px; background: #fff; overflow: hidden;}
ul.photo li { position: relative; display: inline; float: left; margin-right: 8px; margin-bottom: 8px; width: 152px; height: 55px; border: 1px solid #c06; cursor: pointer; overflow: hidden; }
ul.photo div { display: none; position: absolute; left: 0px; top: 0px; width: 152px; height: 55px; background: url('../images/image_bg.png') !important;
	+background: none;
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/image_bg.png', sizingMethod='image');
}
ul.photo div.video_bg {
	background: url('../images/video_bg.png') !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/video_bg.png', sizingMethod='image');
}

ul.photo li.hover div { display: block; }
ul.photo li.select div { display: block; }

div#photo { height: 211px; overflow: hidden; margin-bottom: 10px; }
.project dl { height: auto; overflow: hidden; }
.project dt { float: left; color: #c06; }
.project dd { float: right; margin-right: 3px; color: #c06; }
.project dd span { color: #c06; cursor: pointer; }
.project h2 { float: left; clear: both; margin-bottom: 8px; font-weight: bold; }
.project p { float: left; clear: both; width: 100%; }
.project table { float: left; clear: both; }

#photoView { display: none; margin: 0 auto; width: 100%; height: auto; text-align: center; overflow: hidden; }
#photoView .loading {font-size: 14px; font-weight: bold; color: #c06; }

body.photo #photoView { display: block; position: absolute; top: 0; background: #fff;  z-index: 99999; }
body.photo .main { height: 1px; overflow: hidden; }

div.nav { margin: 0 auto 15px auto; width: 606px; height: 20px; }
div.nav img { float: left; }

#photoPervBtn { display: block; float: left; width: 96px; height: 20px; background: url('../images/prev_btn.gif') no-repeat; }
#photoPervBtn:hover { background: url('../images/prev_btn_hover.gif') no-repeat; }
#photoNextBtn { display: block; float: left; width: 54px; height: 20px; background: url('../images/next_btn.gif') no-repeat; }
#photoNextBtn:hover { background: url('../images/next_btn_hover.gif') no-repeat; }
#photoBackBtn { display: block; float: right; width: 54px; height: 20px; background: url('../images/back_btn.gif') no-repeat; }
#photoBackBtn:hover { background: url('../images/back_btn_hover.gif') no-repeat; }

#photoPervBtnCN { display: block; float: left; width: 63px; height: 20px; background: url('../images/cn_prev_btn.gif') no-repeat; }
#photoPervBtnCN:hover { background: url('../images/cn_prev_btn_hover.gif') no-repeat; }
#photoNextBtnCN { display: block; float: left; width: 63px; height: 20px; background: url('../images/cn_next_btn.gif') no-repeat; }
#photoNextBtnCN:hover { background: url('../images/cn_next_btn_hover.gif') no-repeat; }
#photoBackBtnCN { display: block; float: right; width: 43px; height: 20px; background: url('../images/cn_back_btn.gif') no-repeat; }
#photoBackBtnCN:hover { background: url('../images/cn_back_btn_hover.gif') no-repeat; }

.error { color: #c06; font-weight: bold; }
.button { cursor: pointer; }

.hidden { visibility: hidden; }

#search {display:none;position: absolute; padding-top: 56px; left: 638px; top: 0px;width: 154px;}
#search .alpha { min-width:154px;
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* Moz   FF */
	opacity: 0.5; /* ?CSS3FF 1.5???*/
	background: #fff;
}
#result { position: absolute; top: 55px; left: 0xp; height: auto;}
#result li { float: left; clear: both; margin: 1px 0px; padding: 0px 2px; height: 16px; line-height: 16px; cursor: pointer; white-space:nowrap; }
#result li.hover { background: url('../images/select.gif'); }
#result li.select {  background: url('../images/select.gif'); cursor: default;  }
#result li.error { color: #666; }

div.category li.noclick { cursor: default; }