* {
	margin:0;
	padding:0
}
body {
	font:63%/1.231 arial, "新細明體";
	color:#fff
}
a {
	outline-style:none
}
ul, ol {
	list-style:none
}
img {
	border:0
}
object {
	outline:0

}
address {
	font-style:normal
}
html, body {
	height:100%
}
#wrap {
	position:relative;
	color:#090909;
	width:100%;
	z-index:1;
	padding-bottom:22px;
	font-size:1.4em;
	min-width:950px
}
#background {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
#background p {
	top:-50%;
	left:-50%;
	width:200%;
	height:200%
}
#background img {
	display:block;
	min-height:50%;
	min-width:50%
}
#header {
	position:absolute;
	top:13px;
	right:30px
}
#header .logo img {
	display:none

}
#nav {
	padding-top:90px
}
#nav>ul {
	width:720px;
	height:26px;
	background:transparent url(../images/layout/main-nav.png) 0 0 no-repeat
}
#nav>ul>li {
	float:left
}
#nav li.about {
	width:117px
}
#nav li.about.current a.summary {
	background-position:0 -52px
}
#nav li.about:hover a.summary {
	background-position:0 -26px
}
#nav li.about li.third {
	margin-top:3px;
	padding-top:7px;
	background:transparent url(../images/layout/t-line.png) 10px 0 no-repeat
}
#nav li.about li.third ul {
	padding-top:0
}
#nav li.about li.third ul a {
	width:101px;
	padding-left:38px;
	background:transparent url(../images/layout/t-dot.png) 28px 7px no-repeat
}
#nav li.location {
	width:114px
}
#nav li.location.current a.summary {
	background-position:-117px -52px
}
#nav li.location:hover a.summary {
	background-position:-117px -26px
}
#nav li.exp {
	width:112px
}
#nav li.exp.current a.summary {
	background-position:-231px -52px
}
#nav li.exp:hover a.summary {
	background-position:-231px -26px
}
#nav li.project {
	width:107px
}
#nav li.project.current a.summary {
	background-position:-343px -52px
}
#nav li.project:hover a.summary {
	background-position:-343px -26px
}
#nav li.sustainability {
	width:147px
}
#nav li.sustainability.current a.summary {
	background-position:-450px -52px
}
#nav li.sustainability:hover a.summary {
	background-position:-450px -26px
}
#nav li.contact {
	width:123px
}
#nav li.contact.current a.summary {
	background-position:-597px -52px
}
#nav li.contact:hover a.summary {
	background-position:-597px -26px
}
#nav li:hover a.summary, #nav li.current a.summary {
	background-image:url(../images/layout/main-nav.png);
	background-color:transparent;
	background-repeat:no-repeat
}
#nav a {
	display:block
}
#nav a.summary {
	width:100%;
	height:26px;
	text-indent:-999em
}
#nav div.sub {
	position:absolute;
	display:none;
	z-index:10;
	width:159px;
	background-image:url(#);
	font-size:0.84615384615385em;
	line-height:1.6363636363636
}
#nav div.sub:after {
	content:".";
	text-indent:-999em;
	display:block;
	width:159px;
	height:36px;
	background:transparent url(../images/layout/nav-sub-bottom.png) 0 0 no-repeat
}
#nav div.sub ul {
	padding-top:8px;
	background:transparent url(../images/layout/nav-sub-b.png) 0 0 repeat-y
}
#nav div.sub ul a {
	position:relative;
	width:119px;
	padding-left:20px;
	padding-right:20px;
	color:#444;
	text-decoration:none
}
#nav div.sub ul a:hover {
	color:#ff8c47;
	text-decoration:underline
}
#nav div.sub ul a.disable:hover {
	color:#444;
	text-decoration:none
}
#nav, #main, #footer .header {
	margin-left:84px
}
#nav-index {
	padding-top:90px
}
#nav-index>ul {
	width:720px;
	height:26px;
	background:transparent url(../images/layout/main-nav-index.png) 0 0 no-repeat
}
#nav-index>ul>li {
	float:left
}
#nav-index li.about {
	width:117px
}
#nav-index li.about.current a.summary {
	background-position:0 -52px
}
#nav-index li.about:hover a.summary {
	background-position:0 -26px
}
#nav-index li.location {
	width:114px
}
#nav-index li.location.current a.summary {
	background-position:-117px -52px
}
#nav-index li.location:hover a.summary {
	background-position:-117px -26px
}
#nav-index li.exp {
	width:112px
}
#nav-index li.exp.current a.summary {
	background-position:-231px -52px
}
#nav-index li.exp:hover a.summary {
	background-position:-231px -26px
}
#nav-index li.project {
	width:107px
}
#nav-index li.project.current a.summary {
	background-position:-343px -52px
}
#nav-index li.project:hover a.summary {
	background-position:-343px -26px
}
#nav-index li.sustainability {
	width:147px
}
#nav-index li.sustainability.current a.summary {
	background-position:-450px -52px
}
#nav-index li.sustainability:hover a.summary {
	background-position:-450px -26px
}
#nav-index li.contact {
	width:123px
}
#nav-index li.contact.current a.summary {
	background-position:-597px -52px
}
#nav-index li.contact:hover a.summary {
	background-position:-597px -26px
}
#nav-index li:hover a.summary, #nav-index li.current a.summary {
	background-image:url(../images/layout/main-nav-index.png);
	background-color:transparent;
	background-repeat:no-repeat
}
#nav-index a {
	display:block
}
#nav-index a.summary {
	width:100%;
	height:26px;
	text-indent:-999em
}
#nav-index div.sub {
	position:absolute;
	display:none;
	z-index:10;
	width:159px;
	background-image:url(#);
	font-size:0.84615384615385em;
	line-height:1.6363636363636
}
#nav-index div.sub:after {
	content:".";
	text-indent:-999em;
	display:block;
	width:159px;
	height:36px;
	background:transparent url(../images/layout/nav-index-sub-bottom.png) 0 0 no-repeat
}
#nav-index div.sub ul {
	padding-top:8px;
	background:transparent url(../images/layout/nav-index-sub-b.png) 0 0 repeat-y
}
#nav-index div.sub ul a {
	position:relative;
	width:119px;
	padding-left:20px;
	padding-right:20px;
	color:#444;
	text-decoration:none
}
#nav-index div.sub ul a:hover {
	color:#ff8c47;
	text-decoration:underline
}
#nav-index, #main, #footer .header {
	margin-left:84px
}
#main {
	position:relative;
	margin-top:30px;
	padding-top:3px
}
#main .article, #main .nav {
	margin-top:20px
}
#main .article {
	width:500px;
	height:236px;
	float:left;
	padding:10px 14px 10px 8px;
	overflow:hidden;
	position:relative;
	background:transparent url(../images/layout/box-bg_01.png) 0 0 repeat;
	line-height:1.3846153846154
}
#main .article p {
	margin-top:20px
}
#main .article p:first-child {
	margin-top:0
}
#main .article a {
	color:#da7410
}
#main .article a.url {
	text-decoration:underline
}
#main .article .contents {
	padding-right:8px;
	height:232px
}
#main .article .jScrollPaneTrack {
	background-color:#fff
}
#main .article .jScrollPaneDrag {
	background-color:#434343
}
#main .nav {
	float:left;
	display:inline;
	margin-left:12px;
    font-family: "Helvetica", "sans-serif";
	width:185px;
    font-weight:100;
	height:256px;
	background:transparent url(../images/layout/box-bg_01.png) 0 0 repeat;
	font-size:0.84615384615385em;
	line-height:1.7363636363636
}
#main .nav ul {
	padding-top:6px;
	margin-left:12px;
	margin-right:10px
}
#main .nav li {
	width:161px;
	padding:2px 0 2px 2px;
	border-top:1px solid #c8bebd;
}
#main .nav li:first-child {
	border-top:0;
}
#main .nav a {
	line-height:1.23636;
	color:#787471;
	text-decoration:none
}
#main .nav a:hover {
	color:#DB780B;
	text-decoration:underline
}
#main .nav a.current {
	color:#DB780B;
	text-decoration:none
}
h1 img, h2 img, h3 img {
	vertical-align:bottom
}
h2.header {
	font-size:3.8461538461538em;
	font-family:Vegur, Arial
}
h3.sub-header {
	font-size:2.3076923076923em;
	font-family:Vegur, Arial;
	margin-left:8px
}
#footer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:21px;
	line-height:21px;
	background:transparent url(../images/layout/footer-bg.png) 0 0 repeat;
	z-index:1;
	font-size:1.1em;
	letter-spacing:.05em;
	min-width:950px
}
#footer .header, #footer .footer {
	position:absolute;
	top:0
}
#footer .header {
	color:#ddd
}
#footer .header .company {
	color:#74b352;
	text-transform:uppercase;
	font-weight:bolder
}
#footer .nav {
	width:100%;
	height:100%;
	position:relative;
	color:#e2e2e4
}
#footer .nav>ul {
	position:relative;
	float:left;
	left:618px;
	height:14px;
	line-height:14px
}
#footer .nav>ul>li {
	position:relative;
	float:left;
	display:inline;
	margin-left:5px;
	padding-top:3px
}
#footer .nav > ul li.zh {
	margin-left:0;
	padding-left:0
}
#footer .nav > ul li.zh .summary {
	border:0;
	padding-left:0
}
#footer .nav > ul .summary {
	padding-left:8px;
	border-left:1px solid #e2e2e4
}
#footer .nav a {
	color:#e2e2e4;
	text-decoration:none
}
#footer .nav a:hover {
	text-decoration:underline
}
#footer .nav .sub {
	position:absolute;
	display:none;
	width:40px;
	margin-top:-50px;
	left:10px;
	color:#333;
	border-left:1px solid #333;
	line-height:1.5;
	background-image:url(#)
}
#footer .nav .sub li {
	padding-left:12px;
	margin-left:0;
	border:0;
	top:-8px;
	position:relative;
	background:transparent url(../images/layout/lang-line.png) 0 8px no-repeat
}
#footer .nav .sub a {
	color:#333;
	text-decoration:none
}
#footer .nav .sub a:hover {
	text-decoration:underline
}
#footer .footer {
	right:46px;
	color:#a4a5aa
}
#footer .footer a {
	color:#db780b;
	text-decoration:none
}
#footer .footer a:hover {
	text-decoration:underline
}
* html .clearfix {
	height:1%
}
*+html .clearfix {
	display:inline-block
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.home-page .intro {
	margin-top:20px;
	width:1061px;
	padding:32px 0 18px 38px;
	background:transparent url(../images/home/box-bg.png) 0 0 repeat;
	font-size:0.92307692307692em;
	line-height:1.5
}
.home-page .intro .lang {
	float:left;
	width:100px;
	margin-top:18px
}
.home-page .intro .lang dt {
	font-size:1.1666666666667em;
	font-weight:bolder;
	text-transform:uppercase;
	margin-bottom:6px
}
.home-page .intro .lang dd.current a {
	color:#ffae00;
	text-decoration:underline
}
.home-page .intro .lang a {
	color:#b0afaf;
	text-decoration:none
}
.home-page .intro .lang a:hover {
	color:#ffae00;
	text-decoration:underline
}
.home-page .intro .aside {
	float:right;
	width:826px
}
.home-page .intro .aside .section {
	float:left;
	display:inline;
	width:259px;
	margin-left:12px
}
.home-page .intro .aside h3 {
	margin-top:6px;
	font-size:1em
}
.about-page .jcarousel-skin-tango .jcarousel-container {
	border:0;
	background:transparent
}
.about-page .jcarousel-skin-tango .jcarousel-next-horizontal {
	right:-19px
}
.about-page .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left:-19px
}
.about-page #team-list {
	font-size:0.84307692307692em;
    font-weight: 600;
	line-height:1.5;
	margin-top:20px
}
.about-page #team-list .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:965px;
	padding:0
}
.about-page #team-list .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:965px;
	height:auto
}
.about-page #team-list .jcarousel-skin-tango .jcarousel-item {
	width:154px;
	height:auto
}
.about-page #team-list .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:8px
}
.about-page #team-list .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #team-list .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:125px
}
.about-page #team-list a.photo {
	display:block;
	position:relative;
	width:100%;
	height:277px;
	overflow:hidden;
	margin-bottom:4px
}
.about-page #team-list a.photo img {
	display:block
}
.about-page #team-list a.photo .color {
	position:absolute;
	top:0;
	left:0;
	display:none
}
.about-page #team-list span.description {
	margin-left:8px
}
.about-page #self-info {
	width:900px;
	height:372px;
	overflow:hidden;
	margin-top:40px;
	margin-left:84px
}
.about-page #self-info .aside {
	float:right;
	width:475px
}
.about-page #self-info .aside h2 {
	margin-left:8px
}
.about-page #self-info .aside .contents {
	margin-top:-2px;
	padding:20px 10px;
	background:transparent url(../images/about/box-bg.png) 0 0 repeat
}
.about-page #self-info .aside .contents .box {
	height:310px;
	font-size:0.92307692307692em;
	line-height:1.5
}
.about-page #self-info .aside .contents .box h3, .about-page #self-info .aside .contents .box h4 {
	margin-bottom:-20px
}
.about-page #self-info .aside .contents .box h3 {
	font-size:2em
}
.about-page #self-info .aside .contents .box h4 {
	font-size:1em;
	margin-top:20px
}
.about-page #self-info .aside .contents .box p {
	margin-top:20px
}
.about-page #self-info .aside .contents .jScrollPaneTrack {
	background-color:#FFF
}
.about-page #self-info .aside .contents .jScrollPaneDrag {
	background-color:#434343
}
.about-page #self-info .gallery {
	margin-top:28px;
	float:left;
	width:402px
}
.about-page #self-info .gallery p.back {
	margin-top:8px
}
.about-page #self-info .gallery p.back a {
	background-color:#5e5e5e;
	display:block;
	width:45px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size:0.76923076923077em;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase
}
.about-page #self-info .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:100%;
	padding:0
}
.about-page #self-info .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:100%;
	height:auto
}
.about-page #self-info .jcarousel-skin-tango .jcarousel-item {
	width:402px;
	height:auto
}
.about-page #self-info .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:0
}
.about-page #self-info .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #self-info .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:138px
}
.team-page .jcarousel-skin-tango .jcarousel-container {
	border:0;
	background:transparent
}
.team-page .jcarousel-skin-tango .jcarousel-next-horizontal {
	right:-19px
}
.team-page .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left:-19px
}
.team-page #team-list {
	font-size:0.84307692307692em;
    font-weight: 600;
	line-height:1.5;
	margin-top:20px
}
.team-page #team-list .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:965px;
	padding:0
}
.team-page #team-list .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:965px;
	height:auto
}
.team-page #team-list .jcarousel-skin-tango .jcarousel-item {
	width:154px;
	height:auto
}
.team-page #team-list .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:8px
}
.team-page #team-list .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #team-list .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:125px
}
.team-page #team-list a.photo {
	display:block;
	position:relative;
	width:100%;
	height:277px;
	overflow:hidden;
	margin-bottom:4px
}
.team-page #team-list a.photo img {
	display:block
}
.team-page #team-list a.photo .color {
	position:absolute;
	top:0;
	left:0;
	display:none
}
.team-page #team-list span.description {
	margin-left:8px
}
.team-page #self-info {
	width:900px;
	margin-top:40px;
	margin-left:84px
}
.team-page #self-info .aside {
	float:right;
	width:475px
}
.team-page #self-info .aside h2 {
	margin-left:8px
}
.team-page #self-info .aside .contents {
	margin-top:-2px;
	padding:20px 10px;
	background:transparent url(../images/about/box-teambg.png) 0 0 repeat
}
.team-page #self-info .aside .contents .box {
	height:310px;
	font-size:0.92307692307692em;
	line-height:1.5
}
.team-page #self-info .aside .contents .box h3, .about-page #self-info .aside .contents .box h4 {
	margin-bottom:-20px
}
.team-page #self-info .aside .contents .box h3 {
	font-size:2em
}
.team-page #self-info .aside .contents .box h4 {
	font-size:1em;
	margin-top:20px
}
.team-page #self-info .aside .contents .box p {
	margin-top:20px
}
.team-page #self-info .aside .contents .jScrollPaneTrack {
	background-color:#FFF
}
.team-page #self-info .aside .contents .jScrollPaneDrag {
	background-color:#434343
}
.team-page #self-info .gallery {
	margin-top:28px;
	float:left;
	width:402px
}
.team-page #self-info .gallery p.back {
	margin-top:8px
}
.team-page #self-info .gallery p.back a {
	background-color:#5e5e5e;
	display:block;
	width:45px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size:0.76923076923077em;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase
}
.team-page #self-info .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:100%;
	padding:0
}
.team-page #self-info .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:100%;
	height:auto
}
.team-page #self-info .jcarousel-skin-tango .jcarousel-item {
	width:402px;
	height:auto
}
.team-page #self-info .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:0
}
.team-page #self-info .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #self-info .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:138px
}
.projects-page #gallery {
	position:relative;
	margin-top:39px;
	overflow:hidden
}
.projects-page #gallery #slideshow-countdown {
	position:relative;
	width:999em;
}
.projects-page #gallery .list {
	margin-top:3px
}
.projects-page #gallery .list:first-child {
	margin-top:0
}
.projects-page #gallery .list li {
	float:left;
	display:inline;
	width:220px;
	margin-left:2px;
	position:relative
}
.projects-page #gallery .list li:first-child {
	margin-left:0
}
.projects-page #gallery .list a {
	display:block;
	width:100%;
	height:128px;
	position:relative;
	text-decoration:none
}
.projects-page #gallery .list .gray {
	display:block;
	width:100%;
	height:100%;
	text-indent:-999em;
	position:relative
}
.projects-page #gallery .list .gray img {
	position:absolute;
	top:0;
	left:0
}
.projects-page #gallery .list .mid, .projects-page #gallery .list .color, .projects-page #gallery .list .description {
	position:absolute;
	cursor:pointer
}
.projects-page #gallery .list .color {
	top:0;
	left:0;
	display:none
}
.projects-page #gallery .list .mid {
	display:block;
	text-indent:-999em;
	width:100%;
	height:38px;
	background-color:#00998A;
	opacity:.84;
	bottom:0;
	left:0;
	z-index:1
}
.projects-page #gallery .list .description {
	font-size:0.83615384615385em;
    font-weight: 600;
	line-height:1.2727272727273;
	color:#fff;
	width:208px;
	padding-left:6px;
	padding-right:6px;
	top:95px;
	left:0;
	z-index:2
}
.projects-page .gallery-type {
	position:absolute;
	top:559px;
	left:84px;
	border-top:1px solid #ccc;
	width:720px;
	padding-top:6px;
	padding-left:3px;
	color:#a4a4a4;
	font-size:.85714em;
}
.projects-page .gallery-type dt,
.projects-page .gallery-type dd {
	display:inline;
}
.projects-page .gallery-type dt {
	font-weight:bolder;
	margin-right:2px;
}
.projects-page .search-bar {
	position:absolute;
	top:567px;
	left:381px;
}
.projects-page .search-bar .newListSelected {
	width:82px;
	margin-left:4px;
	border:1px solid #ebeaea;
	background-position:right 0;
}
.projects-page .search-bar ul.newList,
.projects-page .search-bar .selectedTxt {
	width:90px
}
.projects-page .search-bar ul.newList {
	width:190px;
	border:1px solid #ebeaea;
	background-color:#fff
}
.projects-page .search-bar .selectedTxt {
	padding-right:0;
	color:#9e9e9e
}
.projects-page .search-bar #itemKeyword {
	width:163px;
	height:15px;
	color:#9e9e9e;
	margin-left:4px;
	margin-right:2px;
	border:1px solid #ebeaea;
	vertical-align:top
}
.projects-page #photo-box {
	margin-left:90px;
	margin-top:50px
}
.projects-page #photo-box .article, .projects-page #photo-box .aside {
	float:left;
	padding-top:2px
}
.projects-page #photo-box .article {
	width:420px;
	font-size:0.92307692307692em;
	line-height:1.5;
	padding-bottom:39px
}
.projects-page #photo-box .article .preface {
	padding-top:4px;
	color:#000000;
}
.projects-page #photo-box .article .preface a:hover {
	padding-top:4px;
	color:#ED8805;
}
.projects-page #photo-box .article h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#ed8805;
	margin:2px 0;
	color:#ED8805;
}
.projects-page #photo-box .article .info {
	color:#000000;
}
.projects-page #photo-box .article .description {
	margin-top:20px;
	width:414px;
	height:232px;
	overflow:hidden
}
.projects-page #photo-box .article .description .contents {
	height:232px;
	padding-right:7px;
	color:#979797;
}
.projects-page #photo-box .article .description .jScrollPaneTrack {
	background-color:#fff
}
.projects-page #photo-box .article .description .jScrollPaneDrag {
	background-color:#434343
}
.projects-page #photo-box .aside {
	width:477px
}
.projects-page #photo-box .aside ul.list li {
	float:left;
	display:inline;
	width:150px;
	height:112px;
	overflow:hidden;
	margin-top:8px;
	margin-left:9px
}
.projects-page #photo-box .aside ul.list img {
	vertical-align:bottom
}
.projects-page #photo-box .aside ol.page {
	margin-top:24px;
	text-align:right;
	font-size:0.92307692307692em
}
.projects-page #photo-box .aside ol.page li {
	display:inline;
	margin-left:4px
}
.projects-page #photo-box .aside ol.page li:first-child {
	margin-left:0
}
.projects-page #photo-box .aside ol.page li.current {
	color:#ed8805;
	font-weight:bolder;
	text-decoration:underline
}
.projects-page #photo-box .aside ol.page a {
	color:#9A9A9A;
	text-decoration:none
}
.projects-page #photo-box .aside ol.page a:hover {
	text-decoration:underline
}
.projects-page p.back {
	position:absolute;
	bottom:20px;
	left:92px
}
.projects-page p.back a {
	display:block;
	width:43px;
	height:15px;
	line-height:15px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#5e5e5e;
	font-size:0.76923076923077em;
	padding-left:2px
}
#client-list {
	font-size:11px;
	line-height:1.6363636363636;
	margin-left:27px
}
#client-list h1 {
	font-size:2.1818181818182em;
	color:#3a3535
}
#client-list .nav {
	width:778px;
	margin-top:10px;
	position:relative
}
#client-list .nav li {
	display:inline-block;
	width:240px;
	padding-right:15px;
	vertical-align:top;
}
#client-list .nav .box {
	height:426px
}
#client-list a {
	color:#272727;
	text-decoration:none
}
#client-list a:hover {
	color:#ff9126;
	text-decoration:underline
}
.contact-page #main .preface {
	width:506px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:0.84615384615385em;
	line-height:1.6363636363636;
	margin-left:6px
}
.contact-page #main fieldset.basic, .contact-page #main fieldset.main {
	border:0;
	width:440px;
	font-size:0.92307692307692em
}
.contact-page #main .c-form {
	border-collapse:collapse;
	width:100%
}
.contact-page #main .c-form caption {
	font-weight:bolder;
	text-align:left;
	padding-left:14px
}
.contact-page #main .c-form thead, .contact-page #main .c-form tfoot {
	color:#eb7a00
}
.contact-page #main .c-form thead td, .contact-page #main .c-form tfoot td {
	text-align:right
}
.contact-page #main .c-form tbody th, .contact-page #main .c-form tbody td {
	padding-bottom:3px
}
.contact-page #main .c-form tbody th {
	font-weight:normal;
	text-align:right;
	width:126px;
	padding-right:6px
}
.contact-page #main .c-form tbody tr.request th {
	vertical-align:top
}
.contact-page #main .c-form #vendorRequest, .contact-page #main .c-form .bc-in {
	background:transparent url(../images/icon/f-box.png) 0 0 repeat;
	border:0;
	width:300px;
	padding:0 4px;
	font-size:0.91666666666667em;
	color:#090909
}
.contact-page #main .c-form #vendorRequest {
	height:49px;
	overflow:auto
}
.contact-page #main .c-form .bc-in {
	height:15px
}
.contact-page #main .c-form input[type="submit"] {
	border:0;
	background-color:transparent;
	text-decoration:none;
	color:#eb7a00;
	text-transform:uppercase;
	font-weight:bolder;
	border-bottom:1px solid #eb7a00;
	width:58px
}
/* sustain page */
.sustain-page {
	background-color:#f4f6eb;
}
.sustain-page #wrap .header,
.sustain-page #wrap .sub-header {
	font-family:Vegur,Arial;
}
.sustain-page #wrap .header {
	font-size:3.84615em;
	margin-top:30px;
	margin-left:84px;
}
.sustain-page #wrap .sub-header {
	font-size:2.30769em;
	margin-left:92px;
}
.sustain-page #gallery {
	position:relative;
	margin-top:30px;
	overflow:hidden;
	background-color:#fff;
}
.sustain-page #gallery #slideshow-countdown {
	position:relative;
	width:999em;
}
.sustain-page #gallery .list {
	margin-top:3px
}
.sustain-page #gallery .list:first-child {
	margin-top:0
}
.sustain-page #gallery .list li {
	float:left;
	display:inline;
	width:220px;
	margin-left:2px;
	position:relative
}
.sustain-page #gallery .list li:first-child {
	margin-left:0
}
.sustain-page #gallery .list a {
	display:block;
	width:100%;
	height:128px;
	position:relative;
	text-decoration:none
}
.sustain-page #gallery .list .gray {
	display:block;
	width:100%;
	height:100%;
	text-indent:-999em;
	position:relative
}
.sustain-page #gallery .list .gray img {
	position:absolute;
	top:0;
	left:0
}
.sustain-page #gallery .list .mid, .sustain-page #gallery .list .color, .sustain-page #gallery .list .description {
	position:absolute;
	cursor:pointer
}
.sustain-page #gallery .list .color {
	top:0;
	left:0;
	display:none
}
.sustain-page #gallery .list .mid {
	display:block;
	text-indent:-999em;
	width:100%;
	height:38px;
	background-color:#00998A;
	opacity:.84;
	bottom:0;
	left:0;
	z-index:1
}
.sustain-page #gallery .list .description {
	font-size:0.83615384615385em;
    font-weight: 600;
	line-height:1.2727272727273;
	color:#fff;
	width:208px;
	padding-left:6px;
	padding-right:6px;
	top:95px;
	left:0;
	z-index:2
}
.sustain-page #gallery .t-hr hr,
.sustain-page #gallery .b-hr hr {
	display:none;
}
.sustain-page #gallery .t-hr,
.sustain-page #gallery .b-hr {
	position:absolute;
	width:100%;
	left:0;
	background-color:#F4F6EB;
	height:64px;
	z-index:100;
}
.sustain-page #gallery .b-hr {
	top:64px;
}
.sustain-page #wrap .aside {
border-top:1px solid #CCCCCC;
color:#A4A4A4;
margin-left:84px;
margin-top:14px;
width:128px;
font-family:"Helvetica","sans-serif";
font-size:0.846154em;
line-height:1.73636;
padding-left:592px;
padding-top:6px;
}
.sustain-page #wrap .aside a {
color:#787471;
text-decoration:none;
}
.sustain-page #wrap .aside a:hover {
color:#DB780B;
text-decoration:underline;
}
.sustain-page #wrap .aside a.current {
color:#DB780B;
text-decoration:none;
}
/* sustain page end */
.location-page #main .preface {
	color:#000;
	font-size:0.92307692307692em;
	margin:20px 0 4px 8px
}
.location-page #main .article .contents h3 {
	font-size:1.8461538461538em
}
.location-page #main .article .contents .co-info {
	margin-top:18px;
	font-size:0.92307692307692em;
	line-height:2
}
.location-page #main .article .contents .co-info dt {
	font-weight:bolder;
	text-transform:uppercase
}
.location-page #main .article .contents .co-info a {
	color:#e9861d
}
.location-worldmap-page .jcarousel-skin-tango .jcarousel-container {
	border:0;
	background:transparent
}
.location-worldmap-page .jcarousel-skin-tango .jcarousel-next-horizontal {
	right:-19px
}
.location-worldmap-page .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left:-19px
}
.location-worldmap-page #team-list {
	font-size:0.84307692307692em;
    font-weight: 600;
	line-height:1.5;
	margin-top:20px
}
.location-worldmap-page #team-list .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:965px;
	padding:0
}
.location-worldmap-page #team-list .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:965px;
	height:auto
}
.location-worldmap-page #team-list .jcarousel-skin-tango .jcarousel-item {
	width:154px;
	height:auto
}
.location-worldmap-page #team-list .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:8px
}
.location-worldmap-page #team-list .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #team-list .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:125px
}
.location-worldmap-page #team-list a.photo {
	display:block;
	position:relative;
	width:100%;
	height:277px;
	overflow:hidden;
	margin-bottom:4px
}
.location-worldmap-page #team-list a.photo img {
	display:block
}
.location-worldmap-page #team-list a.photo .color {
	position:absolute;
	top:0;
	left:0;
	display:none
}
.location-worldmap-page #team-list span.description {
	margin-left:8px
}
.location-worldmap-page #self-info {
	width:900px;
	margin-top:40px;
	margin-left:84px
}
.location-worldmap-page #self-info .aside {
	float:right;
	width:475px
}
.location-worldmap-page #self-info .aside h2 {
	margin-left:8px
}
.location-worldmap-page #self-info .aside .contents {
	margin-top:-2px;
	padding:20px 10px;
	background:transparent url(../images/location/box-locationbg.png) 0 0 repeat
}
.location-worldmap-page #self-info .aside .contents .box {
	height:340px;
	font-size:0.92307692307692em;
	line-height:1.5
}
.location-worldmap-page #self-info .aside .contents .box h3, .about-page #self-info .aside .contents .box h4 {
	margin-bottom:-20px
}
.location-worldmap-page #self-info .aside .contents .box h3 {
	font-size:2em
}
.location-worldmap-page #self-info .aside .contents .box h4 {
	font-size:1em;
	margin-top:20px
}
.location-worldmap-page #self-info .aside .contents .box p {
	margin-top:20px
}
.location-worldmap-page #self-info .aside .contents .jScrollPaneTrack {
	background-color:#FFF
}
.location-worldmap-page #self-info .aside .contents .jScrollPaneDrag {
	background-color:#434343
}
.location-worldmap-page #self-info .gallery {
	margin-top:28px;
	float:left;
	width:402px
}
.location-worldmap-page #self-info .gallery p.back {
	margin-top:8px
}
.location-worldmap-page #self-info .gallery p.back a {
	background-color:#5e5e5e;
	display:block;
	width:45px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size:0.76923076923077em;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase
}
.location-worldmap-page #self-info .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:100%;
	padding:0
}
.location-worldmap-page #self-info .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:100%;
	height:auto
}
.location-worldmap-page #self-info .jcarousel-skin-tango .jcarousel-item {
	width:937px;
	height:auto
}
.location-worldmap-page #self-info .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:0
}
.location-worldmap-page #self-info .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #self-info .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:138px
}
.location-page #main .preface {
	color:#000;
	font-size:0.92307692307692em;
	margin:20px 0 4px 8px
}
.location-page #main .article .contents h3 {
	font-size:1.8461538461538em
}
.location-page #main .article .contents .co-info {
	margin-top:18px;
	font-size:0.92307692307692em;
	line-height:2
}
.location-page #main .article .contents .co-info dt {
	font-weight:bolder;
	text-transform:uppercase
}
.location-page #main .article .contents .co-info a {
	color:#e9861d
}
.location-detail-page .jcarousel-skin-tango .jcarousel-container {
	border:0;
	background:transparent
}
.location-detail-page .jcarousel-skin-tango .jcarousel-next-horizontal {
	right:-19px
}
.location-detail-page .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left:-19px
}
.location-detail-page #team-list {
	font-size:0.84307692307692em;
    font-weight: 600;
	line-height:1.5;
	margin-top:20px
}
.location-detail-page #team-list .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:965px;
	padding:0
}
.location-detail-page #team-list .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:965px;
	height:auto
}
.location-detail-page #team-list .jcarousel-skin-tango .jcarousel-item {
	width:154px;
	height:auto
}
.location-detail-page #team-list .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:8px
}
.location-detail-page #team-list .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #team-list .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:125px
}
.location-detail-page #team-list a.photo {
	display:block;
	position:relative;
	width:100%;
	height:277px;
	overflow:hidden;
	margin-bottom:4px
}
.location-detail-page #team-list a.photo img {
	display:block
}
.location-detail-page #team-list a.photo .color {
	position:absolute;
	top:0;
	left:0;
	display:none
}
.location-detail-page #team-list span.description {
	margin-left:8px
}
.location-detail-page #self-info {
	width:900px;
	margin-top:40px;
	margin-left:84px
}
.location-detail-page #self-info .aside {
	float:right;
	width:475px
}
.location-detail-page #self-info .aside h2 {
	margin-left:8px
}
.location-detail-page #self-info .aside .contents {
	margin-top:-2px;
	padding:20px 10px;
	background:transparent url(../images/location/box-locationbg.png) 0 0 repeat
}
.location-detail-page #self-info .aside .contents .box {
	height:340px;
	font-size:0.92307692307692em;
	line-height:1.5
}
.location-detail-page #self-info .aside .contents .box h3, .about-page #self-info .aside .contents .box h4 {
	margin-bottom:-20px
}
.location-detail-page #self-info .aside .contents .box h3 {
	font-size:2em
}
.location-detail-page #self-info .aside .contents .box h4 {
	font-size:1em;
	margin-top:20px
}
.location-detail-page #self-info .aside .contents .box p {
	margin-top:20px
}
.location-detail-page #self-info .aside .contents .jScrollPaneTrack {
	background-color:#FFF
}
.location-detail-page #self-info .aside .contents .jScrollPaneDrag {
	background-color:#434343
}
.location-detail-page #self-info .gallery {
	margin-top:28px;
	float:left;
	width:402px
}
.location-detail-page #self-info .gallery p.back {
	margin-top:8px
}
.location-detail-page #self-info .gallery p.back a {
	background-color:#5e5e5e;
	display:block;
	width:45px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size:0.76923076923077em;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase
}
.location-detail-page #self-info .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:100%;
	padding:0
}
.location-detail-page #self-info .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:100%;
	height:auto
}
.location-detail-page #self-info .jcarousel-skin-tango .jcarousel-item {
	width:402px;
	height:auto
}
.location-detail-page #self-info .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:0
}
.location-detail-page #self-info .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #self-info .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:138px
}
* html #background {
	background-position:0 0;
	background-repeat:no-repeat
}
* html #background p {
	display:none
}
* html #footer .nav .sub {
	margin-top:-36px
}
* html .contact-page #main .select-box {
	width:100%;
	position:relative
}
* html #client-list .nav li {
	display:inline
}
*+html #footer .nav .sub {
	margin-top:-36px
}
*+html #client-list .nav li {
	display:inline
}
.jcarousel-skin-tango .li {
	position:relative;
}
.jcarousel-skin-tango .mid {
	position:absolute;
	/*background-color:#FFFFFF;
*/bottom:0;
	display:block;
	height:38px;
	left:0;
	opacity:0.84;
	text-indent:-999em;
	width:100%;
	z-index:1;
	cursor:pointer;
}
.jcarousel-skin-tango a {
	text-decoration: none;
}
.jcarousel-skin-tango .photo {
	cursor:pointer;
}
.jcarousel-skin-tango .post {
	position:absolute;
	color:#090909;
	font-size:1em;
	left:0;
	line-height:12pt;
	padding-left:8px;
	padding-right:6px;
	bottom:0;
	height:38px;
	width:100%;
	opacity:0.80;
	z-index:2;
	cursor:pointer;
	background-color:#FFFFFF;
}
.ProfessionalServices-page .jcarousel-skin-tango .jcarousel-container {
	border:0;
	background:transparent
}
.ProfessionalServices-page .jcarousel-skin-tango .jcarousel-next-horizontal {
	right:-19px
}
.ProfessionalServices-page .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left:-19px
}
.ProfessionalServices-page #team-list {
	font-size:0.84307692307692em;
    font-weight: 600;
	line-height:1.5;
	margin-top:20px
}
.ProfessionalServices-page #team-list .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:965px;
	padding:0
}
.ProfessionalServices-page #team-list .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:965px;
	height:auto
}
.ProfessionalServices-page #team-list .jcarousel-skin-tango .jcarousel-item {
	width:154px;
	height:auto
}
.ProfessionalServices-page #team-list .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:8px
}
.ProfessionalServices-page #team-list .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #team-list .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:125px
}
.ProfessionalServices-page #team-list a.photo {
	display:block;
	position:relative;
	width:100%;
	height:277px;
	overflow:hidden;
	margin-bottom:4px
}
.ProfessionalServices-page #team-list a.photo img {
	display:block
}
.ProfessionalServices-page #team-list a.photo .color {
	position:absolute;
	top:0;
	left:0;
	display:none
}
.ProfessionalServices-page #team-list span.description {
	margin-left:8px
}
.ProfessionalServices-page #self-info {
	width:900px;
	margin-top:40px;
	margin-left:84px
}
.ProfessionalServices-page #self-info .aside {
	float:right;
	width:475px
}
.ProfessionalServices-page #self-info .aside h2 {
	margin-left:8px
}
.ProfessionalServices-page #self-info .aside .contents {
	margin-top:-2px;
	padding:20px 10px;
	background:transparent url(../images/sustain/box-ProfessionalServicesbg.png) 0 0 repeat
}
.ProfessionalServices-page #self-info .aside .contents .box {
	height:310px;
	font-size:0.92307692307692em;
	line-height:1.5
}
.ProfessionalServices-page #self-info .aside .contents .box h3, .about-page #self-info .aside .contents .box h4 {
	margin-bottom:-20px
}
.ProfessionalServices-page #self-info .aside .contents .box h3 {
	font-size:2em
}
.ProfessionalServices-page #self-info .aside .contents .box h4 {
	font-size:1em;
	margin-top:20px
}
.ProfessionalServices-page #self-info .aside .contents .box p {
	margin-top:20px
}
.ProfessionalServices-page #self-info .aside .contents .jScrollPaneTrack {
	background-color:#FFF
}
.ProfessionalServices-page #self-info .aside .contents .jScrollPaneDrag {
	background-color:#434343
}
.ProfessionalServices-page #self-info .gallery {
	margin-top:28px;
	float:left;
	width:402px
}
.ProfessionalServices-page #self-info .gallery p.back {
	margin-top:8px
}
.ProfessionalServices-page #self-info .gallery p.back a {
	background-color:#5e5e5e;
	display:block;
	width:45px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size:0.76923076923077em;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase
}
.ProfessionalServices-page #self-info .jcarousel-skin-tango .jcarousel-container-horizontal {
	width:100%;
	padding:0
}
.ProfessionalServices-page #self-info .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:100%;
	height:auto
}
.ProfessionalServices-page #self-info .jcarousel-skin-tango .jcarousel-item {
	width:402px;
	height:auto
}
.ProfessionalServices-page #self-info .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:0
}
.ProfessionalServices-page #self-info .jcarousel-skin-tango .jcarousel-next-horizontal, .about-page #self-info .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top:138px
}
.case_studies-page #gallery {
	position:relative;
	margin-top:22px;
	overflow:hidden
}
.case_studies-page #gallery #slideshow-countdown {
	position:relative
}
.case_studies-page #gallery .list {
	margin-top:3px
}
.case_studies-page #gallery .list:first-child {
	margin-top:0
}
.case_studies-page #gallery .list li {
	float:left;
	display:inline;
	width:220px;
	margin-left:2px;
	position:relative
}
.case_studies-page #gallery .list li:first-child {
	margin-left:0
}
.case_studies-page #gallery .list a {
	display:block;
	width:100%;
	height:128px;
	position:relative;
	text-decoration:none
}
.case_studies-page #gallery .list .gray {
	display:block;
	width:100%;
	height:100%;
	text-indent:-999em;
	position:relative
}
.case_studies-page #gallery .list .gray img {
	position:absolute;
	top:0;
	left:0
}
.case_studies-page #gallery .list .mid, .case_studies-page #gallery .list .color, .case_studies-page #gallery .list .description {
	position:absolute;
	cursor:pointer
}
.case_studies-page #gallery .list .color {
	top:0;
	left:0;
	display:none
}
.case_studies-page #gallery .list .mid {
	display:block;
	text-indent:-999em;
	width:100%;
	height:38px;
	background-color:#fff;
	opacity:.84;
	bottom:0;
	left:0;
	z-index:1
}
.case_studies-page #gallery .list .description {
	font-size:0.84615384615385em;
	line-height:1.2727272727273;
	color:#090909;
	width:208px;
	padding-left:6px;
	padding-right:6px;
	top:95px;
	left:0;
	z-index:2
}
.case_studies-page #photo-box {
	margin-left:90px;
	margin-top:50px
}
.case_studies-page #photo-box .article, .case_studies-page #photo-box .aside {
	float:left;
	padding-top:2px
}
.case_studies-page #photo-box .article {
	width:420px;
	font-size:0.92307692307692em;
	line-height:1.5;
	padding-bottom:39px
}
.case_studies-page #photo-box .article .preface {
	padding-top:4px;
}
.case_studies-page #photo-box .article h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#ed8805;
	margin:2px 0;
}
.case_studies-page #photo-box .article .info {
	font-size:0.87307692307692em;
}
.case_studies-page #photo-box .article .description {
	margin-top:20px;
	width:414px;
	height:232px;
	overflow:hidden
}
.case_studies-page #photo-box .article .description .contents {
	height:232px;
	padding-right:7px;
}
.case_studies-page #photo-box .article .description .jScrollPaneTrack {
	background-color:#fff
}
.case_studies-page #photo-box .article .description .jScrollPaneDrag {
	background-color:#434343
}
.case_studies-page #photo-box .aside {
	width:477px
}
.case_studies-page #photo-box .aside ul.list li {
	float:left;
	display:inline;
	width:150px;
	height:112px;
	overflow:hidden;
	margin-top:8px;
	margin-left:9px
}
.case_studies-page #photo-box .aside ul.list img {
	vertical-align:bottom
}
.case_studies-page #photo-box .aside ol.page {
	margin-top:24px;
	text-align:right;
	font-size:0.92307692307692em
}
.case_studies-page #photo-box .aside ol.page li {
	display:inline;
	margin-left:4px
}
.case_studies-page #photo-box .aside ol.page li:first-child {
	margin-left:0
}
.case_studies-page #photo-box .aside ol.page li.current {
	color:#ed8805;
	font-weight:bolder;
	text-decoration:underline
}
.case_studies-page #photo-box .aside ol.page a {
	color:#fff;
	text-decoration:none
}
.case_studies-page #photo-box .aside ol.page a:hover {
	text-decoration:underline
}
.case_studies-page p.back {
	position:absolute;
	bottom:20px;
	left:92px
}
.case_studies-page p.back a {
	display:block;
	width:43px;
	height:15px;
	line-height:15px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#5e5e5e;
	font-size:0.76923076923077em;
	padding-left:2px
}
#client-list .box .item {
	padding-top:10px;
}
#client-list .letter {
	color:#CCC;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	line-height: 18px;
}
#client-list .letter a.letter_item {
	color: #ccc;
	padding:0 5px;
	cursor:pointer;
}
#client-list .letter a.letter_item:hover {
	color: #DA7410;
}
#client-list .box h5 {
	color:#999;
	font-family: "Arial", sans-serif;
	font-size: 24px;
	font-weight: bold;
}