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


body {
	background-color: #363B3E;
	margin-top: 40px;
}
a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}
.navbar {
	color: #FFFFFF; 
	font-family: Arial;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
}
.project_title {	
	font-size: 18px;
	font-family: Helvetica;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 50px;
	margin-right: 50px;
}
.paragraph_text {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 50px;
	margin-right: 50px;
	font-weight: normal;
}
.paragraph_text_dark {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	margin-left: 50px;
	margin-right: 50px;
	font-weight: normal;
}
.paragraph_text_bold {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	margin-left: 50px;
	margin-right: 50px;
	font-weight: bold;
}
.paragraph_text_quote {
	color: #FFFFFF;
	margin-left: 50px;
	margin-right: 50px;
	font-weight: normal;
	font-family: Arial;
	font-size: 9px;
}
p {
	padding:-2px;
}
/* Consolidate this and back button to just button */
.button {
	font-family: Arial;
	font-weight: bold;
	color: #999999;
	font-size: 12px;
	margin-right: 50px;
}
.button_no {
	font-family: Arial;
	font-weight: bold;
	color: #999999;
	font-size: 12px;
	margin-right: 0px;
}
.white_button {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 18px;
	margin-right: 50px;
}
.view_animation  {
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial;
	margin-right: 50px;
	font-weight: normal;
}
.animation_title {	
	font-size: 18px;
	font-family: Helvetica;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
}

/*  this code is to style the name of the current page */

body#index a#index_link,
body#awards a#awards_recognitions_link,
body#awards2 a#awards_recognitions_link,
body#contact a#contact_link,
body#design_philosophy a#design_philosophy_link,
body#overview a#overview_link,
body#practice_areas a#practice_areas_link,
body#sustainability a#sustainability_link,
body#animations a#animations_link,
body#technology a#advanced_technology_link,
body#adapt_reuse a#adapt_reuse_link,
body#education a#education_link,
body#mixeduse a#mixeduse_link,
body#performing_arts a#performing_arts_link,
body#preservation a#preservation_link,
body#rehabilitation a#rehabilitation_link,
body#urban_design a#urban_design_link,
body#transit a#transit_link,
body#interior_design a#interior_design_link,
body#small_scale a#small_scale_link,
body#large_scale a#large_scale_link,
body#design_philosophy a#firm_link,
body#overview a#firm_link,
body#practice_areas a#firm_link,
body#sustainability a#firm_link,
body#animations a#firm_link,
body#technology a#firm_link,
body#adapt_reuse a#projects_link,
body#education a#projects_link,
body#mixeduse a#projects_link,
body#performing_arts a#projects_link,
body#preservation a#projects_link,
body#rehabilitation a#projects_link,
body#urban_design a#projects_link,
body#transit a#projects_link,
body#interior_design a#projects_link,
body#small_scale a#projects_link,
body#large_scale a#projects_link,
body#projects a#projects_link
{
	text-decoration: none;
	color: #FF9900;
}

/* Index */

.address {
	color: #999999;
	font-size: 11px;
	font-family: Arial;
}
.footer {
	color: #FF9900;
	font-size: 11px;
	font-family: Arial;
}
a#footer_link
{
	text-decoration: none;
	color: #FF9900;
}
a#map_link
{
	text-decoration: none;
	color: #CCCCCC;
}
a:hover#map_link
{
	text-decoration: none;
	color: #FF9900;
}
.directory {
	color: #CCCCCC;
	font-size: 10px;
	font-family: Arial;
	font-style: normal;
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 50px;
}

/* awards */
.award_text {
	color: #CCCCCC;
	font-size: 10px;
	font-family: Arial;
	font-style: normal;
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 50px;
}
.green_titles {
	color: #CCFF66;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
}

/* contact */

.contact {
	font-size: 18px;
	font-family: Helvetica;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 50px;
}
.address_contact {
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial;
	font-style: normal;
	margin-left: 50px;
	height: 12px;
	font-weight: bold; 
}

/* firm */

/* orange bar */
hr {
	color: #CC6633;
	background-color: #CC6633;
	border: none;
	width: 100%;
	height: 5px;
}

/* Top Logo  */
span.logo_text {
	color:#FFFFFF;
	font-size:24px;
	font-family:"Helvetica Condensed",Sans-serif;
	font-weight:800;
	padding-bottom:0px;
	line-height:50px;
	font-stretch: ultra-condensed;
}

span.logo_text_small {
	font-size:8px;
	font-weight:700;
	letter-spacing: -1px;
}


/* Copyright Logo */
span.copyright {
	color:#CCCCCC;
	font-size:9px;
	padding-top:22px;
	width:100%;
	font-family:"Helvetica Condensed",Sans-serif;
	letter-spacing: -1px;
	font-weight:bold;
}

td.copyright {
	text-align: right;
}

/* Projects */

.number_links {
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
}

/* This code effects the background color of the images on the project pages */
.click_thumbnail {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	margin-left: 50px;
	margin-right: 50px;
	font-weight: bold;
}
a img.thumb {
	background: #999999;
	border: 0;
	padding: 2px;
}
a:hover img.thumb {
	background: #FF9900;
	border: 0;
	padding: 2px;
}

.login {
	color: #999999;
	font-weight: 800;
	margin-left: 50%;
	margin-right: 50%;
}
.left {
	float: left;
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial;
	font-style: normal;
	margin-left: 50px;
	font-weight: bold;
	line-height:26px;
}
.text_right {
	float: right;
}
.ftp {
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial;
	font-style: normal;
	margin-left: 50px;
	font-weight: bold;
	line-height:26px; 
}
.right {
	float: left;
	padding: 2px;
}
.clear {
	clear:both;
	margin-left: 50%;
}
.buttons_tabbed {
	padding-left:125px;
}
span.orange {
	color:#FF9900;
}