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

*, html, body { margin: 0; padding: 0; }
html { min-height: 100%; margin: 0 0 1px 0; }
body { background-color:#324855; font-weight:normal; font-family: Arial; font-size: 12px; letter-spacing:0pt; line-height: 24px; }
p {font-weight:normal; font-family: Arial; font-size: 12px; letter-spacing:0pt; line-height: 24px; }
h1 {font-weight:normal; font-family: Arial; font-size: 16px; letter-spacing:0pt; line-height: 24px; margin-bottom:10px;}
a img { border: none; }
#clear {clear: both; margin: 0px}

/*template divs*/

#wrapper { margin:0 auto; vertical-align:middle; background-color: #324855; height: 750px; width:1000px; }
#intro_flash { margin:0 auto; vertical-align:middle; background-color: #324855; height: 750px; width:600px;  }

#header { background-color: #324855;  background-repeat:no-repeat; height: 140px; width:1000px;}

#main { background-color: #324855; height: auto; width:1000px; padding: 0 0 25px 0; }
#flash { background-color: #324855; height: 560px; width:1000px; padding: 0 0 25px 0; }
#maincontent { background-color: #324855; height: 530px; width:1000px; padding: 0 0 25px 0; }

#nav { float:left; background-color: #324855; height: 67px; margin:55px 0 0 10px;}
#nav-content { background-color: #ED1C24;}

.menu { color:#fff; float:left; padding-left:5px; font-family: Arial; font-weight:normal; font-size: 10.5px; line-height: 16px; padding-top:2px; }
.menu ul li{ list-style:none; }

#content_position { margin-left:140px; width:860px; }

.footer-sitemap{padding-top:40px; margin-left:140px; width:800px; height:20px; clear:both;}
.footer-sitemap a{ font-size:9px}

.footer-sitemap-fixed{position:absolute; top:600px; margin-left:140px; width:800px; height:20px; clear:both;}
.footer-sitemap-fixed a{ font-size:9px}

.sitemap_right{position:relative; float:left; color:#FFFFFF; font-family: Arial; font-size:12px; line-height:24px; width:350px; margin-top:15px; padding-bottom:20px; padding-left:10px;}
.sitemap_right ul{padding-left:20px;}
.sitemap_right ul li{ list-style:none;}
.logo{border:none; position:relative; float:left; }
.enriching{border:none; position:relative; float:right; }
.enriching_text{font-family: Arial; font-size:12px; line-height:24px; padding:15px 200px 20px 20px; }
.enriching_text li{ margin-bottom:10px;}

.disc-title{margin-bottom:3px;}
.overview {color:#eee; font-family:arial; width:580px; font-size: 12px; line-height: 18px;}
.overview_discipline { position:relative; float:left; margin-right:20px; color:#eee; font-family:arial; width:440px; font-size: 14px; line-height: 18px;}
.overview_discipline p{color:#eee; font-family:arial; font-size: 14px; line-height: 22px; font-weight:100}
p.disc-title {color:#f8981d; font-size:14px; font-family:Arial, sans-serif;}

.overview_left { position:relative; float:left; color:#FFFFFF; font-family: Arial; width:300px; font-size: 16px; line-height: 26px;}
.overview_right { position:relative; float:right; color:#FFFFFF; width:500px; height:auto; margin-bottom:50px; background-color:transparent;}
.small_text {color:#FFFFFF; font-family: Arial; font-size:12px; line-height:15px; padding:15px 20px 20px 20px;}

.partner_left { position:relative; float:left; color:#FFFFFF; font-family: Arial; margin-left:108px; width:200px; font-size: 16px; line-height: 26px;}
.partner_right { position:relative; float:right; color:#FFFFFF; width:500px; height:auto; margin-bottom:50px; background-color:transparent;}
.partner_left a {color:#fff; font-family: Arial; font-size: 12px; line-height: 26px; text-decoration:none;}

.partner_text_intro {color:#FFFFFF; font-family: Arial; font-size:12px; line-height:15px; padding:15px 20px 20px 0px;}
.partner_text { position:relative; float:right; color:#FFFFFF; font-family: Arial; font-size:12px; line-height:24px; width:250px;}
.partner_image {position:relative; float:left; color:#FFFFFF;}
.overview_left a {color:#fff; font-family: Arial; font-size: 12px; line-height: 26px; text-decoration:none;}
.news_image {position:relative; float:left; color:#FFFFFF; margin-top:25px;}
.news_text { color:#FFFFFF; font-family: Arial; font-size:12px; line-height:24px; width:380px; margin-top:35px; padding-left:20px;}
.overview_left .news a {color:#f8981d; font-family: Arial; font-size: 12px; line-height: 26px; text-decoration:none;}
.contact { position:relative; float:left; width:200px;}
.sustainability { position:relative; float:left; color:#B7DB25; font-family: Arial; width:500px; font-size: 12px; line-height: 22px;}
.clients_right { position:relative; float:right; color:#000; width:620px; height:auto; margin-bottom:50px; background-color:#485c68;}
.clients_left { position:relative; float:left; color:#FFFFFF; font-family: Arial; width:200px; font-size: 16px; line-height: 26px;}
.clients_left a {color:#fff; font-family: Arial; font-size: 12px; line-height: 26px; text-decoration:none;}
.clients_right .small_text {color:#fff;}
.email { margin-top:40px; clear:both; width:100px; position:relative; float:left;}
.email a{ color:#F8981D; text-decoration:underline;}
.proj_list {width:220px; float:left;}


#arch #nav-arch a,
#plan #nav-plan a,
#int #nav-int a,
#inf #nav-inf a,
#firm_a #profile,
#part #nav-part a,
#hist #nav-hist a,
#clients #nav-client a,
#awards #nav-awards a,
#global #nav-global a,
#news #nav-news a,
#con #nav-con a {
color:#f8981d;
}
#preview-imgs{ position:absolute; top:28px; left:460px; z-index:100; float:left;}
#container {position:relative; width:900px; height:auto; }
#container a { float: left }
/*
#container a.pics img.thumb {display:block; }

#container a.pics span {display:none; width:580px;}
#container a.pics span img {border:none;}

#container a.pics:hover {background-image:url(../images/over_btn.gif);}
#container a.pics:hover span {display:block; position:absolute; left:0px; top:50px; z-index:10; height:500px;}

#container a.pics:active {background-image:url(../images/over_btn.gif);} 
#container a.pics:active span {display:block; position:absolute; left:0px; top:50px; z-index:5; height:500px;}

#container a.pics:focus {background-image:url(../images/over_btn.gif);}
#container a.pics:focus span {display:block; position:absolute; left:0px; top:50px; z-index:5;}

#container span.info {clear:left; display:block; text-align:center; line-height:24px; margin:0; padding:50px 0 0 0; width:600px; text-align:center; color:#fff; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}
.preview_text { position:relative; float:left; color:#FFFFFF; font-family: Arial; font-size:10px; line-height:24px; width:350px; margin-top:10px;}
.preview_img { position:relative; float:left; color:#FFFFFF; font-family: Arial; font-size:10px; line-height:24px; width:220px; margin-top:10px;}
*/

.holder {width:210px; margin:5px; padding:1em; border:1px solid #ddd; float:left;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}

/*for multi columns*/

#clients_list dl {
  width:620px;
  height:auto;
  margin:0;}
#clients_list dt {
color:#FFFFFF;
font-size:16px;
  margin-bottom:1em; }
#clients_list dd {
  width:25%; 
  float:left; 
  margin-bottom:20px;}
#clients_list dd ul {
padding-right:25px;
  list-style:none;
}
#clients_list dd ul li{
margin-bottom:10px;
  list-style:none;
}

#awards_list dl {
  width:620px;
  height:auto;
  margin:0;}
#awards_list dt {
  margin-bottom:1em; 
  font-weight:bold;}
#awards_list dd {
  width:33%; 
  float:left; 
  margin-bottom:20px;}
#awards_list dd ul {
padding-right:25px;
  list-style:none;
}
#awards_list dd ul li{
margin-bottom:10px;
  list-style:none;
}
#awards_list p{
margin-bottom:10px;
}

#imglinks { clear: both; position:relative; padding:5px 0px 5px 5px; float:left; margin-top:25px; margin-left:0px; color:#eee; font-family:arial; background-color:#485c68; font-size: 8.5px; line-height: 15px; width:440px; }
#imglinks a{ clear: both; position:relative; float:left; margin-bottom:3px; margin-left:0px; width:170px;  padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:0px;}

#imglinks-scroll {clear: both; position:relative; float:left; margin-top:40px; margin-left:0px; color:#eee; font-family:arial; font-size: 8.5px; line-height: 15px; width : 440px; height : 185px; overflow : auto; }
#imglinks-scroll a{  clear: both; position:relative; float:left; margin-bottom:3px; margin-left:0px; background-color:#485c68; padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:0px;}


.preview_img {width: 350px; }
.preview_text p { color: #fff; }
.preview_text { margin: 0 0 0 220px; }

/* Gallery Style */
a { color: #FFF; text-decoration: none; }
#close a { padding: 5px 10px; }
#gallery-nav a, #gallery-nav p { color: #fff; padding: 0px 10px; font-weight: bold; }

#gallery { width: 860px; margin: 0 0 0 135px; }
#gallery h2 { width: 300px; }
#gallery-nav { width: 400px; padding: 2px; margin: 0 0 0 375px; }
#gallery-nav #gallery-number { width: 160px; }
#info, #more-projects, #close { padding: 0 20px; cursor: pointer; }
#gallery-img { width: 860px; height: 530px; overflow: hidden; }
#gallery-img img { position: relative; top: 0px; left: 0px; }
#gallery-img { clear: both; }

#gallery h2, #gallery-nav div { float: left; padding: 3px; }

#gallery h2, #info-txt h2 { color: #FFF; font-weight: normal; }
#gallery h2 { font-size: 14px; line-height: 20px; }
#info-txt h2 { font-size: 13px; line-height: 20px; margin: 0 0 20px 0; }
#info-txt-scrl h2 { font-size: 13px; line-height: 20px; margin: 0 0 20px 0; }

#gallery-number, #info, #more-projects { background-color: #324855; }
#gallery-nav a:hover {color: #f8981d; }
#gallery-nav a.activeSlide { color: #f8981d; }

#info-txt-scrl, #info-txt, #project-list { background-color: #485c68; color: #FFF; padding: 20px 10px; height: 360px; position: relative; }
#info-txt {top: -530px; left: 543px; width: 300px; z-index: 9999; overflow-y: scroll;  overflow-x: hidden;}
#info-txt p{ margin-bottom:10px; font-weight:normal; line-height: 20px;}
#info-txt-scrl { top: -530px; left: 543px; width: 300px; z-index: 9999; overflow-y: scroll; overflow-x: hidden; }
#info-txt-scrl p{ margin-bottom:10px; font-weight:normal; line-height: 20px;}
#project-list { top: -530px; left: 591px; width: 250px; z-index: 9999; }
#imgs { position: relative; top: 0; left: 0; z-index: 0; }

.current-img { color: #f8981d; }
.left{float:left;}

#bar .left{width:370px;}
.hide { display: none; }


.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}


.hscrollerbase {
height: 5px;
background-color:#BAC9D3;
}
.hscrollerbar {
height: 5px;
background-color:#587281;
}
.vscrollerbase {
width: 5px;
background-color: #BAC9D3;
}
.vscrollerbar {
width: 5px;
background-color: #587281;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */

height: auto;
position: relative;
color: black;
padding: 1px;
}
.fixedheight {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */

position: relative;
color: black;
padding: 1px;
}
#fixedheight {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
position: relative;
color: black;
padding: 1px;
}
#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 340px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5EADE;
margin: 0.3em auto;
padding: 15px;
}