

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

/* Styles */

* {
	border: none;
	color: inherit;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-decoration: none;
	-webkit-text-size-adjust: none;
}

body,
input[type=text],
.readmore,
#applicationform button,
#applicationform select {
	color: #666666;
	font-family: helvetica, "Helvetica LT Std Cond Light";
	font-size: 12px;
	line-height: 15px;
}

html[lang=cn] .text {
	line-height: 18px;
}

html[lang=cn] .text.right {
	line-height: 15px;
}

a {
	color: #888888;
}

.text {
	float: left;
	margin-right: 15px;
	width: 600px;
}

.text a:hover {
	font-weight:;
	color: #999999;
}

.text p {
	margin-bottom: 12px;
}

.column,
.images {
	float: left;
	margin-right: 9px;
}

.column,
.column img,
.images,
.images img {
	width: 209px;
}

.item {
	margin-bottom: 15px;
}

.item .image {
	margin-bottom: 6px;
}

.item h2 {
	font-size: 15px !important;
	font-weight: bold;
	line-height: 19.5px !important;
	font-color: #333333;
	color: #333333;
}

.item h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}

.item .header {
	margin-bottom: 12px;
	color: #000000;
}

.readmore {
	font-weight: bold;
	text-align: right;
}

#newsitem h2,
#person h2,
#project h2,
#text h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 19.5px;
	margin-bottom: 2px;
	margin-top: -3px;
	font-color: #333333;
}

#project h2 span {
	font-weight: normal;
}

#newsitem h3,
#person h3,
#project h3 ,
.text h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 9px;
}

.text h3 {
	font-weight: bold;
	margin-bottom: 0;
}

#person .text {
	margin-right: 0;
}

.images .image {
	margin-bottom: 9px;
}

.images .caption {
	padding-top: 3px;
}

#text h2 {
	margin-bottom: 14px;
}

#team .column,
#team .column img,
.person img {
	width: 310px;
	border-left: -30;
}

.person .image {
	text-align: center;
}

#team .item h2 {
	font-size: 14px !important;
	line-height: 15px !important;
}

#project-image {
	height: 428px;
	margin-bottom: 42px;
	overvlow: hidden;
	width: 645px;
}

#project .images a:focus {
	outline: none;
}

#project .images img {
	opacity: .0;
}

#project .images img.selected {
	opacity: 0;
}

#fullscreen {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 100;
}

#fullscreen-control,
#fullscreen-controls {
	height: 47px;
	left: 0;
	position: absolute;
	width: 100%;
}

#fullscreen-control {
	background: black;
	opacity: .3;
	top: 0;
}

#fullscreen-controls {
	color: #000;
	font-size: 24px;
	font-weight: bold;
	height: 30px;
	line-height: 24px;
	top: 14px;
}

#fullscreen-controls a {
	color: white !important;
}

#fullscreen-controls div {
	width: 26px;
}

#fullscreen-controls #fullscreen-close {
	float: left;
	text-align: right;
}

#fullscreen-controls #fullscreen-prev,
#fullscreen-controls #fullscreen-next {
	float: right;
}

#fullscreen .image {
	background: white;
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.right {
	text-align: left;
}

.navigationbar {
	background: url(/elements/back.png);
	height: 26px;
	left: 220px;
	padding-top: 15px;
	position: absolute;
	width: 645px;
	z-index: 1;
}

.bottom-aligned {
	top: 591px;
}

.navigationbar > div,
.navigationbar > ul > li {
	text-transform: uppercase;
}

.navigationbar > div {
	float: right;
}

.navigationbar > ul > li {
	cursor: pointer;
	float: left;
	margin-right: 15px;
}

.navigationbar ul ul {
	background: url(/elements/back.png);
	display: none;
	margin-left: -15px;
	padding: 15px 15px 15px 15px;
	position: absolute;
}

.navigationbar ul li:hover ul {
	display: block;
}

#leftcol {
	left: 0;
	position: absolute;
	top: 30px;
}

#languages a:hover,
#menu a:hover,
.navigationbar a:hover,
.navigationbar span:hover,
.here {
	color: #000000;
}

#menu {
	text-transform: none;
	margin-bottom: 60px;
	border-top: 30;
}

#menu > li {
	font-size: 12px;
	line-height: 20px;
}

#menu > li > ul {
	margin-bottom: 4px;
	margin-top: 4px;
}

#menu li li {
	font-size: 12px;
	line-height: 18px;
	margin-left: 30px;
}

#content {
	left: 220px;
	padding-top: 93px;
	position: absolute;
	top: 30px;
	width: 654px;
}

h1,
#h1-back {
	left: 220px;
	position: absolute;
	top: 30px;
	width: 645px;
}

#logo {
	background-image: url(../elements/OM.jpg);
	margin-bottom: 26px;
	width: 205px;
	height: 400px;
	padding-bottom: 100px;
}

#logo a {
	display: block;
	overflow: hidden;
}

h1,
#logo {
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index: 1;
}

#h1-back {
	background: url(/elements/back.png);
	z-index: 1;
}

h1,
#h1-back,
#logo,
#logo a {
	height: 62px;
}

#logo_subtext {
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	left: 0;
	line-height: 18px;
	position: absolute;
	top: 64px;
}

#languages {
	filter: alpha(opacity = 50);
	font-size: 12px;
	left: 0;
	line-height: 14px;
	position: absolute;
	text-transform: uppercase;
	top: -7px;
}

#applicationform select,
input[type=text] {
	border: 1px solid #231f20;
	padding: 4px 27px 2px 4px;
}

#widgets {
	height: 80px;
	left: 0;
	padding-top: 9px;
	position: absolute;
}

#search {
	margin-bottom: 8px;
}

#search label,
#subscribe label {
	color: #999;
	cursor: text;
	margin-left: 6px;
	margin-top: 6px;
	position: absolute;
}

#search button[type=submit],
#subscribe button[type=submit] {
	background: transparent;
	color: #999;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	height: 22px;
	margin-left: -38px;
	width: 38px;
}

#search-q,
#subscribe-mail {
	width: 172px;
}

#social {
	position: absolute;
	left: 0;
	top: 69px;
}

#social img {
	width: 16px;
}

#container-fixed,
#container-scrollable {
	height: 100px;
	left: 50%;
	margin-left: -440px;
	top: 0;
	width: 900px;
}

#container-fixed {
	position: fixed;
	z-index: 1;
}

#container-scrollable {
	position: absolute;
}

#applicationform input[type="text"],
#applicationform select {
	padding-right: 4px;
	width: 300px;
}

#applicationform textarea {
	border: 1px solid #000;
	height: 75px;
	padding: 4px;
	width: 199px;
}

#applicationform dl {
	width: 450px;
}

#applicationform dt {
	clear: left;
	float: left;
	margin-right: 9px;
}

#applicationform dd {
	float: left;
}

#applicationform dt,
#applicationform dd {
	margin-bottom: 9px;
	width: 209px;
}

#applicationform button {
	background: #f0f0f0;
	border: 1px solid #000;
	height: 20px;
	width: 209px;
}

#applicationform select {
	width: 209px;
}

#newsitem .text,
#project .text.right,
#text .text {
	margin-right: 0;
}

input[type=checkbox],
input[type=radio] {
	margin-right: 10px;
}

label.missing {
	color: #f00;
}

#statement {
	width: 700px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding-left: 20px;
	text-align: left;
}

#statement img {
	display: block;
	float: top;
	margin-right: 100px;
}

#submenu {
	left: 0px;
	position: center;
	top: 123px;
	width: 180px;
}

#submenu ul li a {
	text-transform: uppercase;
}

#submenu ul li a:hover {
	font-weight: bold;
}

#welcomecn,
#welcomecn-image {
	left: 0;
	position: absolute;
	top: 0;
}

#welcomecn {
	height: 100%;
	overflow: hidden;
	width: 100%;
	z-index: 1000;
}

#welcomecn-text {
	display: block;
	height: 500px;
	left: 50%;
	margin-left: -373px;
	margin-top: -250px;
	position: absolute;
	top: 50%;
	width: 746px;
}

.spacer {
	font-size: 6px;
}
