html, body {
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
	background-color: #262626;
	font-size: 12px;
	color: #bbb;
	font-family: Arial;
}

img {
	pointer-events: none;
}

.wrap {
	position: relative;
	padding-left: 25px !important;
	padding-right: 25px !important;
	width: 100%;
}

a {
	color: #999;
	text-decoration: none !important;
	outline: none !important;
}

	a:hover, a:focus {
		color: #3b6d3c !important;
	}

.logo {
	position: absolute;
	top: -24px;
	left: 25px;
}

.topbar {
	overflow: hidden;
	list-style: none;
	margin: 60px -1% 25px;
	padding: 0;
}

	.topbar > li {
		position:relative;
		float: left;
		width: 18%;
		margin: 0 1%;
		padding: 0;
	}

	.topbar > .languagebar {
		position: relative;
	}

		.topbar > .languagebar a {
			float: left;
			height: 22px;
			line-height: 22px;
			width: 49%;
			margin: 0 0 0 2%;
			background-color: #363636;
			text-align: center;
			color: #777777;
		}

			.topbar > .languagebar a:first-child {
				margin-left: 0;
			}

			.topbar > .languagebar a:hover {
				color: #ffffff;
			}

		.topbar > .languagebar .active {
			color: #aaaaaa !important;
			cursor: default;
		}

	.topbar > .searchbox {
		position: relative;
	}

		.topbar > .searchbox input {
			margin: 0;
			padding: 0 25px 0 10px;
			height: 22px;
			line-height: 22px;
			width: 100%;
			background-color: #424242;
			border: 0;
			color: #999999;
		}

		.topbar > .searchbox .glyphicon {
			position: absolute;
			top: 0;
			right: 5px;
			height: 22px;
			line-height: 22px;
		}

.mainmenu {
	overflow: hidden;
	list-style: none;
	margin: 0 -1%;
	padding: 0;
}

	.mainmenu > li {
		float: left;
		width: 18%;
		margin: 0 1%;
	}

		.mainmenu > li > a {
			display: block;
			line-height: 30px;
			border-bottom: 1px #626262 solid;
			color: #3b6d3c;
			font-weight: bold;
			font-size: 13px;
		}

		.mainmenu > li > ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: none;
		}

			.mainmenu > li > ul > li {
			}

				.mainmenu > li > ul > li > a {
					display: block;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					line-height: 30px;
					border-bottom: 1px #3b3b3b solid;
					color: #999999;
				}

	.mainmenu a:hover {
		color: #ccc;
	}

.projectnav {
	margin-top: 40px;
}

	.projectnav .title {
		float: left;
		margin: 0 60px 0 0;
		padding: 0;
		font-size: 24px;
		color: #bbbbbb;
	}

	.projectnav a {
		float: left;
		padding: 0 15px;
		height: 22px;
		line-height: 18px;
		min-width: 130px;
		border: 1px #5a5a5a solid;
		border-left-width: 0;
		text-align: center;
		color: #999999;
	}

		.projectnav a:first-child {
			border-left-width: 1px;
		}

		.projectnav a.active {
			border-color: #3b6d3c;
			background-color: #3b6d3c;
			color: #ffffff;
		}

		.projectnav a:hover {
			color: #ffffff;
		}

.projectlist {
	position: relative;
	margin: 30px 0 0;
}

	.projectlist .grid_list {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 0.75em;
		line-height: 1.25em;
		color: #FFF;
	}

		.projectlist .grid_list .grid {
			position: absolute;
		}

			.projectlist .grid_list .grid a {
				display: block;
				position: relative;
				background: #666;
				overflow: hidden;
				width: 100%;
				height: 100%;
				text-decoration: none;
			}

				.projectlist .grid_list .grid a .imgbox {
					position: absolute;
					left: 0;
					top: 0%;
					background: url(loader5.gif) center no-repeat;
				}

					.projectlist .grid_list .grid a .imgbox.loaded {
						background: none;
					}

				.projectlist .grid_list .grid a .info {
					position: absolute;
					left: -80%;
					bottom: 20px;
					padding: 10px 20px;
					max-width: 80%;
					line-height: 1.2;
					border-right: 10px #3b6d3c solid;
					background-color: #000000;
					color: #ffffff;
					font-size: 14px;
					opacity: 0.8;
					transition: left 1.5s;
					box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
				}

				.projectlist .grid_list .grid a:hover .info {
					left: 0;
				}

.projectdetail {
	margin-top: 40px;
}

	.projectdetail > .name {
		margin-bottom: 10px;
		font-size: 24px;
		color: #3c6e3d;
	}

	.projectdetail > .summary {
		margin-bottom: 10px;
		color: #cccccc;
	}

		.projectdetail > .summary span {
			padding-right: 30px;
		}

	.projectdetail > .detail {
		margin-bottom: 20px;
		width: 59%;
		line-height: 1.8em;
	}

.project_imagelist {
	margin-bottom: 50px;
	width: 100%;
	height: 500px;
}

	.project_imagelist ul {
		position: relative;
		display: table;
		list-style: none;
		margin: 0;
		padding: 0;
		height: 100%;
	}

		.project_imagelist ul li {
			display: table-cell;
			padding: 0 0 0 10px;
		}

			.project_imagelist ul li img {
				cursor: pointer;
			}

			.project_imagelist ul li:first-child {
				padding-left: 25px;
			}

.footer {
	margin: 35px 0 50px;
	color: #888;
}

	.footer:before {
		content: " ";
		display: block;
		margin-bottom: 5px;
		border-top: 1px #444 solid;
	}

.content-detail {
	padding: 30px 0 20px;
}

	.content-detail .name {
		margin: 0 0 10px;
		padding: 0;
		font-size: 20px;
		font-weight: normal;
		color: #538954;
	}

	.content-detail .detail {
		width: 80%;
	}

.peoplelist {
	margin: 30px 15px 0;
}

	.peoplelist > div {
		margin: 10px 0;
		padding: 0 10px;
	}

	.peoplelist .people {
		position: relative;
		width: 100%;
	}

		.peoplelist .people .info {
			position: absolute;
			padding: 8px 15px;
			width: 100%;
			background-color: rgba(0,0,0,0.6);
			color: #eee;
		}

		.peoplelist .people .name {
			text-transform: uppercase;
		}

		.peoplelist .people .jobtitle {
			padding: 5px 0;
		}

		.peoplelist .people .detail {
			color: #ddd;
		}

		.peoplelist .people .image {
			width: 100%;
		}

		.peoplelist .people:hover .moreinfo {
			max-height: 1000px;
		}

		.peoplelist .people:hover .name {
			color: #5a8f5b;
		}

		.peoplelist .people .moreinfo {
			overflow: hidden;
			max-height: 0;
			transition: max-height 2s;
		}

.socialmenu {
	position:absolute;
	right:0;
	text-align: right;
	white-space:nowrap;
}

	.socialmenu a {
		display: inline-block;
		margin-left: 5px;
		font-size: 18px;
		color: #777;
	}

.newslist {
	margin: 30px 15px 0;
}

	.newslist .title {
		margin: 0 15px 10px;
		padding: 0;
		font-size: 24px;
		color: #bbbbbb;
	}

	.newslist > div {
		margin: 10px 0;
		padding: 0 10px;
	}

	.newslist .news {
		display: block;
		width: 100%;
	}

		.newslist .news .name {
			display: block;
			overflow: hidden;
			height: 54px;
			padding: 10px 20px;
			background-color: #181818;
		}

		.newslist .news .image {
			width: 100%;
		}

.newsdetail {
	margin: 30px 0;
	width: 80%;
}

	.newsdetail .title {
		margin: 0 0 10px;
		padding: 0;
		font-size: 24px;
		color: #bbbbbb;
	}

	.newsdetail .name {
		margin: 0 0 10px;
		padding: 0;
		font-size: 20px;
		font-weight: normal;
		color: #538954;
	}

	.newsdetail .detail {
	}

/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}

.jssorb01 div {
	background-color: #469358;
}

	.jssorb01 div:hover, .jssorb01 .av:hover {
		background-color: #d3d3d3;
	}

.jssorb01 .av {
	background-color: #fff;
}

.jssorb01 .dn, .jssorb01 .dn:hover {
	background-color: #555555;
}

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(a17.png) no-repeat;
	overflow: hidden;
}

.jssora05l {
	background-image:url(arrow-left.png);
	opacity:0.5;
}

.jssora05r {
	background-image:url(arrow-right.png);
	opacity:0.5;
}

.jssora05l:hover {
	background-image:url(arrow-left.png);
	opacity:1;
}

.jssora05r:hover {
	background-image:url(arrow-right.png);
	opacity:1;
}

.jssora05ldn {
	background-image:url(arrow-left.png);
}

.jssora05rdn {
	background-image:url(arrow-right.png);
}

.jssort01 .w {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.jssort01 .c {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 68px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
	background: url(/img//t01.png) center center;
	border-width: 0;
	top: 0;
	left: 0;
	width: 68px;
	height: 68px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
	top: 0;
	left: 0;
	width: 68px;
	height: 68px;
}