@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background-color: #202020;
}
#wrapper{
	width: 980px;
	margin: 0px auto;
	height: auto;
	overflow: auto;
	}
#header{
	width:980px;
	height:110px;
	}
#logo{
	width:173px;
	height:62px;
	float:left;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	margin:24px 0px 24px 24px;
	padding:0px;
	}
#navigation{
	float:right;
	width:755px;
	height:70px;
	margin:19px 0px 19px 0px;
	padding:0px;
	background-color:#202020;
	}
.menu{
	margin:0px;
	padding:0px;
	list-style:none;
	margin:24px 0px 0px 25px;
	}
.menu li{
	margin:0px;
	padding:0px;
	display:inline;
	}
.menu li a{
	margin: 0px 0px 0px 0px;
	padding: 7px 6px;
	background-color: #666666;
	display: inline;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
#left_area{
	width:248px;
	height:auto;
	overflow:auto;
	float:left;
	background-color:#858585;
	margin:0px 0px 0px 23px;
	}
#left_area2{
	width: 248px;
	height: auto;
	overflow: auto;
	float: left;
	border-radius: 10px;
	border:#666 1px solid;
	background-color: #EBEBEB;
	margin: 47px 0px 0px 23px;
	background-image: url(images/left-panel-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;

	}
.left-img1{
	width:199px;
	height:265px;
	margin:25px 0px 30px 25px;
	}
.left-img2{
	width:199px;
	height:371px;
	margin:25px 0px 25px 25px;
	}
#right_area{
	width:248px;
	height:auto;
	overflow:auto;
	float:left;
	background-color:#858585;
	margin:0px 0px 0px 20px;
	padding:0px;
	}
#right_area h1{
	font-size:14px;
	color:#FFBC2D;
	border-bottom:#FFBC2D 1px solid;
	margin:10px 20px;
	padding:0px 0px 5px 0px;
	font-family:Verdana, Geneva, sans-serif;	
	}
#view {
	background-color:#FFBC2D;
	padding:10px 0px;
	margin:0px 0px 40px 20px;
	width:208px;
	float:left;
	text-align:center;
	}
#view a {		
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
		font-size:14px;
		color:#000;
		}
.awards{
	width:207px;
	padding:0px;
	margin:0px 0px 0px 20px;
	background-color:#adadad;
	border:#ccc 1px solid;
	float:left;
		}
.awards p{
	font-size:11px;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	padding:18px 12px;
	text-align:center;
	}
#award{
	padding:10px;
	margin:0px 0px 25px 20px;
	float:left;
	background-color:#FFBC2D;
	width:189px;
	text-align:center;
	}
#award a {		
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
		font-size:12px;
		color:#000;		
		padding:10px 10px;
		margin:0px;
		}
#body_content{
	width:672px;
	height:auto;
	overflow:auto;
	margin:0px 0px 0px 10px;
	padding:0px;
	float:right;
	}
#body_content p{
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 0px auto 10px auto;
	}
#body_content a{
	font-size:13px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	text-decoration:none;
	}
#body_content h1{
	font-size: 26px;
	font-weight: normal;
	color: #B0E6FF;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
	margin:0px 0px 20px 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
#body_content h2{
	font-size: 16px;
	font-weight: normal;
	color: #FFCC00;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	padding: 0px;
	margin: 20px 0px 10px 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#main_body{
	width:400px;
	height:auto;
	overflow:auto;
	margin:0px 0px 0px 20px;
	padding:0px;
	float:left;
	}
#main_body p{
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	}

#main_body h1{
	font-size:20px;
	font-weight:normal;
	color:#DEDEDE;
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
	padding:0px;
	margin:0px;
	}
.readmore{
		font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
		font-size:12px;
		color:#fff;	
		border:#ccc 1px solid;	
		padding:6px 15px;
		margin:10px 0px 0px 0px;
		background-color:#5B5B5B;
	}
#main-hd h2{
	font-family: Verdana, Geneva, sans-serif;
	color: #FFBC2D;
	text-align: center;
	width: 300px;
	font-weight: 400;
	line-height: 35px;
	margin:65px 0px 0px 50px;
	}
#footer_widget{
	width:980px;
	height:auto;
	overflow:auto;
	background-color:#363636;
	float:left;
	margin:40px 0px 20px 0px;
	}
#design{
	float: left;
	width: 330px;
	height: 154px;
	margin:10px 0px 10px 10px;
	border-right:#7D7460 1px solid;
	}
#design p{
	font-size:12px;
	color:#DEDEDE;
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
	padding:0px 30px;
	margin:0px;
	}
#design h1{
	font-size: 25px;
	font-weight: normal;
	color: #FFC;
	width:40px;
	height:42px;
	background-image: url(images/design-icon.png);
	background-repeat: no-repeat;
	background-position: 33px -1px;
	padding: 0px 0px 0px 90px;
	font-family: Verdana, Geneva, sans-serif;
	margin:20px 0px 10px 0px;
	}
#design h2{
	font-size: 25px;
	font-weight: normal;
	color: #FFC;
	width:40px;
	height:42px;
	background-image: url(images/research-icon.png);
	background-repeat: no-repeat;
	background-position: 33px -1px;
	padding: 0px 0px 0px 90px;
	margin:20px 0px 10px 0px;
	font-family: Verdana, Geneva, sans-serif;
	}
#design h3{
	font-size: 25px;
	font-weight: normal;
	color: #FFC;
	width:40px;
	height:42px;
	background-image: url(images/eng-icon.png);
	background-repeat: no-repeat;
	background-position: 33px -1px;
	padding: 0px 0px 0px 90px;
	margin:20px 0px 10px 0px;
	font-family: Verdana, Geneva, sans-serif;
	}
#footer{
	margin-left:125px;
	padding:0px;
	width:730px;
	float:left;
	}
.foot_menu{
	margin:0px;
	padding:0px;
	list-style:none;
	margin:0px 0px 5px 0px;
	}
.foot_menu li{
	margin:0px;
	padding:0px;
	display:inline;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	}
.foot_menu li a{
	margin:0px 3px;
	display:inline;
	text-decoration:none;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	}
.copyright{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:center;
	margin:0px 0px 15px 292px;
	float:left;
	}
#left_area p{
	font-size: 14px;
	color: #005F8C;
	margin: 10px 20px;
	padding: 0px 0px 5px 0px;
	font-family: Verdana, Geneva, sans-serif;
	}
#left_area2 p{
	font-size: 14px;
	color: #005F8C;
	margin: 10px 20px;
	padding: 0px 0px 5px 0px;
	font-family: Verdana, Geneva, sans-serif;
	}
.left_menu {
	margin:0px;
	padding:0px;
	}
.left_menu li{
	margin: 15px 10px 15px 10px;
	list-style: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-image: url(images/left-arrow.png);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	font-weight: bolder;	
	}
.left_menu li a{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
}
.left_menu h1{
	font-size: 22px;
	font-weight: normal;
	color: #FFC;
	padding: 0px 0px 10px 10px;
	font-family: arial, Geneva, sans-serif;
	margin:20px 10px 10px 10px;
	border-bottom:#CCC 1px solid;
	}
.list {
	margin:0px;
	padding:0px;
	}
.list li{
	margin-left: 10px;
	list-style: none;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/dot.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	color: #FFCC00;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	}

#wrapper #body_content p strong {
	color: #FFCC00;
	text-align: left;
}
.health-box{
	width: 290px;
	padding: 10px;
	margin: 0px 20px 20px 0px;
	background-color: #4B4B4B;
	float: left;
	}
.health-box h4{
	font-size: 13px;
	font-weight: 700;
	color: #FFCC00;
	padding: 0px 0px 10px 10px;
	font-family: Verdana, Geneva, sans-serif;
	margin:0px 0px 10px 0px;
	text-align:left;
	border-bottom:#EBB135 1px solid;
	}
.health{
	margin:0px;
	padding:0px;
	}
.health li{
	margin-left: 0px;
	list-style: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
.text p {
	font-size: 14px;
	color: #fff;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	white-space: normal;
	}
.text h5 {
	font-size: 14px;
	color: #efefef;
	font-weight:normal;
	margin:0px;
	padding: 7px 10px 7px 10px;
	font-family: Verdana, Geneva, sans-serif;
	text-align:center;
	}
	#wrapper #body_content .text tr td table tr td .example-image-link .example-image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.data_li {
	margin:0px;
	padding:0px;
	}
.data_li li{
	margin-left: 30px;
	list-style: disc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
.back a{
	background-color:#5E5E5E;
	padding:5px 15px;
	color:#fff;
	margin:0px 0px 10px 0px;
	}
.back a:hover {
	background-color:#595959;
	padding:5px 15px;
	color:#fff;
	margin:0px 0px 10px 0px;
	}

.proj ul{
	margin:0px;
	padding:0px;
	}
.proj li{
	margin:0px;
	list-style: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F9BB00;
	padding: 3px 0px 3px 0px;
	}
.proj li a{
	margin: 10px 0px 10px 30px;
	list-style: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F9BB00;
	padding: 0px 0px 0px 15px;
	background-image: url(images/proj.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	}
#proj-bg{
	background-image:url(images/proj-%20bg.png);
	background-repeat:no-repeat;
	border:#999 1px solid;}