/*
///////////////////////////////////////
STYLES RESET
///////////////////////////////////////
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
///////////////////////////////////////
GENERAL TAGS
///////////////////////////////////////
*/

body {
	font-family:Arial,sans;
	font-size:11px;
	color:#999;
	background:white;
}

a, a:hover, a:active, a:visited {
	color:#ff6600;
	text-decoration:none;
}

a:hover {
	border-bottom:#ff6600 1px dotted;
}

a.sm, a.sm:hover, a.sm:active, a.sm:visited {
	font-size:10px;
}

#footer a, #footer a:hover, #footer a:active, #footer a:visited {
	border:none;
	color:#999;
	text-decoration:underline;
}

#footer .fb_link, #footer .fb_link:visited, #footer .fb_link:hover, #footer .fb_link:active {
	float:left;
	text-decoration:none;
}

li a:hover {
	border:none;
}

#navBar a:hover {
	border:none;
}

#leftCol a:hover {
	border:none;
}

em {
	font-style:italic;
}

h1 {
	font-size:18px;
	font-family:"Arial",sans;
	color:#477ba5;
}

h3 {
	font-size:13px;
	font-family:"ScalaSans-Light","Arial",sans;
	font-weight:normal;
	color:#6a6a6a;
	padding-bottom:3px;
}

h6 {
	font-size:11px;
	color:#484745;
	font-weight:bold;
}

hr {
	border:0px;
	height:1px;
	background:#c3cdd3;
}

p {
	padding:10px 0px 10px 0px;
	line-height:16px;
}

#subLeftCol p {
	padding-top:0px;
}

strong {
	font-weight:bold;
	color:#666;
}

#sub2colContainer #subLeftCol p strong {
	font-weight:normal;
	color:#333;
}

b {				  /*Firefox*/
	color: #000;
}

#tinymce strong { /*Safari*/
	color: #000;
	font-weight: normal; 
}

#tinymce b {
	color #000;
}


ul li {
	font-size:10px;
	line-height:13px;
	margin:0px 0px 5px 0px;
	list-style-position:outside;
	list-style-type:disc;
}

/*
///////////////////////////////////////
GENERAL CONTAINERS
///////////////////////////////////////
*/

#mainContainer {
	width:98%;
	position:absolute;
	top:0%;
	left:1%;
	text-align:center;
	margin:auto;
}

	#subMainContainer {
		width:950px;
		margin:auto;
	}
	
		#navBar {
			width:100%;
			margin:15px 0px 15px auto;
			text-align:right;
			padding-top:25px;
		}
		
		#leftCol {
			width:220px;
			height:420px;
			background:#8ac3db;
			float:left;
			margin:0px 0px 0px 0px;
			
			padding:0px;
			position:relative;
		}
		
		#rightCol {
			width:725px;
			float:right;
			z-index:2;
		}
		
			#slideShow {
				margin:0px;
				padding:0px;
				overflow:hidden;
				height:420px;
			}
			
				#top2colLeft {
					display:block;
					float:left;
					text-align:left;
					background:#f2f0e2;
					width:275px;
					height:420px;
					margin-left:-1px;
				}
				
				#top2colFull {
					display:block;
					float:left;
					text-align:left;
					width:750px;
				}
				
					.pad{
						padding: 20px;
					}
					
				*html #top2colFull {
					width:720px;
				}
				
				#top2colRight {
					display:block;
					float:right;
					text-align:left;
					width:446px;
					height:420px;
					background-color:#dbeaf2;
					overflow:auto;
				}
				
				#top2colRight.beigeBG {
					background:#f2f0e2;
				}
				.masterPlan #top2colRight{
					background: #f2f0e2 url(../images/bg_masterPlan_sketch.jpg) bottom center no-repeat;
				}
				
				#top2colRight.masterPlan {
					background: #f2f0e2 url(../images/bg_masterPlan_sketch.jpg) bottom center no-repeat;
				}
			
			.portfolio #slideShow {
				margin:0px;
				padding:0px;
				height:584px;
				position:relative;
				top:-1px;
				left:-1px;
				border:#f00 solid 0px;
			}
			
			#rightWide #slideShow {
				text-align:left;
				background:#f2f0e2;
				margin:0px;
				padding:0px;
			}
			
				#rightWide #slideShow img {
					border:solid #fff 5px;
					margin:-5px -5px;
				}
				
				.portfolio #slideShow #needFlash {
						text-align:left;
						padding:20px 0px 0px 0px;
				}
				
				#slideShow #needFlashShiftUp {
					top:0px;
					text-align:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 10px;
					border-bottom:solid #fff 5px;
					background:#dbeaf2;
					z-index:50;
				}
				
			#sub2colContainer {
				width:725px;
				border-bottom:#ececec solid 1px;
				padding:27px 0px 0px 0px;
			}
			
				#subLeftCol {
					width:440px;
					text-align:left;
					float:left;
					margin:0px;
					padding:0px 20px 15px 0px;
					border-right:#ececec solid 1px;
				}
				
				#subRightCol {
					width:250px;
					height:100%;
					margin:0px 0px 0px 0px;
					text-align:left;
					float:right;
					padding:0px 0px 0px 0px;
					/*background:#f99;*/
				}
			
			.homepage #sub2colContainer {
				/*width:725px;
				border-bottom:#ececec solid 1px;
				padding:0px 0px 0px 0px;*/
				margin-top:27px;
				padding-top:0px;
				background:#fff url(/assets/images/BGhomeCol.gif) top left repeat-y;
			}
			
				.homepage #subLeftCol {
					/*width:440px;
					text-align:left;
					float:left;*/
					margin:0px;
					/*padding:0px 20px 15px 0px;
					border-right:#ececec solid 1px;*/
				}
				
				.homepage #subRightCol {
					/*width:250px;
					height:100%;*/
					margin:0px;
					/*text-align:left;
					float:right;
					padding:0px 0px 0px 0px;
					background:#f99;*/
				}
				
			.portDetail #sub2colContainer {
				margin-top:27px;
				padding-top:0px;
				background:#fff url(/assets/images/BGdetailCol.gif) top left repeat-y;
			}
			
				.portDetail #subLeftCol {
					margin:0px;
				}
				
				.portDetail #subRightCol {
					margin:0px;
				}
		
		#footer {
			text-align:right;
			font-size:9px;
			padding:15px 0px 15px 0px;
		}
		
		.portfolio #footer {
			position:relative;
			top:-1px;
			*top:0px;
			border-top:#ececec solid 1px;
		}
/*
#tinymce {
	background: #dbeaf2;
	padding:0 20px;
}
	#tinymce b {
		color:#000;
		font-weight:normal;
	}
	.mceContentBody a{
		color:#F60;
		text-decoration:none;
	}
*/

/*
///////////////////////////////////////
GENERAL CLASSES
///////////////////////////////////////
*/

.divider {
	margin:0px 7px;
}

.clearB {
	clear:both;
	margin:0px;
	padding:0px;
}

.clearR {
	clear:right;
}

.clearL {
	clear:left;
}

.close_btn {
	cursor:pointer;
}

.rule{
	margin: 10px 0;
	border-top: 1px solid #ececec;
}

.dkGry {
	color:#484745;
}

a.grayLink, a.grayLink:Hover, a.grayLink:Visited, a.grayLink:Active {
	color:#8b8b8b;
}

h1 .projName {
	color:#484745;
}

h1 .siteCategory {
	color:#477ba5;
}

.headerTag {
	margin-bottom:15px;
}

.ofNote {
	font-size:10px;
	padding-bottom:15px;
}
	.ofNote p{
		font-size:10px;
		margin: 0;
		padding: 0;
	}
	
	.noteTag {
		padding:5px 0px 12px 0px;
	}
	
	#rightWide .noteTag {
		padding:5px 0px 0px 0px;
	}
	
	.notePhoto {
		float:left;
		padding:0px 8px 8px 0px;
	}

	.notePadLeft {
	
	}

.padLeft {
	padding-left:33px;
}

.pngfix { behavior: url("assets/js/iepngfix.htc"); }


.printOnly{
	display: none;
}


.printNone{
	display: block;
}


/*
///////////////////////////////////////
SECONDARY NAVIGATION LISTS - LOWER RIGHT OF PAGE
///////////////////////////////////////
*/

#subRightCol ul.noBullet {
	margin:27px 0px 0px 0px;
	padding-left:10px;
}

#subRightCol ul.noBullet li {
	font-size:11px;
	line-height:12px;
	/*margin:0px 0px 5px 0px;*/
	list-style-position:outside;
	list-style-type:none;
	background: url(../images/li_arrow-wide.gif) left no-repeat;
	/*padding-left: 8px;*/
	margin:0px 0px 0px -10px;
	padding:3px 0px 4px 20px;
	color:#8b8b8b;
	text-decoration:none;
	display:block;
	width:160px;
}

#subRightCol ul.noBullet li:hover {
	background:#f9f9f9 url(../images/li_arrow-wide.gif) left no-repeat;
}

#subRightCol ul.noBullet li.pgActive {
	background:#efefef url(../images/li_arrow-wide.gif) left no-repeat;
	cursor:default;
}

/*
///////////////////////////////////////
TERTIARY NAVIGATION LISTS - MIDDLE LEFT OF RIGHT COLUMN
///////////////////////////////////////
*/

#top2colLeft ul.noBullet {
	margin:30px 0px 0px 40px;
	/*padding-left:40px;*/
}

#top2colLeft ul.noBullet li {
	font-size:11px;
	line-height:12px;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 14px;
	list-style-position:outside;
	list-style-type:none;
	color:#8b8b8b;
	text-decoration:none;
}

#top2colLeft ul.noBullet li:hover {
	color:#477ba5;
	/*background: url(../images/li_arrow.gif) no-repeat;*/
}

#top2colLeft ul.noBullet li.pgActive {
	background: url(../images/li_arrow.gif) no-repeat;
}

#top2colLeft ul.noBullet li.pgActive a {
	color:#477ba5;
}

#top2colLeft ul.noBullet li a:hover {
	color:#477ba5;
	background:none;
}

#top2colLeft ul.noBullet li.pgActive {
	color:#477ba5;
	font-weight:normal;
	cursor:default;
}

/*
///////////////////////////////////////
PROJECT DETAILS PAGE
///////////////////////////////////////
*/

#rightWide #subLeftCol {
	width:439px;
	text-align:left;
	float:left;
	padding:0px 10px 15px 0px;
	border-right:#ececec solid 1px;
}

.portDetail #subLeftCol {
	border:#0f0 solid 0px;
}

	#projectAudio {
		margin:0px;
		padding:0px;
		width:20px;
		display:inline;
	}

#quoteContainer {
	display:none;
	position:absolute;
	bottom:-20px;
	left:-25px;
	width:500px;
	height:65px;
	background:#f2f0e2;
	padding:30px;
	text-align:left;
	margin:auto;
	/*windows only*/
	filter: alpha(opacity=90);
	z-index:10;
}

/*safari only*/
@media all and (min-width:0px) {
	body:not(:root:root) #quoteContainer {
		opacity: 0.90;
	
	}
}
	#quoteContainer p {
		font-size:11px;
		color:#477ba5;
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}
	
	#quoteContainer em {
		display:block;
		font-size:11px;
		color:#8b8b8b;
		font-style:italic;
		text-align:right;
		margin:auto 0px auto auto;
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}
	
#rightWide #subRightCol #projHighlights ul li{
	list-style-position:outside;
	list-style-type:none;
	line-height:12px;
	margin:10px 0px 5px -10px;
	padding:0px 0px 0px 12px;
	background: url(../images/li_dot.gif) no-repeat;
}

#rightWide #subRightCol {
	display:block;
	width:275px;
	margin:0px;
	text-align:left;
	float:left;
	padding:0px;
}

	#rightWide #subRightCol #projAwards {
		top:0px;
		right:0px
		bottom:0px;
		left:0px;
		display:none;
		width:245px;
		height:100%;
		background:#f2f0e2;
		margin-left:10px;
		margin-bottom:auto;
		padding:10px 10px 3px 10px;
	}

		#projAwards ul {
			padding-top:10px;
			margin-left:5px;
		}
		
			#rightWide #subRightCol #projAwards ul li{
				list-style-position:outside;
				list-style-type:none;
				line-height:12px;
				margin:0px 0px 5px -10px;
				padding:0px 0px 0px 12px;
				background: url(../images/li_dot.gif) no-repeat;
			}

	#rightWide #subRightCol #projHighlights {
		display:block;
		width:245px;
		height:100%;
		background:#fff;
		margin-left:10px;
		padding:0px 10px 0px 10px;
	}
					
#projAwards .hdImg {
	margin-left:15px;
}

#rightWide #subLeftCol .imgover {
	cursor:pointer;
}

#projAwards .close_btn {
	margin:-10px -10px auto auto;
	float:right;
}

#quoteContainer .close_btn {
	position:absolute;
	bottom:0px;
	right:0px;
	float:right;
}

/*
///////////////////////////////////////
FIRM
///////////////////////////////////////
*/

.firm #top2colRight {
	position:relative;
	width:346px;
	height:320px;
	padding:50px;
}

	.firm #top2colRight #top2cloRightSub2 {
		height:307px;
		overflow:auto;
	}
	
	.firm #top2colRight #detailSubBtn {
		position:absolute;
		bottom:35px;
		display:block;
		width:340px;
	}

	.firm #top2colRight .imgover {
		cursor:pointer;
	}

	.firm #top2colRight p {
		line-height:15px;
		margin-bottom:0px;
		padding-bottom:0px;
		color:#666;
	}
	
	.firm #top2colRight #peopleAwards p {
		line-height:15px;
		margin-bottom:0px;
		padding-bottom:0px;
		color:#666;
	}
	
	#top2colLeft strong, #top2colLeft b {
		color:#8b8b8b;
		font-weight:normal;
	}
	
	#top2colRight strong,#top2colRight b {
		color:#484745;
		font-weight:normal;
	}

/*
///////////////////////////////////////
PROCESS
///////////////////////////////////////
*/

.process #top2colRight {
	position:relative;
	width:346px;
	height:320px;
	padding:50px;
}

	/*.process #top2colRight.architecture {*/
		/*background:#dbeaf2 url(../images/bg_arch_sketch.jpg) bottom right no-repeat;*/
		/*background-image:url(../images/bg_arch_sketch.jpg);
		background-position: top right;
		background-repeat: no-repeat;
	}*/
	.architecture {
		background-image:url(../images/bg_arch_sketch.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	
	.process #top2colRight #detailSubBtn {
		position:absolute;
		bottom:35px;
		display:block;
		width:340px;
	}

	.process #top2colRight .imgover {
		cursor:pointer;
	}
	
	.process #top2colRight p {
		color:#666;
	}
	
.process ul {
	padding-bottom:15px;
}

#top2colLeft strong, #top2colLeft b {
	color:#8b8b8b;
	font-weight:normal;
}

#top2colRight strong, #top2colRight b {
	color:#2a4669;
	font-weight:normal;
}

/*
///////////////////////////////////////
SUSTAINABILITY
///////////////////////////////////////
*/

.sustain #top2colRight {
	position:relative;
	width:346px;
	height:320px;
	padding:50px;
}

	.sustain #top2colRight #detailSubBtn {
		position:absolute;
		bottom:35px;
		display:block;
		width:340px;
	}

	.sustain #top2colRight .imgover {
		cursor:pointer;
	}
	
	.sustain #top2colRight p {
		color:#666;
	}
	
.sustain ul {
	padding-bottom:15px;
}

#top2colLeft strong, #top2colLeft b {
	color:#8b8b8b;
	font-weight:normal;
}

#top2colRight strong, #top2colRight b {
	color:#484745;
	font-weight:normal;
}

.sustain #subLeftCol2 {
	border-right:0px;
}

.sustain #subLeftCol2 {
	border-right:#ececec solid 1px;
}

/*
///////////////////////////////////////
CONTACT
///////////////////////////////////////
*/
.contact #top2colRight {
	position:relative;
	width:346px;
	height:320px;
	padding:50px;
	overflow:hidden;
}

	.contact #top2colRight p {
		margin-left:165px;
	}
	
.map {
	margin-left:18px;
}

#mapLeftCol {
	float:left;
}

#mapLeftCol {
	padding-left:10px;
}

/*
///////////////////////////////////////
CREDITS
///////////////////////////////////////
*/

#top3colLeft {
	text-align:left;
	display:block;
	float:left;
	height:420px;
	width:235px;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	/*border-right:5px solid #fff;*/
	background:#dbeaf2;
	color:#666;
}

#top3colMid {
	text-align:left;
	display:block;
	float: left;
	width:240px;
	height:420px;
	margin:0px 5px;
	padding:30px 0px 0px 0px;
	background:#dbeaf2;
	color:#666;
}

#top3colRight {
	text-align:left;
	display:inline;
	float:right;
	height:420px;
	width: 240px;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	/*border-left:5px solid #fff;*/
	background:#dbeaf2;
	color:#666;
}

#top3colLeft p {
	padding:10px;
}

#top3colMid p {
	padding:10px;
}

#top3colRight p {
	padding:10px;
}

/*
///////////////////////////////////////
SEND TO FRIEND
///////////////////////////////////////
*/

label {
	width:88px;
	display:inline;
	float:left;
}

#formContainer {
	position:relative;
	background:#f8f8f0;
	font-size:11px;
	font-family:Arial;
	color:#8b8b8b;
	top:0px;
	left:0px;
	width:400px;
	margin:10px 0px;
	padding:15px;
	z-index:2;
	display:block;
}

	#formContainer ol {
		padding-top:14px;
	}
	
		#formContainer ol li {
			padding-bottom:2px;
		}

#reference {
	position:absolute;
	top:px;
	left:0px;
	z-index:1;
}

.checkBoxPad {
	padding:5px 0px 0px 85px;
}

.noFloat {
	float:none;
}

.sendBtn {
	float:right;
	margin-top:-30px;
}

.textinput {
	width:245px;
	border:solid 1px #cecece;
}

/*
///////////////////////////////////////
STAFF LIST COLLAPSE
///////////////////////////////////////
*/

.firm .toggleblock h4.toggler {
	width: 300px;
	background: url(../images/li_arrow.gif) no-repeat;
	margin:0px 0px 0px -8px;
	padding:0px 0px 5px 8px;
	cursor:pointer;
}

.firm .togglesel h4.toggler {
	background: url(../images/li_arrow-dn.gif) no-repeat;
	cursor:pointer;
}

.firm #top2colRight .staffInfo {
	margin:3px 0px 5px 8px;
	padding:13px;
	color:#8b8b8b;
	font-size:10px;
	line-height:12px;
	background:#edf5f9;
}

	.firm #top2colRight .staffInfo p {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 76px;
	}
	
	.staffPhoto {
		float:left;
		padding:0px 8px 0px 0px;
	}