body {

	font-size: 12px; 

	background-color: #FFF;

	font-family: Arial, sans-serif;

	line-height: 18px;

	color:#333;

	}

p {

	margin-top: 0px;

	text-align: justify;

	line-height: 20px;

	font-size: 13px;

	}

	

a {

	color: #333;

	text-decoration: none;

	}

#articleSlideshow img,

#news .block img,	

.fullwidth {

	width: 100%;

}

	 

a:hover {

	}

	

.underline a {

	text-decoration: underline;

}

	

.backBtn {

	margin-top: 40px; 

	border: 1px solid #CCC; 

	padding: 3px; width: 70px;

	cursor: pointer;

	}

	

.backBtn:hover {

	border: 1px solid #006699;

	}



.backBtn:hover a {

	text-decoration: none;

	color: #333;

	}

	

.backBtn a {

	text-decoration: none;

	color: #666;

	}

	

h1 {

	font-size: 24px;

	line-height: 24px;

	font-weight:normal;

	color: #999;

}



h2 {

	font-size: 17px;

	margin: 30px 0 5px 0;

	}



h3 {

	font-size: 16px;

	margin: 30px 0 5px 0;

	}

	

#benefits {

	margin-top: -30px;

	}

	

#benefits p {

	margin-bottom: 10px;

	}	



tr { margin: 0px;}



td { margin: 0px;}

	



/* Homepage */

#slideshow {

	height: 555px;

	width: 1060px;

	margin-top: 0px;

	margin-bottom: 25px;

	}



#slideshow img {

	width: 1060px;

	height: 555px;

	}

	

#news .thumbnail {

	width: 115px;

	float: left;

	margin: 1px;

	}



#news .title {

	width: 100%;

	font-size: 12px;

	margin: 2px 0 10px 0;

	}

	

.box {

	border: 1px solid #ccc;

	overflow:auto;

	}

	

p.text {

	padding:4px 8px 0 0;

	text-align: left;

}



.box img {

    float:left;

	padding-right:8px;

	border:0;

}



iframe {

    margin:0;

	padding:0;

}

	

.block {

	font-size: 13px; 

	line-height: 20px;

	text-align: justify;

	}

	

.block a {

	color: #006699;

	}



/* Category Colors */



.sustainability {

	color: #99CC33;

	}



.firm {

	color: #669900;

	}



.firm a {

	color: #669900;

	text-decoration: none;

	}	



.people {

	color: #660033;

	}



.people a {

	color:#660033;

	}



.news {

	color: #CC6600;

	}



.news a {

	color: #CC6600;

	text-decoration: none;

	}



.projects {

	color: #006699;

	}



.projects a{

	color: #006699;	

	}



.careers {



	}

	

.contact {

	color: #339900;

	}



.title {

	font-size: 14px;

	font-weight: bold;

	}

	

.articleTitle {

	font-size: 20px;

	padding: 0 0 10px 0;

	line-height: 26px;

	}	



.title a:hover{

	text-decoration: none;

	}

	

#container {

	text-align: left;

	min-height:600px;

	height:auto;

	padding: 10px 20px 40px 20px;

	color: #333;

	overflow:hidden;

	

	}

	

* html #container { 

	/* for IE5-6 */

	height: 100%;

	}



#footer {

	padding: 10px;

	border-top: 1px solid #eee;

	height:auto;

	overflow:hidden;

}



#menu {

	height: 110px;

	background-color: #FFF;

	margin: 0 auto;

	padding: 0 20px 0 20px;

	}

	

#menu img {

	}

	

#menu .logo {

	float: left;

	width: 100px;

	}



#menu .mainmenu {

	height: 44px;

	top: 10px;

	position: relative;

	float: right;

	width: 574px;

	}

	

#menu .search {

	position: absolute;

	top: 15px;

	height: 30px;

	left: 385px;

	width: 180px;

	}

	

#menu .firm{

	position: absolute;

	top: 44px;

	left: -63px;

	height: 77px;

	}



#menu .sustainability {

	position: absolute;

	top: 9px;

	left: -6px;

	height: 50px;

	}

	

#menu .news {

	position: absolute;

	top: 44px;

	left: -30px;

	height: 77px;

	}



#menu .people {

	position: absolute;

	top: 44px;

	left: 123px;

	height: 77px;

	}

	

#menu .projects {

	position: absolute;

	top: 44px;

	left: 49px;

	height: 77px;

	}

	

	

#menu .contact {

	position: absolute;

	top: 44px;

	left:225px;

	height: 77px;

	}

	

#menu .mainmenu li  {

	float: left;

	}

	

/*** Projece Side Menu ***/	

.projectSide {

	border: 1px solid

	}

	

/*** Side Menu***/

.menuList{

	margin-bottom: 20px;

	cursor: pointer;

	}



.menuList a {

	text-decoration: none;

	}	



.menuList li {

	margin: 0 0 10px 0;

	z-index: 1;

	}





	

/*** more ***/

.main{

	display: block;

	height: 100%;

	background-color: #FFF;

	}

	

.clickable {

	margin-top: 10px;

	cursor: pointer;

	}

	

.clickable:hover {

	border-color: 1px solid #CCC;

	}

	

.clickable a:hover {

	text-decoration: underline;

	}

	

	

.justify {

	text-align: justify;

	}

	

.selected  {

	background-color: #EEE;

	font-style: bold;

	}

	

.active {

	/*font-size: 16px; */

	font-weight: bold;

	}



.listItem {

	float: left; 

	width: 210px; 

	height: 230px; 

	border: 1px solid #CCC; 

	margin: 0 20px 20px 0;

}



	.listItem span {

		width: 210px; 

		height: 170px; 

		display: block;

		overflow: hidden;

	}



	.listItem strong {

		color: #8aac3c;

		display: block;

		font-size: 1.1em;

		margin-left: 5px;

	}



	.listItem p {

		font-size: 1em;

		margin-left: 5px;

	}

	

/*** News Box ***/	

.newsBox {

	width: 100%;

	height: 110px;

	color:#333;

	margin: 0 20px 10px 0;

	clear: both;

	border: 1px solid #FFF;

	

	}



.newsBox a{

	color: #CC6600;

	text-decoration: none;

	}

	

.newsBox img {

	width: 160px;

	height: 110px;

	float: left;

	margin-right: 10px;

	border: 1px solid #CCC;

	}

	

.newsBox .text {

	width: 56%;

	text-align: justify;

	float: left;

	margin-left: 10px;

	}

	

.newsBox .title {

	margin: 0 0 5px 0;

	}	

	

	

.authorDate {

	color: #666;

	font-size: 14px;

	margin-top: -7px;

	}	



	

#tabs {

	border: 1px solid #CCC;

	}



.articleAuthor {

	margin: -15px 0 20px 0;

	}

	

		

.pagination {

	margin: 20px 0 5px 20px;

	clear: both;

	}

	

.pagination strong {

	padding: 5px 8px;

	border: 1px solid #CCC;

	background-color: #EEE;

	}



.pagination a {

	padding: 5px 8px;

	border: 1px solid #CCC;

	}

	

.dlBox {

	margin-top: 10px; 

	border: 1px solid #EEE; 

	padding: 3px;

}



.grid_3 ul li {

	margin-bottom: 10px;

}



	#tabs ul li a {

		color: #111;

		font-size: 1em;

	}



	.grid_3 ul li a {

		color: #a0a0a0;

		font-size: 1.5em;

	}



	.grid_3 ul li a:hover {

		color: #446284;

	}



.newsMonth a {

	color: #999;

	font-size: 1.6em;

}



/* Projects */

p {

	text-align: justify;

}





a.blue {

	color: #006699;

	}



.grey {

	border-top: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	padding: 12px 0;

}

.awardDates {

	margin-bottom: 10px;

	border-bottom: 1px solid #CCC;

	}



.marketInfo {

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #CCC;

	}



#slideshow.projectSlideshow {

		width: 100%;

		height: 400px;

	}

	

	#slideshow.projectSlideshow img {

		width: 100%;

		height: auto;

		}

	

.workTab li{

	width: 173px;

	font-size: 13px;

	color: #333;

	float: left;

	text-align: left;

	margin: 0 0 15px 21px;

	height: 187px;

	color: #333;

	line-height: 14px;

	}



.workTab img {

	margin-top: -35px;

	width: 180px;

	}

	

#controls {

	width: 100%;

	margin-top: 30px;

	float: right;

	}	



.projectStats {

	width: 300px; 

	padding: 5px; 

	border-top: 1px solid #CCC; 

	float: right; 

	margin: 40px 0 0 30px;

	}

	

.projectSpacer {

	width: 300px; 	

	float: right; 

	margin: 40px 0 0 40px;

}





	

#control {

	float: left;

	cursor: pointer;

	}



#pbtn {

	padding: 0 0 0 50px;;

	}



#control .pause {

	background: url('images/pause.gif') top left no-repeat;

	width: 50px;

	}

	

#control .play {

	background: url('images/play.gif') top left no-repeat;

	}

	

.projectSubmenu li {

	margin-left: 20px;

	}

	

.projectSubmenu .selected {

	background-color: #EEE;

	}

	

.catDescription {

	color: #333;

	text-align: justify;

	font-size: 13px;

	line-height: 20px;

	border-bottom: 1px solid #CCC;

	margin-bottom: 10px;

	}

	

	.workTab span {

		height: 110px;

		display: block;

		overflow: hidden;

		margin: 0 0 5px 0;

		}

		

		.workTab span img {

			}



/* Slidehows and Paginated Information */

#Pagination {

	clear: both;

}

#pagination {

	height: 475px;

}

#pagination img {

	width: 100%;

}

#nav {

	width: 100% !important;

	text-align: right;

	float: right;

	clear:both;

	border-top:1px solid #EEE;

	font-weight:bold;

	line-height: 40px;

	}

	#nav a {

		border: 1px solid #CCC;

		padding: 4px 8px;

		margin-left: 5px;

		color: #ccc;

		font-size: 12pt;

		}



	#nav a.activeSlide {

		background-color: #CCC;

		color: #fff;

		}

		

	#prev {

		float:left;

		margin:0 20px 0 0;

		}

		

	#next {

		float:right;

		}



	#next a { color: #333;}

	#prev a { color: #333;}



.offsite {

	width: 100%;

	height: 64px;

	border: none;

}



.blue {

	color: #006699;

	}

	

.purple {

	color: #996666;

	}

	

.red {

	color: #FF6633;

	}

	

.brown{

	color: #996633;

	}

	

.orange {

	color: #FF9933;

	}

	

.green {

	color: #669900;

	}

	
.menuList li.civiccultural,
.menuList li.education,
.menuList li.parksopenspaces,
.menuList li.housingneighborhoods {
	margin: 0 0 0 0;
}

.menuList li.cultural,
.menuList li.government,
.menuList li.institutional,
.menuList li.collegesuniversities,
.menuList li.independentschools,
.menuList li.parks,
.menuList li.waterfronts,
.menuList li.affordablemixedincomehousing,
.menuList li.marketratehousing,
.menuList li.seniorliving {
	margin: 0 0 10px 20px;
	font-size: .8em;
}

.menuList li.cultural,
.menuList li.government,
.menuList li.collegesuniversities,
.menuList li.parks,
.menuList li.affordablemixedincomehousing,
.menuList li.marketratehousing {
	margin: 0 0 0 20px;
	font-size: .8em;

}
/*
.menuList li.education,
.menuList li.parks ,
.menuList li.affordablemixedincomehousing,
.menuList li.marketratehousing,
.menuList li.seniorliving 
.menuList li.institutional {
	display: none;
}*/ 

#articleSlideshow {
	min-height: 355px;
}