@charset "UTF-8";
/* CSS Document */
* {margin:0;padding:0;}
body {
	background:url(images/body-bg.png) repeat;
	text-align:center;
	font-family:Arial, Helvetica,  Verdana, sans-serif;
	font-size:11px;
	color:#37434D;
	line-height:1.5em;
	}
.debug {border:1px solid green;}

a {
	color: #00659E;
	text-decoration: none;
	outline: none;
}

#container {
	width:900px;
	padding:10px;
	border:12px solid #e0e0e0;
	margin:20px auto;
	text-align:left;
	background-color:#fff;
	
	}
#header {
	position:relative;
	height:66px;
	margin-bottom:10px;
	}	
#copy p {letter-spacing:.08em;}	
h1.logo {width:149px; float:left;}
#header p.tagline {
width:300px;
text-align:right;
float:right;
position:absolute;
bottom:8px;
right:0;
font-size:12px;
color:#44545f;
}	
p.tagline span {color:#ec9328;}

#ticker {
	font-size:14px;
	line-height:20px;
	padding:0 20px 30px;
	width:860px;
	float:left; clear:left;
}
#ticker p {letter-spacing:normal; width:860px; display:none;}

#copy #recent_news h3 {font-size:10px; margin-bottom:0px; font-weight:bold;}
#recent_news p {font-size:9px}
/*#recent_news {width: 884px; border:1px solid #e0e0e0; margin-bottom:18px;}
#recent_news div {width:282px; float:left; overflow:hidden;padding:6px;}
#recent_news div.center {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}*/
#recent_news {width: 590px; border:1px solid #e0e0e0; margin-bottom:18px; float:left;}
#recent_news div {
	width:282px;
	float:left;
	overflow:hidden;
	padding:6px;
	height:60px;
}
#recent_news div.center {border-right:1px solid #e0e0e0;}
#recent_news div.top {border-bottom:1px solid #e0e0e0;}
#copy #survey {width:262px; float:left;clear:left; margin-bottom:10px;padding-left:20px; padding-top:10px;}
	
#nav ul {list-style:none;border-top:1px solid #e0e0e0;padding-top:6px;}
#nav li {
	display:block;
	float:left;
	padding:0 6px;
	border-right:1px solid #e0e0e0;
	}	
#nav li a {
	display:block;
	float:left;
	width:86px;
	padding-top:18px;
	padding-bottom:6px;
	text-decoration:none;
	text-transform:uppercase;
	color:#808080;
	padding-left:11px;
	}
#nav li a:hover {background:url(images/bg_nav_over.gif) repeat-x;}
.borderbottom {border-bottom:1px solid #e0e0e0; padding-bottom:12px;}	
#nav li.last {border-right:none;}
#nav li.first {display:none;}
#services #nav a.services, #portfolio #nav a.portfolio, #creative #nav a.creative, #company #nav a.company, #contact #nav a.contact, #news #nav a.news, #marketwatch #nav a.marketwatch, #services #nav a.services:hover, #portfolio a.portfolio:hover, #creative a.creative:hover, #company a.company:hover, #contact a.contact:hover, #news a.news:hover, #marketwatch a.marketwatch:hover, #brokerage a.brokerage:hover, #brokerage #nav a.brokerage  {background:url(images/bg_nav_active.gif) repeat-x;}	
#nav { padding-bottom:23px;height:45px; color:#fff;}
#content {
	/*border:1px solid #ceccc9;*/
	float:left;
	clear:left;
	width:884px;
	min-height:194px;
	padding:7px;
	}
#footer {
	float:left;
	clear:both;
	width:100%;
	padding-top:7px;
	border-top:1px solid #e0e0e0;
	}
#footer p {text-transform:uppercase; color:#808080;width:340px; float:left;}	
#footer ul {width:540px; float:right; list-style:none; text-align:right;}
#footer ul li {display:block; float:left; border-right:1px solid #d8d9d7; padding:0 8px;}
#footer ul li.last {border-right:none;}
#footer ul li a {display:block; float:left; text-decoration:none; color:#808080;}
#footer li a:hover {color:#ec9328; background-image:none;}
#copy h3 {font-weight:normal;}	
#copy {padding:12px; width:884px; float:left; clear:left;}	
.clear {clear:both}	

#subnav {width:884px; height:138px;}
#creative #copy .article p, #services #copy .article p, #brokerage #copy .article p {float:left; width:545px;}
#services #copy .article, #brokerage #copy .article {float:left; clear:left;}
#creative #copy .article ul,#services #copy .article ul, #brokerage #copy .article ul {float:left; clear:left; margin-top:14px;}
#services #copy .article p.list, #creative #copy .article p.list, #brokerage #copy .article p.list {letter-spacing:.08em; margin-top:14px;}
#creative #copy .article h4, #services #copy .article h4, #company #copy .article h4, #brokerage #copy .article h4 {
	font-size:14px;
	letter-spacing:.02em;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:2px;
}
#home #copy {padding-left:6px;}
#copy div.articlewrap {width:596px; border-right:1px solid #e0e0e0;}
#creative #copy .article, #services #copy .article, #brokerage #copy .article {margin-bottom:20px; float:left; clear:left;padding-left:20px}
.who_we_are #copy .article img {float:left; margin-right:10px;}
.who_we_are #copy .article p {float:left; clear:none; width:700px;}
.who_we_are #copy .article h4  {float:left;}

#company #copy .article, #portfolio #copy .article {margin-bottom:20px; width:844px; float:left; clear:left; padding-left:20px;}
#company #copy h3 {color:black; font-size:12px;}
#company #copy .article p {padding-right:20px;}

.product_development #copy h2 {height:40px; width:100%; background:url(images/title_product_development.jpg) top left no-repeat; text-indent:-9999px;}

.marketing_communications #copy h2 {height:40px; width:100%; background:url(images/title_market_comm.jpg) top left no-repeat; text-indent:-9999px;}

.sales_brokerage #copy h2 {height:40px; width:100%; background:url(images/title_sales_brokerage.jpg) top left no-repeat; text-indent:-9999px;}

.market_research #copy h2 {height:40px; width:100%; background:url(images/title_market_research.jpg) top left no-repeat; text-indent:-9999px;}

.design_services #copy h2 {height:40px; width:100%; background:url(images/title_design_services.jpg) top left no-repeat; text-indent:-9999px;}

.who_we_are #copy h2 {height:40px; width:100%; background:url(images/title_who_we_are.jpg) top left no-repeat; text-indent:-9999px;}

#brokerage #copy h2 {height:40px; width:100%; background:url(images/title_brokerage.jpg) top left no-repeat; text-indent:-9999px;}

.case_lumen #copy h2 {height:40px; width:100%; background:url(images/title_lumen.jpg) top left no-repeat; text-indent:-9999px;}
.case_2200 #copy h2 {height:40px; width:100%; background:url(images/title_2200.jpg) top left no-repeat; text-indent:-9999px;}
.case_vine #copy h2 {height:40px; width:100%; background:url(images/title_vine.jpg) top left no-repeat; text-indent:-9999px;}
.case_tribeca #copy h2 {height:40px; width:100%; background:url(images/title_tribeca.jpg) top left no-repeat; text-indent:-9999px;}
.case_embarcadero #copy h2 {height:40px; width:100%; background:url(images/title_embarcadero.jpg) top left no-repeat; text-indent:-9999px;}
.case_concord #copy h2 {height:40px; width:100%; background:url(images/title_concord.jpg) top left no-repeat; text-indent:-9999px;}
.case_fifteen #copy h2 {height:40px; width:100%; background:url(images/title_fifteen.jpg) top left no-repeat; text-indent:-9999px;}
.case_parc #copy h2 {height:40px; width:100%; background:url(images/title_parc.jpg) top left no-repeat; text-indent:-9999px;}


.design_services #copy div.article1, .marketing_communications #copy div.article1, .community #copy div.article1, .sales_brokerage #copy div.article1, .who_we_are #copy div.article1, .accolades #copy div.article1, .community #copy div.article1, .case_fifteen #copy div.article1, .case_parc #copy div.article1, .case_lumen #copy div.article1, .case_2200 #copy div.article1, .case_vine #copy div.article1, .case_concord #copy div.article1, .case_tribeca #copy div.article1, .case_embarcadero #copy div.article1, .market_research #copy div.article1, .product_development #copy div.article1, #brokerage #copy div.article1 {padding:10px 20px; background-color:#f4f2f0; margin-bottom:20px; font-size:12px;}

.accolades #copy h2 {height:40px; width:100%; background:url(images/title_accolades.jpg) top left no-repeat; text-indent:-9999px;}

.community #copy h2 {height:40px; width:100%; background:url(images/title_community.jpg) top left no-repeat; text-indent:-9999px;}

#services #copy, #creative #copy, #brokerage #copy {padding:0;}
#company #copy {padding:0;}
#portfolio #copy {padding:0;}

#copy p.landing {font-size:16px; line-height:20px; letter-spacing:.02em; padding:12px 0 12px 12px; text-align:justify;}
.articlewrap .article li span {padding:0 6px;}

#services #subnav {
	background:url(images/subnav_services_bg.jpg) top left no-repeat;
	}
#services.market_research #subnav {
	background:url(images/subnav_market_research_bg.jpg) top left no-repeat;
	}
#services.product_development #subnav {
	background:url(images/subnav_product_development_bg.jpg) top left no-repeat;
	}	
#services.marketing_communications #subnav {
	background:url(images/subnav_marketing_strategy_bg.jpg) top left no-repeat;
	}	
#services.sales_brokerage #subnav {
	background:url(images/subnav_sales_brokerage_bg.jpg) top left no-repeat;
	}
#brokerage #subnav {
	background:url(images/subnav_brokerage_bg.jpg) top left no-repeat;
}		
		
#company #subnav {
	background:url(images/subnav_company_bg.jpg) top left no-repeat;
	}
#company.who_we_are #subnav {
	background:url(images/subnav_whoweare_bg.jpg) top left no-repeat;
	}	
#company.accolades #subnav {
	background:url(images/subnav_accolades_bg.jpg) top left no-repeat;
	}	
#creative #subnav {
	/*background:url(images/subnav_company_bg.jpg) top left no-repeat;*/
	}
#company.community #subnav {
	background:url(images/subnav_relationships_bg.jpg) top left no-repeat;
	}		
	
#subnav ul {list-style:none; float:right; width:289px; text-align:left; background:url(images/subnav_bg.jpg) top right no-repeat; height:138px;}
#subnav li {
	display:block;
	float:left;
	}
#subnav li a {
	display:block;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	padding:6px 0 3px 14px;
	height:18px;
	text-decoration:none;
	width:275px;
	}
#subnav li a:hover {background-color:#000033; opacity:.4;}	
#subnav li a.first:hover {background-color:transparent; background-image:url(images/subnav_top_over.gif);}
#subnav li a.last {height:21px;}	

.market_research #subnav a.market_research, .who_we_are #subnav a.who_we_are{background-color:transparent; background-image:url(images/subnav_top_over.gif); opacity:.4;}
 .product_development #subnav a.product_development, .design_services #subnav a.design_services, .marketing_communications #subnav a.marketing_communications, .sales_brokerage #subnav a.sales_brokerage, .accolades #subnav a.accolades, .community #subnav a.community  {background-color:#000033; opacity:.4; color:#e3ce19;}	
	
.accolades #copy ul, .community #copy ul {margin-left:15px; margin-bottom:15px;}
.accolades #copy h4 {margin-bottom:10px;}
.community #copy p {padding-bottom:10px;}

#contact #subnav {background:url(images/subnav_contact_bg.jpg) top left no-repeat; height:194px;}
.surveytemp {background:url(images/subnav_contactsurvey_bg.jpg) top left no-repeat; height:194px;}
#news #subnav {background:url(images/subnav_news_bg.jpg) top left no-repeat; height:194px;}
#marketwatch #subnav {background:url(images/subnav_marketwatch_bg.jpg) top left no-repeat; height:194px;}
#creative #subnav {background:url(images/subnav_creative_bg.jpg) top left no-repeat;
	}	
	
.case_fifteen #subnav {background:url(images/portfolio/header_fifteen.jpg) left top no-repeat;}	
.case_parc #subnav {background:url(images/portfolio/header_parc.jpg) left top no-repeat;}
.case_vine #subnav {background:url(images/portfolio/header_vine.jpg) left top no-repeat;}
.case_2200 #subnav {background:url(images/portfolio/header_2200.jpg) left top no-repeat;}
.case_concord #subnav {background:url(images/portfolio/header_concord.jpg) left top no-repeat;}
.case_lumen #subnav {background:url(images/portfolio/header_lumen.jpg) left top no-repeat;}
.case_tribeca #subnav {background:url(images/portfolio/header_tribeca.jpg) left top no-repeat;}
.case_embarcadero #subnav {background:url(images/portfolio/header_embarcadero.jpg) left top no-repeat;}

#portfolio #copy .article h3, #contact #copy .article h3  {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.02em;
}
#portfolio #copy .article, #contact #copy .article {width:565px;float:left;}
#portfolio #copy .article p, #contact #copy .article p {padding-bottom:20px;}
#contact #copy div.sidebar { width:280px; float:right; padding-left:20px;}
#portfolio #copy .sidebar .callout, #contact #copy .sidebar .callout {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 10px; font-weight:bold; font-size:12px; line-height:1.6em; margin-bottom:20px; margin-left:10px; margin-right:10px;}
#portfolio #copy .sidebar ul {list-style:none; color:#000; font-weight:bold; font-size:10px; text-transform:uppercase; line-height:1.9em;}
#portfolio #copy div.sidebar {width:240px; float:right; padding-left:20px;}

#contact #copy table {}
#contact #copy table td {width:200px;}
#contact .directory table {width:800px; float:left; margin-right:20px; margin-bottom:20px;}

#contact div.directory {border-top:1px solid #ccc;padding-bottom:20px; clear:both; margin-top:20px; padding-top:20px;}
#contact form label {clear:left; float:left; width:80px;}
#contact form label, #contact form input, #contact form textarea {margin-top:10px;}
#contact form input, #contact form textarea {width:180px;}
#contact input.submit {width:80px; margin-left:80px;}

#results {
	width: 600px;
	margin: 0 15px 50px 0;
}

#results dt {
	margin: 2em 0 0 0;
	padding-top: 0.5em;
	border-top: 1px solid #68666B;
	font-weight: bold;
	display: block;
	clear: both;
	font-size:12px;
}

#results dd.date {
	clear: both;

	float: right;
	display: inline;
	font-size: 10px;
	color: #68666B;
	padding: 0;
}
#results ul {
	margin-left:15px;
	padding-left:15px;
	}
#results p {
	padding-bottom:10px;}	
#results li p {padding-bottom:0}	

.qc_pager a {padding:0 12px;}
p.urbancondos {font-size:12px; margin-bottom:10px; padding-left:12px;}
p.urbancondos img {margin-left:6px; margin-bottom:-6px;}

.accolades div.year, .community div.sub_block {
	float:left;
	width:240px;
	padding-right:40px;
	}
.accolades div.year p, .community div.sub_block p {
	font-weight:bold;
	font-size:10px;
	}
.accolades div.year li, .community div.year li {
	font-size:10px;
	line-height:16px;
	}	
.accolades .article, .community div.article {
	float:left;
	clear:left;
	margin-bottom:20px;
	}	
 	
	
	
.static_photo td {vertical-align:top; padding:2px 2px 8px; text-align:left;}	
.static_photo td p, .static_photo td ul {line-height:14px;}
.static_photo td.disclaimer p, #brokerage p.disclaimer {font-size:9px; color:#999999; line-height:12px;}

.static_photo div {background-color:#fff; height:244px; width:432px; display:none; padding-top:20px; padding-left:20px; overflow:auto; background-position:top right; background-repeat:no-repeat;}
.static_photo td.logo {text-align:center;padding-bottom:6px;}
.static_photo td.logo img {display:none;}
.static_photo td.label p {font-weight:bold;}
.static_photo td.label {width:95px;}
.static_photo td ul {margin-left:15px;}
.static_photo div.project_1521 {background-image:url(images/portfolio/projects_1521.jpg);}
.static_photo div.project_enclave {background-image:url(images/portfolio/projects_enclave.jpg);}
.static_photo div.project_hotel {background-image:url(images/portfolio/projects_hotel.jpg);}
.static_photo div.project_escala {background-image:url(images/portfolio/projects_escala.jpg);}
.static_photo div.project_equinox {background-image:url(images/portfolio/projects_equinox.jpg);}
.static_photo div.project_ava {background-image:url(images/portfolio/projects_ava.jpg);}
.static_photo div.project_gallery {background-image:url(images/portfolio/projects_gallery.jpg);}
.static_photo div.project_bravern {background-image:url(images/portfolio/projects_bravern.jpg);}
.static_photo div.project_vida {background-image:url(images/portfolio/projects_vida.jpg);}
.static_photo div.project_essex {background-image:url(images/portfolio/projects_essex.jpg);}
.static_photo div.project_parc {background-image:url(images/portfolio/projects_parc.jpg);}
.static_photo div.project_2virginia {background-image:url(images/portfolio/projects_2virginia.jpg);}
.static_photo div.project_elektra {background-image:url(images/portfolio/projects_elektra.jpg);}
.static_photo div.project_concord {background-image:url(images/portfolio/projects_concord.jpg);}
.static_photo div.project_riverwalk {background-image:url(images/portfolio/projects_riverwalk.jpg);}
.static_photo div.project_vine {background-image:url(images/portfolio/projects_vine.jpg);}
.static_photo div.project_residences5 {background-image:url(images/portfolio/projects_residences5.jpg);}
.static_photo div.project_tribeca {background-image:url(images/portfolio/projects_tribeca.jpg);}
.static_photo div.project_2200 {background-image:url(images/portfolio/projects_2200.jpg);}
.static_photo div.project_lumen {background-image:url(images/portfolio/projects_lumen.jpg);}
.static_photo div.project_bella {background-image:url(images/portfolio/projects_bella.jpg);}
.static_photo div.project_avenue1 {background-image:url(images/portfolio/projects_avenue1.jpg);}
.static_photo div.project_leland {background-image:url(images/portfolio/projects_leland.jpg);}
.static_photo div.project_embarcadero {background-image:url(images/portfolio/projects_embarcadero.jpg);}
.static_photo div.project_tribeca {background-image:url(images/portfolio/projects_tribeca.jpg);}
.static_photo div.project_meridian {background-image:url(images/portfolio/projects_meridian.jpg);}
.static_photo div.project_infinity {background-image:url(images/portfolio/projects_infinity.jpg);}
.static_photo div.project_eleven {background-image:url(images/portfolio/projects_eleven.jpg);}
.static_photo div.project_decatur {background-image:url(images/portfolio/projects_decatur.jpg);}
.static_photo div.project_hjarta {background-image:url(images/portfolio/projects_hjarta.jpg);}


div.thumb.hotel {background-image:url(images/portfolio/thumb_hotel.jpg);}
div.thumb.fifteen {background-image:url(images/portfolio/thumb_1521.jpg);}
div.thumb.t2200 {background-image:url(images/portfolio/thumb_2200.jpg);}
div.thumb.2virginia {background-image:url(images/portfolio/thumb_2virginia.jpg);}
div.thumb.ava {background-image:url(images/portfolio/thumb_ava.jpg);}
div.thumb.bravern {background-image:url(images/portfolio/thumb_bravern.jpg);}
div.thumb.concord {background-image:url(images/portfolio/thumb_concord.jpg);}
div.thumb.riverwalk {background-image:url(images/portfolio/thumb_riverwalk.jpg);}
div.thumb.elektra {background-image:url(images/portfolio/thumb_elektra.jpg);}
div.thumb.residences5 {background-image:url(images/portfolio/thumb_residences5.jpg);}
div.thumb.embarcadero {background-image:url(images/portfolio/thumb_embarcadero.jpg);}
div.thumb.enclave {background-image:url(images/portfolio/thumb_enclave.jpg);}
div.thumb.equinox {background-image:url(images/portfolio/thumb_equinox.jpg);}
div.thumb.escala {background-image:url(images/portfolio/thumb_escala.jpg);}
div.thumb.essex {background-image:url(images/portfolio/thumb_essex.jpg);}
div.thumb.gallery {background-image:url(images/portfolio/thumb_gallery.jpg);}
div.thumb.lumen {background-image:url(images/portfolio/thumb_lumen.jpg);}
div.thumb.vida {background-image:url(images/portfolio/thumb_vida.jpg);}
div.thumb.vine {background-image:url(images/portfolio/thumb_vine.jpg);}
div.thumb.infinity {background-image:url(images/portfolio/thumb_infinity.jpg);}
div.thumb.parc {background-image:url(images/portfolio/thumb_parc.jpg);}
div.thumb.avenue1 {background-image:url(images/portfolio/thumb_avenue1.jpg);}
div.thumb.leland {background-image:url(images/portfolio/thumb_leland.jpg);}
div.thumb.tribeca {background-image:url(images/portfolio/thumb_tribeca.jpg);}
div.thumb.bella {background-image:url(images/portfolio/thumb_bella.jpg);}
div.thumb.meridian {background-image:url(images/portfolio/thumb_meridian.jpg);}
div.thumb.eleven {background-image:url(images/portfolio/thumb_eleven.jpg);}
div.thumb.decatur {background-image:url(images/portfolio/thumb_decatur.jpg);}
div.thumb.hjarta {background-image:url(images/portfolio/thumb_hjarta.jpg);}

.surveytemppage a.contact {background-image:none;}	{
}
