* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #fff;
text-align:center;
min-height:600px;/* for good browsers*/
min-width:800px;/* for good browsers*/
font-family:Arial, Helvetica, sans-serif;
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 610px;
}
#inner {
width: 1010px;
/*
background:red;
*/
height: 610px;
text-align: center;
margin-left:auto;
margin-right:auto;
/*
border:1px solid #000;
*/
}

/*
#scrollbar{
position: relative;
top: 10px;
z-index:5
}

#project_nav ul
{
list-style-type: none;
margin: 0;
padding: 0;
}


#project_nav ul li a
{
display: block;
color: #FFF;
background-color: #036;

text-decoration: none;
width:20px;
}

#project_nav ul li a:hover
{
color: #FFF;
background-color: #69C;
}

#project_nav ul .left { float: left; }
#project_nav ul .right { float: right; }
*/
#project_nav a {
padding:0 0 0 0px;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
width:35px;
height:25px;
display: block;
text-align: center;
}

#project_first {

}

#project_last {

}


#project_nav a:hover {
color:#fff;
background:#C7C7C7;
}

#project_nav {
 position:relative;
 top:100px;
 width:140px;
 height:25px;
 border:0px  #C7C7C7;
 display:block;
 background:#1B414F;
} 

#left_col {
 float:left;
 display:inline;
 width: 140px ;
 height:610px;
 /*
background-color: #F1F1F1;
*/
 margin-right:30px
 /*
border: #ffffff solid 1px;
*/
}

#logo {
 height:260px;
 
}

#logo img {
 float:right;

 margin-top:20px;
}

#menu_item_holder {
 height:350px;
}

#menu_list ul{
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
  font-size:12px;
  color:#636363;
}

#menu_list li{
  text-align:right;
  list-style-type: none;
  border-top:2px dotted #C7C7C7;
  height: 22px;
  width: 140px;
  padding: 0.10em;
}

/*
Ok - make sure sub menus are hidden if not needed
*/
#about #smenu2, #index #smenu2, #project #smenu2, #contact #smenu2 , #gallery #smenu2, #jobs #smenu2{
	display:none;
}
#service #smenu1, #index #smenu1, #project #smenu1, #contact #smenu1,#gallery #smenu1, #jobs #smenu1 {
	display:none;
}

#about #smenu1 {
	display:block;
}
#service #smenu2 {
	display:block;
}

#menu_item_holder.jobs a#mnu_jobs,#menu_item_holder.contact a#mnu_contact,#menu_item_holder.gallery a#mnu_gallery,#menu_item_holder.projects a#mnu_projects, #menu_item_holder.index a#mnu_index, #menu_item_holder.aboutus a#mnu_about , #menu_item_holder.ourstory 
a#mnu_ourstory, #menu_item_holder.people a#mnu_people, #menu_item_holder.environmental a#mnu_environmental, #menu_item_holder.publications a#mnu_publications   
, #menu_item_holder.howwedoit a#mnu_howwedoit, #menu_item_holder.concept a#mnu_concept, #menu_item_holder.architect a#mnu_architect,
#menu_item_holder.buildingit a#mnu_buildingit, #menu_item_holder.workshop a#mnu_workshop , #menu_item_holder.whyuseus a#mnu_whyuseus, #menu_item_holder.whatothersthink a#mnu_whatothersthink{

 color:#000000;
 font-weight:bold;
}

#menu_item_holder.jobs dt#li_jobs,#menu_item_holder.contact dt#li_contact, #menu_item_holder.gallery dt#li_gallery, #menu_item_holder.projects dt#li_projects, #menu_item_holder.aboutus dt#li_about, #menu_item_holder.index dt#li_index, #menu_item_holder.ourstory li#li_ourstory
  , #menu_item_holder.people li#li_people , #menu_item_holder.environmental li#li_environmental, #menu_item_holder.publications li#li_publications  
  , #menu_item_holder.howwedoit dt#li_howwedoit, #menu_item_holder.concept li#li_concept 
  , #menu_item_holder.architect li#li_architect , #menu_item_holder.buildingit li#li_buildingit , #menu_item_holder.workshop li#li_workshop 
  , #menu_item_holder.whyuseus li#li_whyuseus , #menu_item_holder.whatothersthink li#li_whatothersthink
  {
 background-color:#E3E3E3;
}

#menu_list dl{
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
  font-size:12px;
  color:#636363;
}

#menu_list dt{
  text-align:right;
  list-style-type: none;
  border-top:2px dotted #C7C7C7;
  height: 22px;
  width: 140px;
  padding: 0.10em;
}

#menu_list a {
 font-weight:bold;
 font-size:12px;
 color:#636363;
 text-decoration:none;
 padding-right: 20px;
}

#menu_list a:link, #menu_list a:visited {
 /*
color:#0094B2;
*/
 text-decoration: none;
}

#menu_list a:hover {

color:#000000;
text-decoration: none;
}

#menu_list li a {
	color:#C7C7C7;	
}

#li_contact {
 border-bottom:2px dotted #C7C7C7;
}



div#main_col {
 width: 815px ;
 height:610px;
 margin:0px 0px 0px 0px;
 white-space: nowrap;
 overflow:auto ;
}

div#main_col.projects {
 overflow:auto ;
 
}

div#main_col.yyy_projects {
 overflow:hidden;
/*  border:1px black solid; */ 
 background-color:silver;
 
}


#projects_space_top{
height:22px;
border-bottom:3px solid #FFFFFF;
border-right:3px solid #FFFFFF;
}
div#main_col.index {
	overflow:hidden ;
}

div#main_col.contact {
 background-color: #E5A816;
}

#main_col.people, #main_col.about , #main_col.service , #main_col.concept {
 overflow:hidden  ;
}

#main_col.people, #main_col.about, #main_col.projects {
 background-color: #1B414F;
}

#main_col.service, #main_col.concept, #main_col.architect {
 background-color: #504E38;
}


#main_col div.project_bar { 
 text-align:left;
 padding-top:125px;
 width:180px;
 /*
 height:520px;
*/
 padding-left:20px;
}

#main_col.people div.project_bar { 
 padding-top:20px;
 height:587px;
}

div.people_pic {
	height:240px;
	
}

#main_col.concept div.project_bar,#main_col.architect div.project_bar, #main_col.building div.project_bar { 
  padding-top:0px;
  height:196px;
}

#main_col.about div.project_bar,#main_col.service div.project_bar,#main_col.contact div.project_bar { 
 height:482px;
}

#main_col.projects div.project_bar {
	height:465px;
}

#main_col p{
 font-size:11px;
 color:#FFFFFF;
 white-space:normal;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 line-height: 1.2;
}

#main_col div.project_bar p{
 width:160px;	
}

#main_col.publications div.project_bar p{
 height:140px;	
}

#main_col.concept div.project_bar p {
 padding-top:5px;	
}

#main_col.contact div.project_bar p{
 color: #000000;	
}

#main_col.publications div.project_bar h2{
 font-size:14px;
 white-space:normal;
 padding-bottom:10px;
}

#main_col.architect div.project_bar h2, #main_col.building div.project_bar h2{
 font-size:11px;
 padding-bottom:5px;
 padding-top:0px;
}

#main_col.contact div.project_bar h2{
	color:#000000;
	
}

#main_col p.column {
	float:left;
	display:block;
 text-align:left;
 vertical-align:middle;
 padding-top:125px;
 width:160px;
 /*
height:545px
*/;
 padding-left:20px;
 padding-right:20px;

}

#main_col p.y_column {
	float:left;
	display:block;
 text-align:left;
 vertical-align:middle;
 padding-top:125px;
 width:160px;
 /*
height:545px
*/;
 padding-left:20px;
 padding-right:20px;

}

#main_col p.mission {
 font-size:medium;
 font-weight:bold;
 display:block;
 text-align:left;
 vertical-align:middle;
 padding-left:200px;
 padding-right:200px;
 padding-top:160px;
 
}

.bg_blue {
 background-color: #00AAff;
}

#main_col.projects div.project_bar:hover { 
 background-color:#C7C7C7;
}

a.casestudy_link a.casestudy_link:hover, a.casestudy_link:link  { 
 text-decoration:none;
}


#main_col table { 
width:100%;
padding: 0px; 
margin: 0px;
display:inline;
border-collapse:collapse;
}

#main_col td{ 
 border-right:dotted 1px #ffffff;
}

#main_col td.first_col{ 
 border-left:dotted 1px #ffffff;
}

#home_strap_line {
	position:relative;
	top:0px;
	left:0px;
}

#home_strap_line h1 {
	color: #ffffff;
	font-size:70px;
}

#main_col a img{
 border-style:none;	
}

#casestudy_thumbs_box{ 
 display:inline;
 float:left;
 width:205px;
 height:610px;
 background-color:#2A3D4D;
 padding-top:0px;
}

#casestudy_full_box{ 
 display:inline;
 float:left;
 width:610px;
 height:610px;
 /*
padding-left:20px;
 padding-right:20px;
*/
 position:relative;
 background-color:#798089;
}



#casestudy_text_box{ 
 float:left;
 width:570px;
 height:485px;
 text-align:left;
 padding-left:20px;
 padding-right:20px;
 padding-top:125px;
  background-color:#798089;
   position:relative;
}

#casestudy_text_box p, #casestudy_text_box h2{ 
 color: #000000;
}

#casestudy_text_box p.short_description {
	padding-top:20px;
}

#casestudy_text_box p.long_description {
	padding-top:20px;
}

#casestudy_text_box h2{ 
 font-size: 14px;
}

#full_image {
 
}

#casestudy_thumbs_box ul {
 margin-top:10px;
 
 list-style-type: none;
} 

#casestudy_thumbs_list li {
 list-style-type: none;
 padding-top:5px;
}

#casestudy_thumbs_list a img{
 border-style: none;
}

#casestudy_thumbs_list li div {
 margin-left:20px;

}

#project_title {
	width:140px;
	height:90px;
	background-color:#6f6f6f;
	color:#ffffff;
	float:left;
	text-align:left;
	padding-left:20px;
	padding-top:20px;
}


.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width:610px;
    height: 610px;
}
.wraptocenter * {
    vertical-align: middle;
}

img.pbar_image {
 padding-bottom:20px;
}

a, a:link, a:hover {
 text-decoration:none;	
}

h1, h2, h3, h4, h5, h6 {
font-family:  Arial, Helvetica, sans-serif;
line-height: normal;
font-weight: bold;
background-color: transparent;
border-bottom: none;
}

h2 {
font-size:11px;
color:#FFFFFF;
padding: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
}

h2.pbar_title {
	padding-bottom: 5px;
}

h2.people {
	font-size:14px;
	padding-bottom: 5px;
	padding-top: 5px;
}

p.pbar_location{
	margin-top:5px;
}

p.recomendation {
 font-style:italic;
 font-weight:normal;
}

p.whyuseus {
 font-weight:bold;
}

#project_list_content_1 a {
 text-decoration: none;
 
}

.email {
	font-size: 9px;
	text-decoration:none;
}

#main_col.contact a:link {
	text-decoration:none;
}

.web {
	font-size: 9px;
}

.qtip_text{
	font-size: 12px;
}
.word-blue{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#02364B;
}

.hide {
	visibility:hidden;
}

.show {
	visibility:visible;
}

.display_none {
	display:none;
}

.display_inline {
	display:inline;
}

.display_block {
	display:block;
}

dl.gallery
{
list-style-type: none;
border-bottom: 3px solid #FFF;
border-right: 3px solid #FFF;
background-color: #ddd;
width: 160px;
height: 151px;
text-align: left;
padding: 0px;
margin: 0px;
float: left;
color:#999999;
}

dl.yyy_gallery
{
list-style-type: none;
border-bottom: 3px solid #FFF;
border-right: 3px solid #FFF;
background-color:#777777;
width: 160px;
height: 110px;
text-align: left;
padding: 0px;
margin: 0px;
float: left;
color:#999999;
}

dl.red{
background-color:#FF0000;
}
dl.blue{
/* background-color:#1B414F;

background-color:#F5F5F5;*/
background-color:silver;
}

dl.yellow{
background-color:#E5A816;
}

dl.green{

background-color:#C7C7C7;

}

dl.orange{
/* background-color:#1B414F;
background-color:#504E38;*/
background-color:silver;

}

dl.grey{

background-color:#C4C4C4;

}

dl.gallery:hover{
background-color:#818181;
filter: Alpha(Opacity=50);
}

.gallery dt { 
font-weight: bold; 
margin: 0;
padding: 0;
}


.gallery dt img
{

width: 160px;
height: 110px;
}

.gallery dd
{
margin: 0px;
padding: 0px;
}

.project_location {
font-weight:bold;
}

#projects_top_nav_left {
position:absolute;
 top:0;
 left:0;
 font-size:12px;
 font-weight:bold;
}

#projects_top_nav_right{
position:absolute;
 top:0;
 right:1px;
 font-size:12px;
 font-weight:bold;

}

#projects_top_nav_center{
position:absolute;
 top:0;
 left:270px;
 font-size:12px;
 font-weight:bold;
}

#projects_top_nav_center_text{
position:absolute;
 top:0;
 left:270px;
 font-size:12px;
 font-weight:bold;
}


a.project_top_nav{
color:#CBCBCB;
}

a.project_top_nav:hover{
color:#FFFFFF;
}
	/*\*//*/
	.wraptocenter {
	    display: block;
	}
	.wraptocenter span {
	    display: inline-block;
	    height: 100%;
	    width: 1px;
	}
	/**/