@charset "utf-8";
/* CSS Document */

body, html
{
background-color:#000000; 
font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px; padding:0px; color:#FFFFFF;
}

h1{
	color:#648ba3; padding:0px; padding-right:15px; font-size:18px; font-weight:normal; line-height:20px; 
	margin:0px; margin-top:20px; margin-left:75px; border-bottom:2px solid #9e9c9c; float:left;
}

h2{
	color:#648ba3; padding:0px; margin:0px; font-size:14px; font-weight:normal;
	border-bottom:1px solid #CCCCCC; padding-bottom:5px; padding-right:15px; float:left; clear:both;
}

.header
{
	width:1210px; height:45px; float:left; margin-top:30px; margin-bottom:10px; margin-left:30px; display:inline;
}

.lang-selector{
	width:100px;
	float:right;
	text-align:right;
	background-color:#000;
}

.lang-selector img{
	border:0px none;
}

.headTxtW4
{
	font-weight:bold; font-size:15px; padding-left:40px; color:#FFFFFF; letter-spacing:5px;
}
.titles span{
	font-size:14px; font-weight:bold; padding-left:20px; color:#648BA3; text-transform:uppercase;
}

.headTxtArch
{
font-size:11px; padding-left:115px; color:#648ba3;
}

.headTitle
{
float:left;
}

.headLocations
{
float:left; margin-top:3px; display:inline;
}

.headTxtLocations
{
font-size:11px; padding-left:10px; padding-top:10px; color:#d5e3ec;
}


.navBar
{
background-image:url(../images/nav_txt_bg.jpg); background-repeat:no-repeat; background-position:0px 46px; width:750px; height:59px; float:left; display:inline;
}

.navBarProjects a
{
width:75px; height:59px; background-image:url(../images/projects.png); background-repeat:no-repeat; background-position:top; display:inline; float:left;
}

.navBarProjects a:hover
{
background-position:bottom;
}

.navBarNews a
{
width:75px; height:60px; background-image:url(../images/news.png); background-repeat:no-repeat; float:left;
}

.navBarNews a:hover
{
background-position:0px -60px;
}

.navBarAwards a
{
width:75px; height:60px; background-image:url(../images/awards.png); background-repeat:no-repeat; float:left;
}

.navBarAwards a:hover
{
background-position:0px -60px;
}

.navBarPublications a
{
width:75px; height:60px; background-image:url(../images/publications.png); background-repeat:no-repeat; float:left;
}

.navBarPublications a:hover
{
background-position:0px -60px;
}

.navBarFirm a
{
width:75px; height:60px; background-image:url(../images/firm.png); background-repeat:no-repeat; float:left;
}

.navBarFirm a:hover
{
background-position:0px -60px;
}

.navBarContact a
{
width:75px; height:60px; background:url(../images/top_nav/contact.png); background-repeat:no-repeat; float:left;
}

.navBarContact a:hover
{
background:url(../images/top_nav/contact_hover.png);
}


.navBarItem
{
float:left; margin-left:20px; width:60px;
}

.itemNo
{
font-family:"Lucida Sans Unicode", "Lucida Sans"; font-size:31px; width:60px; text-align:center; float:left;
}

.itemNo a
{
text-decoration:none; color:#FFFFFF;
}

.itemNo a:hover
{
text-decoration:none; color:#648ba3;
}

.itemTxt
{
font-family:Arial, Helvetica, sans-serif; width:60px; text-align:center; float:left;
}

.itemTxt a
{
text-decoration:none; color:#FFFFFF;
}

.itemTxt a:hover
{
text-decoration:none; color:#47555f; background-color:#000000;
}
/*
INTRO PAGE STYLES GO
*/

#intro-content{
    position: absolute;
    height: 520px;
    width: 900px;
    margin: -260px 0px 0px -450px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 0px;
    overflow: auto;
}

.langSelector
{
color:#000000; text-align:center; font-size:9px; vertical-align:middle; position:absolute; top:0px; right:0px; margin:14px;
}

.langSelector a
{
	text-decoration:none; color:#000000; font-size:11px; font-weight:bold;
}

.langSelector a:hover{
	color:#273a44; text-decoration:underline;
}

.introStrip{
	color:#000000; text-align:right; font-size:9px; vertical-align:middle; position:absolute; top:30px; right:0px; margin:10px; display:inline; width:500px;
}

.spanW4{
	color:#000000; font-size:16px; letter-spacing:4px; font-weight:bold;  padding-bottom:0px; padding-top:5px; float:left; width:500px; display:inline;
}

.spanArchitecture
{
	color:#000000; font-size:12px; letter-spacing:normal; padding-bottom:5px; padding-top:5px; float:left; width:496px; display:inline;
}

.spanLocations
{
	color:#000000; font-size:10px; letter-spacing:normal;  padding-bottom:5px; padding-top:5px; font-weight:bold; float:left; width:496px; display:inline;
}

.introBottom
{
float:left; width:100%; height:19px; margin-top:5px; display:inline; color:#5f7989; text-align:center; font-size:9px; vertical-align:middle; width:496px; display:inline;
}

.spanCopyRight
{
font-size:10px;letter-spacing:normal; color:#FFFFFF; float:left; width:100%; padding-top:10px; width:496px; display:inline;
}

.spanDesignBy
{
font-size:10px; letter-spacing:normal; color:#FFFFFF; float:left; width:100%; padding-top:10px; width:496px; display:inline;
}

.spanDesignBy a
{
color:#FFFFFF; text-decoration:none;
}

.spanDesignBy a:hover
{
/*color:#273a44;*/ text-decoration:underline;
}

.spanPoweredBy
{
font-size:10px; letter-spacing:normal; color:#FFFFFF;  float:left; width:496px; display:inline;
}
.spanPoweredBy a
{
color:#FFFFFF; text-decoration:none;
}

.spanPoweredBy a:hover
{
/*color:#273a44;*/ text-decoration:underline;
}
/*
 * INTRO PAGE STYLES NO
 */

.content{
	width:100%; height:520px; float:left; margin-left:0px; padding-top:0px; display:inline; /*background-color:#88aee8;*/
}

.content a{
	color:#648BA3;
}

.bottom-strip{
	background-image:url(../images/bottom_strip.png); 
	width:1000px; height:14px; background-repeat:no-repeat;
	float:left; display:inline; 
	color:#83a7bd; font-size:10px; line-height:13px;
}

.bottom-strip a{
	color:#83a7bd; text-decoration:none;
}

.break
{
clear:both;
}


.projects-thumbs img{
	margin:0px; padding:0px; border:0px; float:left;
}

/*
 * SCROLLER GO
 */

.root{
	position:relative;
	height:200px;
	width:380px;
	margin-left:75px;
	margin-top:10px;
	float:left;
	display:inline;
}

.root p{
	margin-top:5px; margin-bottom:5px;
	/*margin:10px 10px 5px 10px;*/
}

.thumb{
	position:absolute;
	height:9px;
	width:15px;
	left:10px;
}

.up, .dn{
	position:absolute;
	left:10px;
	background-color:#CCC;
}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
	border:0;
}

.scrollContainer{ 
	position:absolute; 
	left:2px; 
	top:19px; 
	width:380px; 
	height:200px; 
	clip:rect(0 367 200 0); 
	overflow:auto; 
	
}

.scrollContent{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100px; 
	position:absolute; right:25px; top:90px; text-align:left; color:#9494a9; font-size:12px;
}
 
 /*
  * SCROLLER NO
  */
 
a.home-project-name{
	color:#FFFFFF;
	background-color:#000000;
	position:absolute;
	top:30px;
	left:0px;
	z-index:100;
	display:block;
}

a.home-project-close{
	color:#FFFFFF;
	background-color:#000000;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	display:block;
}

.project-image-container{
	float:left; width:auto; height:auto;
}

.project-force-sizes{
	float:left; width:auto; height:auto; overflow:hidden;
}

.project-description{
	float:left; width:437px; padding:20px; color:#c3c1c1;
}

.project-description h1{
	margin:0px; padding:0px; font-family:Arial; font-size:18px; color:#648ba3; margin-bottom:15px; display:inline;
}

a.gallery-lnk{
	font-size:8px;
}

.scrollContent .img-cont{
	float:left; width:140px; height:96px; overflow:hidden;
}

h2.news_pg{
	margin-top:10px;
}

a.firmPage{
	color:#83A7BD; text-decoration:underline; font-size:12px;
}

a.firmPage:hover{
	color:#9494A9;	
}

a.firm-menuitem-highlight{
	color:#ffffff; text-decoration:underline; font-size:12px; font-weight:bold;
}