﻿/*公共样式*/
/**************************************************/
*
{
	margin: 0px;
	padding: 0px;
}

html, body
{
	color: #555555;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
}

a
{
	text-decoration: none;
	color: #555555;
}

#all_hand
{
	width: 1162px;
	height: 730px;
	left: 0px;
	position: absolute;
	visibility: hidden;
	display: block;
}

#logo a
{
	z-index: 110;
	width: 113px;
	height: 57px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(images/logo.gif);
}

#logo a:hover
{
	background-image: url(images/logo-red.gif);
}

/*语言栏样式*/
/**************************************************/
#dvLanguage
{
	z-index: 106;
	left: 1088px;
	width: 118px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

#dvLanguage a
{
	border: white 1px solid;
	padding: 1px;
	display: block;
	width: 20px;
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #777777;
}

#dvLanguage a:hover
{
	border: #777777 1px solid;
}

/*动画页定位*/
/**************************************************/
#ANI1
{
	position: absolute;
	top: 38px;
	left: 228px;
	width: 656px;
	height: 40px;
}

#ANI2
{
	position: absolute;
	left: 372px;
	top: 64px;
	width: 680px;
	height: 74px;
}

#ANI3
{
	position: absolute;
	top: 138px;
	left: 0px;
	width: 892px;
	height: 120px;
}

#ANI4
{
	position: absolute;
	left: 156px;
	top: 258px;
	width: 924px;
	height: 160px;
}

#ANI5
{
	position: absolute;
	left: 338px;
	top: 418px;
	width: 824px;
	height: 112px;
}

#ANI6
{
	position: absolute;
	left: 156px;
	top: 530px;
	width: 772px;
	height: 156px;
}

#ANI7
{
	position: absolute;
	left: 856px;
	top: 678px;
	width: 200px;
	height: 24px;
}

#ANI8
{
	position: absolute;
	left: 264px;
	top: 686px;
	width: 624px;
	height: 24px;
}

#ANI9
{
	z-index: 110;
	overflow: hidden;
	white-space: nowrap;
	left: 0px;
	width: 1052px;
	position: absolute;
	top: 118px;
	background-color: #BB3300;
	height: 20px;
}

/*DIV板块样式*/
/**************************************************/
#MAR1
{
	position: absolute;
	top: 38px;
	left: 506px;
	width: 656px;
	height: 40px;
	z-index: 101;
}

#MAR2
{
	position: absolute;
	top: 64px;
	left: 0px;
	width: 680px;
	height: 74px;
	z-index: 102;
}

#MAR3
{
	position: absolute;
	top: 138px;
	left: 270px;
	width: 892px;
	height: 120px;
	z-index: 103;
}

#MAR4
{
	position: absolute;
	top: 258px;
	left: 0px;
	width: 924px;
	height: 160px;
	z-index: 104;
}

#MAR5
{
	position: absolute;
	top: 418px;
	left: 0px;
	width: 824px;
	height: 112px;
	z-index: 105;
}

#MAR6
{
	position: absolute;
	top: 530px;
	left: 390px;
	width: 772px;
	height: 156px;
	text-align: right;
	z-index: 107;
}

#MAR7
{
	position: absolute;
	top: 675px;
	left: 962px;
	width: 200px;
	height: 24px;
	text-align: left;
	z-index: 108;
}

#MAR8
{
	position: absolute;
	top: 686px;
	left: 0px;
	width: 624px;
	height: 24px;
	text-align: right;
	z-index: 109;
}



/*DIV板块样式*/
/**************************************************/
#DIV1
{
	width: 656px;
	height: 40px;
	overflow: hidden;
}

#DIV2
{
	width: 680px;
	height: 74px;
	overflow: hidden;
}

#DIV3
{
	width: 892px;
	height: 120px;
	overflow: hidden;
}

#DIV4
{
	width: 924px;
	height: 160px;
	overflow: hidden;
}

#DIV5
{
	width: 824px;
	height: 112px;
	overflow: hidden;
}

#DIV6
{
	width: 772px;
	height: 156px;
	overflow: hidden;
}

#DIV7
{
	width: 200px;
	height: 24px;
	overflow: hidden;
}

#DIV8
{
	width: 624px;
	height: 24px;
	overflow: hidden;
}

/*Animation样式*/
/**************************************************/

.ImgBar_AboutUs, .ImgBar_AboutUs_Hover, .ImgBar_NewsEvents, .ImgBar_NewsEvents_Hover, .ImgBar_Projects, .ImgBar_Projects_Hover, .ImgBar_Awards, .ImgBar_Awards_Hover, .ImgBar_Publications, .ImgBar_Publications_Hover, .ImgBar_Careers, .ImgBar_Careers_Hover, .ImgBar_ContactsGrayHome, .ImgBar_ContactsGray, .ImgBar_ContactsGrayB, .ImgBar_ContactsGray_Hover, .ImgBar_ContactsGrayB_Hover, .ImgBar_ContactsGrayHome_Hover
{
	display: block;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
}

#ImgBar_AboutUs_Ani, #ImgBar_NewsEvents_Ani, #ImgBar_Projects_Ani, #ImgBar_Awards_Ani, #ImgBar_Publications_Ani, #ImgBar_Careers_Ani, #NavContacts, #ImgBar_ContactsGrayHome_Ani
{
	font-size: 15px;
	font-family: Verdana;
	font-weight: bold;
}

.ImgBar_AboutUs
{
	background-color: #BB3300;
	color: #ffffff;
}

.ImgBar_AboutUs_Hover
{
	border: 1px solid #BB3300;
	background-color: #ffffff;
	color: #BB3300;
}


.ImgBar_NewsEvents
{
	background-color: #f0f0e8;
}

.ImgBar_NewsEvents_Hover
{
	border: 1px solid #BB3300;
	background-color: #ffffff;
	color: #BB3300;
}

.ImgBar_Projects
{
	background-color: #f0f0e8;
}


.ImgBar_Projects_Hover
{
	background-color: #ffffff;
	border: 1px solid #BB3300;
	color: #BB3300;
}


.ImgBar_Awards
{
}


.ImgBar_Awards_Hover
{
	background-color: #ffffff;
	border: 1px solid #BB3300;
	color: #BB3300;
}

.ImgBar_Publications
{
}

.ImgBar_Publications_Hover
{
	border: 1px solid #BB3300;
	background-color: #ffffff;
	color: #BB3300;
}

.ImgBar_Careers
{
	background-color: #f0f0e8;
}

.ImgBar_Careers_Hover
{
	border: 1px solid #BB3300;
	background-color: #ffffff;
	color: #BB3300;
}

.ImgBar_ContactsGrayHome
{
	background-color: #dfdbcf;
	border: #dfdbcf 1px solid;
	text-align: center;
}


.ImgBar_ContactsGray
{
	background-color: #f0f0e8;
	border: #f0f0e8 1px solid;
	text-align: center;
}

.ImgBar_ContactsGrayB
{
	background-color: #f0f0e8;
	border: #f0f0e8 1px solid;
	text-align: center;
}


.ImgBar_ContactsGray_Hover, .ImgBar_ContactsGrayB_Hover, .ImgBar_ContactsGrayHome_Hover
{
	background-color: #BB3300;
	color: #FFFFFF;
	border: #BB3300 1px solid;
	text-align: center;
}


#testNews
{
	width: 1050px;
}

#testNews a
{
	color: #f0f0e8;
	font-weight: bold;
	height: 20px;
}

#testNews a:hover
{
	color: #ffffff;
}

/*底部导航菜单样式*/
/**************************************************/
.menuRed, .menuGray, .menuGainsboro
{
	margin: 0px;
	padding-left: 7px;
	padding-top: 3px;
}

.menuRed a, .menuGray a, .menuGainsboro a
{
	width: 76px;
	height: 16px;
	display: block;
	line-height: 16px;
	float: left;
	text-align: center;
}

.menuRed a
{
	border: #f0f0e8 1px solid;
}

.menuRed a:hover
{
	border: #555555 1px solid;
}

.menuGray a
{
	border: #f0f0e8 1px solid;
}
.menuGray a:hover
{
	border: #555555 1px solid;
}

.menuGainsboro a
{
	border: #f0f0e8 1px solid;
}
.menuGainsboro a:hover
{
	border: #555555 1px solid;
}


/*UL列表样式*/
/**************************************************/
.list, .list_aboutus
{
	list-style-type: none;
	padding: 0px;
	text-align: left;
}

.list a, .list_aboutus a
{
	margin-right: 5px;
	display: block;
}

.list a:hover
{
	border: #555555 1px solid;
	color: #555555;
}

.list_aboutus a:hover
{
	color: #555555;
}


.li_Horizontal
{
	float: left;
}


.ulItemGray
{
	width: 150px;
	display: block;
	border: #f0f0e8 1px solid;
	height: 18px;
}

.ulItemGainsboro
{
	width: 150px;
	display: block;
	border: #f0f0e8 1px solid;
	height: 18px;
}

.ulItem444444
{
	width: 150px;
	display: block;
	border: #f0f0e8 1px solid;
	height: 18px;
}

.ulItemGrayProjectsClass
{
	width: 210px;
	display: block;
	border: #f0f0e8 1px solid;
	height: 18px;
}

.ulItemGrayProjects
{
	width: 770px;
	display: block;
	border: #dfdbcf 1px solid;
	height: 18px;
}

.ulItemGrayNews
{
	width: 840px;
	display: block;
	border: #f0f0e8 1px solid;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ulItemCareers
{
	width: 840px;
	display: block;
	border: #444444 1px solid;
	height: 18px;
}

.ulItemRedAboutus
{
	width: 150px;
	display: block;
	border: #f0f0e8 1px solid;
	height: 18px;
}

.ulItemRedAboutusPeopleList
{
	width: 580px;
	display: block;
	line-height: 16px;
	height: 16px;
}

.colorGray
{
	color: #888888;
}

.colorGrayPeopleList
{
	color: #888888;
}

.colorGrayAboutus
{
	color: #888888;
}


.borderGray
{
	border: gainsboro 1px solid;
}

.colorWhite
{
	color: #555555;
}

.borderWhite
{
	border: #555555 1px solid;
}

/*************专用DIV样式*************/

.dvMargin
{
	margin-top: 10px;
	margin-left: 10px;
}


#TopTitle
{
	font-weight: bold;
	margin-left: 144px;
	color: #ffffff;
}

#TopTitle2
{
	margin-top: 10px;
	margin-left: 10px;
}


#Show_Imgs
{
	position: absolute;
	z-index: 1000;
}

#Show_Imgs img
{
	width: 160px;
	height: 160px;
	border-style: none;
}

#Show_Imgs_Book
{
	position: absolute;
	z-index: 1000;
}

#Show_Imgs_Book img
{
	height: 120px;
	border-style: none;
}

/*AboutUS*/
#place
{
	float: left;
	width: 160px;
	display: block;
}

#place p
{
	display: block;
	height: 16px;
	line-height: 16px;
}

#peoplelist
{
	float: left;
	width: 150px;
	display: block;
}

#peopleMsg
{
	width: 870px;
	display: block;
}

#dvQualification
{
	width: 170px;
	float: left;
	clear: left;
	display: block;
	margin-right: 10px;
}

#dvDescription
{
	width: 690px;
	display: block;
	clear: none;
	float: left;
}


/*PROJECTS*/
#class1
{
	width: 924px;
	height: 120px;
	float: left;
	display: block;
}

#class1 ul li, #scrollholder_project_list ul li, #ProjectsListImtes ul li, p#Projects_Imgs a
{
	float: left;
}

#projects_Synopsis
{
	width: 150px;
	height: 136px;
	display: block;
	float: left;
	text-align: left;
	margin-top: 8px;
	margin-left: 8px;
	line-height: 18px;
	word-wrap: break-word;
}



/* AWARDS */

#Awards_Synopsis
{
	width: 170px;
	height: 136px;
	display: block;
	float: left;
	margin: 8px;
	text-align: left;
	line-height: 18px;
}


/* Careers */
#carTitle
{
	line-height: 20px;
	display: block;
	width: 660px;
}

#carTitle2
{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#strList1
{
	display: block;
	float: left;
	width: 640px;
}

#strList2
{
	display: block;
	float: left;
	width: 120px;
}

.Interpunction
{
	font-family: Verdana;
	letter-spacing: 0px;
}

.Number
{
	font-family: Verdana;
	font-size: 11px;
	letter-spacing: 0px;
}

/******** 图片背景 *********/

#Photo_5A
{
	background-image: url(images/imgbar-05a.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_5B
{
	background-image: url(images/imgbar-05b.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_6A
{
	background-image: url(images/imgbar-06a.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_6B
{
	background-image: url(images/imgbar-06b.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_7A
{
	background-image: url(images/imgbar-07a.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_7B
{
	background-image: url(images/imgbar-07b.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_8A
{
	background-image: url(images/imgbar-08a.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_8B
{
	background-image: url(images/imgbar-08b.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_9A
{
	background-image: url(images/imgbar-09a.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_9B
{
	background-image: url(images/imgbar-09b.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_10A
{
	background-image: url(images/imgbar-10a.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_10B
{
	background-image: url(images/imgbar-10b.jpg);
	display: block;
	width: 924px;
	height: 160px;
}


#Photo_Bar5
{
	background-image: url(images/imgbar-11a.jpg);
	display: block;
	width: 924px;
	height: 160px;
}

#Photo_Bar6
{
	background-image: url(images/imgbar-11b.jpg);
	display: block;
	width: 924px;
	height: 160px;
}


#Photo_Map
{
	background-image: url(imgs/contacts/map_hk.jpg);
	display: block;
	width: 924px;
	height: 160px;
}


#dvBorder
{
	display: block;
	width: 112px;
	position: absolute;
	height: 112px;
	z-index: 112;
	left: 0px;
	top: 0px;
	border-right: white 4px solid;
	border-top: white 4px solid;
	border-left: white 4px solid;
	border-bottom: white 4px solid;
	visibility: hidden;
	background-color: transparent;
	background-image: none;
}

#divCopyright
{
	position: absolute;
	left: 288px;
	top: 710px;
	width: 600px;
	height: 14px;
	color: #aaaaaa;
	text-align: right;
}


.FontVerdana
{
	font-family: Verdana;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 16px;
}


/* dummy */
.MarLeft, .MarRight, .show, .Clear
{
}
