* {
	margin: 0;
	padding: 0;
}
html { background-color: #454443; }
body {
	position: relative;
	color: #454443;
	font-size: 11px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background-color: #454443;
}
#wrapper {
	width: 989px;
	margin: 0 auto;
	text-align: left;
}
#container {
	float: left;
	display: inline;
	width: 970px;
	margin-left: 19px;
	background: transparent url(../images/bg.jpg) no-repeat 0 0;
}
#main {
	float: left;
	display: inline;
	width: 100%;
	padding-top: 80px;
}
#container.home-bg-1, #container.home-bg-2, #container.home-bg-3, #container.home-bg-4 { background-position: 0 135px; }
.home-bg-1 #main, .home-bg-2 #main, .home-bg-3 #main, .home-bg-4 #main { padding: 215px 0 490px 0; }
.home-bg-1 #main { background: transparent url(../images/home1.jpg) no-repeat 0 0; }
.home-bg-2 #main { background: transparent url(../images/home2.jpg) no-repeat 0 0; }
.home-bg-3 #main { background: transparent url(../images/home3.jpg) no-repeat 0 0; }
.home-bg-4 #main { background: transparent url(../images/home4.jpg) no-repeat 0 0; }
#header {
	position: relative;
	float: left;
	width: 951px;
	height: 94px;
	z-index: 10000;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 107px;
	height: 68px;
	text-indent: -9999px;
}

/* sub navigation */

ul#sub-nav {
	position: absolute;
	top: 4px;
	right: 45px;
	list-style-type: none;
}
ul#sub-nav li {
	float: left;
	display: inline;
}
ul#sub-nav li a {
	display: block;
	height: 20px;
	text-indent: -9999px;
}
#nav-news { width: 40px; }
#nav-white-papers { width: 120px; }
#nav-careers { width: 55px; }
#nav-contact { width: 55px; }
#nav-blog { width: 45px; }

/* main navigation */

#nav-overlay, #nav-overlay2 {
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #454545;
	z-index: 10000;
}
#nav-overlay {
	top: 94px;
}
#nav-overlay2 {
	top: 144px;
}
ul#nav {
	position: absolute;
	top: 24px;
	right: 17px;
	list-style-type: none;
	z-index: 10001;
}
ul#nav li {
	float: left;
	display: inline;
}
ul#nav li a {
	display: block;
	height: 68px;
	text-indent: -9999px;
	padding-bottom: 2px;
}
ul#nav li a:hover, ul#nav li.selected a { 
	padding-bottom: 0;
	border-bottom: 2px solid #FFF;
}
#nav-projects { width: 72px; }
#nav-integrated-design { 
	width: 154px;
	margin-left: 20px;
}
#nav-about-us { 
	width: 84px;
	margin-left: 18px;
}

	/* dropdown navigation */
	
	ul#nav li ul {
		position: absolute;
		right: -9px;
		width: 940px;
	}
	ul#nav li ul li {
		float: right;
		display: inline;
	}
	ul#nav li ul li a, ul#nav li.selected ul li a {
		display: inline;
		font-size: 12px;
		color: #FFF;
		text-decoration: none;
		text-indent: 0;
		line-height: 50px;
		height: 50px;
		padding: 0 11px;
		border: 0;
		font-weight: normal;
	}
	ul#nav li ul li a:hover, ul#nav li ul li.selected a {
		border: 0;
		text-decoration: underline;
	}
	
	/* second level dropdown */
	
	ul#nav li ul li ul {
		position: absolute;
		top: 50px;
		right: 0;
	}
	ul#nav li ul li ul li a, ul#nav li ul li.selected ul li a { text-decoration: none; }
	ul#nav li ul li ul li a:hover, ul#nav li ul li.selected ul li a:hover { text-decoration: underline; }
	
/* home page styles */

#home-content {
	float: right;
	display: inline;
	margin-top: 200px;
	width: 383px;
	color: #FFF;
}
#home-content #home-intro {
	float: left;
	display: inline;
	width: 325px;
	line-height: 21px;
	margin-bottom: 35px;
}
#home-callouts {
	float: left;
	width: 383px;
	margin-top: 80px;
}
#home-callout-bar {
	float: left;
	display: block;
	width: 80px;
	height: 2px;
	background-color: #FFF;
	font-size: 1px;
	line-height: 1px;
}
#home-callouts .callout {
	position: relative;
	float: left;
	width: 383px;
	margin-bottom: 4px;
	color: #8C8A88;
	font-size: 11px;
	background: transparent url(../images/callout-go.gif) no-repeat top right;
}
#home-callouts .callout .bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 364px;
	background-color: #454545;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
}
#home-callouts .callout a.callout-link {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 383px;
	z-index: 2;
}
#home-callouts .callout .content {
	position: relative;
	float: left;
	display: inline;
	width: 314px;
	margin: 25px 25px 0 25px;
	padding-bottom: 25px;
	z-index: 1;
}
#home-callouts .callout .image-content {
	position: relative;
	float: left;
	display: inline;
	width: 340px;
	margin: 12px 12px 0 12px;
	padding-bottom: 12px;
	z-index: 1;
}
#home-callouts .callout .image-content img { border: 5px solid #FFF; }
#home-callouts .callout .image-content .image-content-text {
	position: absolute;
	bottom: 30px;
	left: 125px;
}
#home-callouts .callout p.title {
	color: #FFF;
	font-size: 15px;
	margin-bottom: 5px;
}

/* general page layout */

#content-container {
	float: left;
	width: 970px;
}
#page-title {
	position: relative;
	float: left;
	width: 969px;
	height: 25px;
	background-color: #000;
}
#page-title p {
	position: absolute;
	width: 350px;
	top: 0;
	left: 15px;
	height: 25px;
	font-size: 15px;
	line-height: 25px;
	color: #FFF;
}
#page-title #search-bar {
	position: absolute;
	top: 0;
	right: 0px;
}
.content-body {
	float: left;
	width: 951px;
	background-color: #FFF;
}
.content-inner {
	float: left;
	display: inline;
	width: 875px;
	padding-top: 40px;
	margin-left: 40px;
}
.content-body p { margin-bottom: 30px; }
.content-body p.crumb-trail {
	font-size: 9px;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.content-body p.crumb-trail a, .content-body p.crumb-trail a:active,
.content-body p.crumb-trail a:visited {
	color: #666;
	text-decoration: none;
}
.content-body p.crumb-trail a:hover { color: #454443; }
.content-body h1 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}
.content-body ul { 
	padding-left: 25px;
	list-style-type: none;
	margin-bottom: 25px;
}
#content-container a, #content-container a:active, #content-container a:visited {
	color: #39C;
	text-decoration: none;
}
#content-container a:hover { text-decoration: underline; }

/* pagination styles */

.pagination {
	float: left;
	width: 560px;
	padding-top: 40px;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#content-container .pagination a {
	color: #454443;
	text-decoration: none;
	margin: 0 2px;
	border-bottom: 1px solid #FFF;
}
#content-container .pagination a.selected { border-bottom: 1px solid #454443; }

/* filtered content layout (left/right column) */

#filtered-content {
	position: relative;
	float: left;
	width: 969px;
	background: transparent url(../images/design-legacy-bg.gif) repeat-y 165px 0;
}
#filtered-content-search {
	float: left;
	width: 969px;
	height: 25px;
	background-color: #454443;
}
#filtered-content #search-bar {
	position: absolute;
	top: 0;
	right: 0;
}
#filtered-content #left {
	float: left;
	display: inline;
	width: 165px;
}
#filtered-content #left div {
	float: left;
	width: 165px;
	padding: 30px 0;
	font-size: 11.5px;
	line-height: 15px;
	background: transparent url(../images/dashed-separator.gif) repeat-x 0 0;
	text-align: right;
}
#filtered-content #left div div {
	float: right;
	display: inline;
	width: 140px;
	margin-right: 25px;
	padding: 0;
	background-image: none;
}
#filtered-content #left div h2 {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 18px;
	color: #FFF;
	font-weight: normal;
}
#filtered-content #left div ul.spaced li { margin-bottom: 20px; }
#filtered-content #left div h2 span {
	color: #999;
	font-size: 13px;
}
#filtered-content #left div a, #filtered-content #left div a:active, #filtered-content #left div a:visited { 
	color: #999;
	text-decoration: none;
}
#filtered-content #left div a:hover, #filtered-content #left div a.selected { color: #FFF; }
#filtered-content #left div input {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #5C5955;
	color: #999;
	width: 105px;
	padding: 7px 5px;
	border: 0;
}
#filtered-content #right {
	float: left;
	display: inline;
	width: 786px;
	padding: 60px 0;
	background-color: #FFF;
}
#filtered-content #right a, #filtered-content #right a:active, #filtered-content #right a:visited {
	text-decoration: none;
	color: #454443;
}
#filtered-content #right a:hover { text-decoration: underline; }

/* partner login styles */

#partner-body {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 120px;
}
#partner-body p.intro { margin-bottom: 15px; }
#partner-body h1, #partner-body h2 {
	float: left;
	width: 100%;
}
#partner-body h1 { margin-bottom: 15px; }
#partner-body h2 { margin: 15px 0; }
#partner-form {
	float: left;
	width: 100%;
	margin: 30px 0 15px 0;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 20px;
	background: transparent url(../images/dashed-separator.gif) repeat-x bottom left;
}
#partner-form p { margin-bottom: 15px; }
#partner-form .text-field {
	border: 1px solid #CCC;
	padding: 3px;
}
#partner-form input, #partner-form select { 
	margin: 0 10px 10px 0;
}

/* news styles */

#news-body {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 120px;
}
#news-body h1 {
	float: left;
	display: inline;
	font-weight: normal;
	color: #686665;
	font-size: 16px;
	line-height: 27px;
}
#news-body h1 span {
	font-size: 10px;
	font-weight: bold;
}
#news-body .news-item {
	float: left;
	width: 560px;
	padding: 50px 0 30px 0;
	font-size: 11.5px;
	background: transparent url(../images/dashed-separator.gif) repeat-x bottom left;
}
#news-body .news-item p { margin-bottom: 20px; }
#news-body .news-item p.date { margin-bottom: 0; }
#news-body .news-item h2 {
	font-size: 14px;
	margin-bottom: 25px;
}

/* award styles */

#award-body {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 120px;
}
#award-body h1 {
	float: left;
	display: inline;
	width: 100%;
	font-weight: normal;
	color: #686665;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 40px;
}
#award-body h1 span {
	font-size: 10px;
	font-weight: bold;
}
#award-body ul {
	list-style-type: none;
	line-height: 13px;
}
#award-body ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#award-body ul li b {
	float: left;
	display: inline;
	width: 50px;
}
#award-body ul li span {
	float: left;
	display: inline;
	width: 510px;
}
#award-body ul li span.full { width: 560px; }
#filtered-content #left ul.columned li {
	float: left;
	display: inline;
	width: 50%;
	text-align: right;
}

/* career styles */

/* career openings styles */

#openings-body {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 120px;
}
#openings-body h1 {
	float: left;
	display: inline;
	font-weight: normal;
	color: #686665;
	font-size: 16px;
	line-height: 27px;
}
#openings-body h1 span {
	font-size: 10px;
	font-weight: bold;
}
#openings-body .opening-item {
	float: left;
	width: 560px;
	padding: 50px 0 30px 0;
	font-size: 11.5px;
	background: transparent url(../images/dashed-separator.gif) repeat-x bottom left;
}
#openings-body .opening-item p { margin-bottom: 20px; }
#openings-body .opening-item p.date { margin-bottom: 0; }
#openings-body .opening-item h2 {
	font-size: 14px;
	margin-bottom: 25px;
}

/* white papers + media styles */

#white-paper-body {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 120px;
}
#white-paper-body h1 {
	float: left;
	display: inline;
	font-weight: normal;
	color: #686665;
	font-size: 16px;
	line-height: 27px;
}
#white-paper-body h1 span {
	font-size: 10px;
	font-weight: bold;
}
#white-paper-body .white-paper-item {
	float: left;
	width: 560px;
	padding: 30px 0 10px 0;
	font-size: 11.5px;
	background: transparent url(../images/dashed-separator.gif) repeat-x bottom left;
}
#white-paper-body .white-paper-item p { margin-bottom: 20px; }
#white-paper-body .white-paper-item p.date { margin-bottom: 15px; }
#white-paper-body .white-paper-item p.type {
	font-size: 9px;
	color: #666;
	text-transform: uppercase;
	margin: 0;
}
#white-paper-body .white-paper-item h2 {
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 14px;
}

/* contact page */

#contact-body {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 120px;
}
#contact-body h1 {
	float: left;
	display: inline;
	font-weight: normal;
	color: #686665;
	font-size: 16px;
	margin-bottom: 20px;
}
#contact-body p {
	float: left;
	width: 100%;
}
#contact-form {
	float: left;
	width: 560px;
	margin: 10px 0 15px 0;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 20px;
}
#contact-form p { margin-bottom: 15px; }
#contact-form .group {
	float: left;
	display: inline;
	width: 220px;
	margin: 0 40px 15px 0;
}
#contact-form .group label {
	float: left;
	width: 100%;
}
#contact-form .text-field {
	float: left;
	width: 100%;
	border: 1px solid #CCC;
	padding: 3px;
}

/* blog styles */

#blog-body {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 120px;
}
#blog-body h1 {
	float: left;
	display: inline;
	font-weight: normal;
	color: #686665;
	font-size: 16px;
	line-height: 27px;
}
#blog-body h1 span {
	font-size: 10px;
	font-weight: bold;
}
#blog-body .blog-item {
	float: left;
	width: 560px;
	padding: 50px 0 30px 0;
	font-size: 11.5px;
	background: transparent url(../images/dashed-separator.gif) repeat-x bottom left;
}
#blog-body .blog-item p { margin-bottom: 20px; }
#blog-body .blog-item p.date { 
	margin-bottom: 25px;
	font-size: 10px;
	color: #999;
}
#blog-body .blog-item h2 {
	font-size: 14px;
	margin-bottom: 0;
}
#blog-body .blog-item p.posted-by {
	font-size: 9px;
	color: #666;
	text-transform: uppercase;
	margin: 0;
}
#blog-body .blog-item img { border: 12px solid #EBEBEB; }

/* projects list layout */

	/* list layout */

	#category-intro {
		float: left;
		width: 100%;
		padding: 30px 0;
		background-color: #292928;
	}
	#category-intro div {
		float: left;
		display: inline;
		width: 871px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		margin-left: 40px;
	}
	#category-intro div a {
		color: #369;
		font-size: 8px;
		text-transform: uppercase;
		text-decoration: none;
	}
	#projects-list {
		position: relative;
		float: left;
		width: 951px;
		padding: 40px 0;
	}
	#projects-list .project-view-nav {
		position: absolute;
		top: 38px;
		right: 40px;
		z-index: 100;
	}
	#projects-list .project-section {
		float: left;
		display: inline;
		width: 951px;
		margin: 0 0 25px 0;
	}
	#projects-list .project-section h2 {
		float: left;
		display: inline;
		width: 500px;
		margin: 0 0 0 40px;
		font-size: 15px;
		line-height: 27px;
		font-weight: normal;
		color: #686665;
	}
	#projects-list .alt {
		height: 28px;
		padding-top: 45px;
		background-image: url(../images/project-list-separator.jpg);
	}
	#projects-list .project-section h2 span {
		font-size: 10px;
		color: #454443;
		font-weight: bold;
	}
	#projects-list .project {
		float: left;
		display: inline;
		width: 870px;
		height: 101px;
		margin: 0 0 25px 40px;
		line-height: 14px;
		font-size: 11.5px;
	}
	#projects-list .project .project-image {
		float: left;
		display: inline;
		margin-right: 30px;
	}
	#projects-list .project div {
		position: relative;
		float: left;
		display: inline;
		width: 739px;
		height: 101px;
	}
	#projects-list .project div div {
		position: absolute;
		left: 0;
		bottom: 0;
		height: auto;
		margin: 0;
	}
	#projects-list .project p { margin: 0; }
	#projects-list .project p.title {
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 10px;
		color: #686665;
	}
	#projects-list .project .title span { color: #AAA; }
	
	/* gallery layout */
	
	#projects-gallery {
		position: relative;
		float: left;
		display: inline;
		width: 951px;
		padding: 95px 0 40px 0;
		background-color: #2A2A29;
	}
	#projects-gallery .project-view-nav {
		position: absolute;
		top: 38px;
		right: 40px;
		z-index: 100;
	}
	#projects-gallery .gallery-title {
		position: absolute;
		top: 40px;
		left: 40px;
		font-size: 16px;
		line-height: 27px;
		color: #FFF;
	}
	#projects-grid {
		float: left;
		display: inline;
		width: 911px;
		margin-left: 40px;
	}
	#projects-grid div {
		position: relative;
		float: left;
		display: inline;
		margin: 0 48px 48px 0;
		width: 134px;
		height: 134px;
	}
	#projects-grid div img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		cursor: pointer;
	}
	#projects-grid div a {
		display: none;
	}
	#projects-grid div .grid-overlay {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 134px;
		height: 134px;
		z-index: 2;
		background-color: #2A2A29;
		filter:alpha(opacity=1);
		-moz-opacity:0.01;
		opacity: 0.01;
	}
	#projects-grid-popup {
		 position: absolute; 
		 top: 0; 
		 left: 0; 
		 z-index: 1000;
		 padding: 20px;
		 background-color: #000; 
		 font-size: 9px;
		 line-height: 13px;
		 color: #FFF;
		 text-transform: uppercase;
		 text-align: left;
	}
	#projects-grid-popup img {
		position: absolute;
		left: 20px;
		bottom: -10px;
	}
	#projects-grid-popup p { margin: 0; }
	#projects-grid-popup p.title {
		text-transform: none;
		font-size: 13px;
		margin-bottom: 15px;
	}
	
	/* related documents layout */
	
	#related-documents {
		float: left;
		width: 951px;
		padding: 45px 0 15px 0;
		background-color: #F2F2F2;
	}
	#related-documents-inner {
		float: left;
		display: inline;
		width: 870px;
		margin-left: 40px;
	}
	#related-documents-inner h2 {
		font-size: 15px;
		line-height: 27px;
		color: #686665;
		font-weight: normal;
		margin-bottom: 35px;
	}
	#related-documents-inner h2 span {
		font-size: 10px;
		color: #454443;
		font-weight: bold;
	}
	#related-documents-list {
		float: left;
		width: 100%;
	}
	#related-documents-list .document {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		line-height: 14px;
	}
	#related-documents-list p { margin: 0; }
	#related-documents-list .document p.type {
		font-size: 9px;
		color: #666;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	#related-documents-list .document h3 {
		font-size: 13px;
		font-weight: normal;
		margin-bottom: 15px;
	}
	#related-documents-list .document h3 a {
		color: #454443;
		text-decoration: none;
	}
	#related-documents-list .document h3 a:hover { text-decoration: underline; }

/* project page layout */

#project-thumbs-container {
	position: relative;
	float: left;
	width: 970px;
}
#project-thumbs-nav {
	float: left;
	width: 951px;
	height: 22px;
	padding-top: 3px;
	background-color: #454443;
}
#project-thumbs-nav a {
	margin-right: 3px;
}
#project-thumbs {
	float: left;
	width: 951px;
	padding: 25px 0;
	background-color: #333;
}
#project-thumbs-mask {
	position: relative;
	float: left;
	display: inline;
	width: 901px;
	height: 66px;
	margin-left: 25px;
	overflow: hidden;
}
#project-thumbs-scroll {
	position: absolute;
	top: 0;
	left: 0;
	height: 66px;
	width: 5000px;
}
#project-thumbs-scroll a {
	float: left;
	display: inline;
	width: 90px;
	height: 66px;
	margin-right: 25px;
	cursor: pointer;
	background-color: #454443;
}
#project-thumbs-container #search-bar {
	position: absolute;
	top: 0;
	right: 1px;
}
#project-description {
	float: left;
	display: inline;
	width: 505px;
	padding-top: 20px;
	margin: 0 80px 0 40px;
}
#project-description #project-intro {
	font-size: 9px;
	line-height: 13.5px;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 30px;
}
#project-description #project-intro span { color: #000; }
#project-services {
	float: left;
	display: inline;
	width: 300px;
	padding-top: 45px;
}
#project-services div {
	float: left;
	width: 300px;
	margin-bottom: 20px;
}
#project-services h2 {
	float: left;
	width: 80px;
	margin-right: 20px;
	font-size: 18px;
	text-align: right;
	font-weight: normal;
}
#project-services ul {
	float: left;
	display: inline;
	width: 200px;
	padding: 0;
	list-style-type: none;
}
#project-services ul li {
	clear: both;
	width: auto;
	text-align: left;
	font-size: 11.5px;
	color: #959391;
	line-height: 12px;
	margin-bottom: 6px;
}
#project-services a, #project-services a:active, #project-services a:visited {
	color: #959391;
	text-decoration: none;
}
#project-services a:hover { 	
	text-decoration: underline;
}
	/* interactive map styles */
	
	#map-overlay {
		position: absolute;
		top: 0;
		left: 0;
		background-color: #454443;
		width: 100%;
		z-index: 10001;
	}
	#map-container {
		position: absolute;
		top: 0;
		left: 400px;
		width: 886px;
		height: 444px;
		background-color: #000;
		z-index: 10002;
		text-align: left;
	}
	#map-container h1 {
		position: absolute;
		top: 15px;
		left: 15px;
		font-size: 18px;
		font-weight: normal;
		color: #FFF;
	}
	#map {
		position: absolute;
		top: 75px;
		left: 25px;
		width: 541px;
		height: 333px;
		background: transparent url(/images/map-bg.gif) no-repeat 0 0;
	}
	#map-nav {
		position: absolute;
		top: 35px;
		right: 50px;
		width: 230px;
	}
	#map-dropdown {
		position: relative;
		float: left;
		width: 229px;
		height: 25px;
		margin-bottom: 40px;
		background: transparent url(/images/map-dropdown-bg.gif) no-repeat 0 0;
		z-index: 1;
	}
	#map-dropdown span {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 219px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		color: #FFF;
		cursor: pointer;
	}
	#map-dropdown ul {
		position: absolute;
		top: 25px;
		left: 0;
		width: 229px;
		padding: 10px 0;
		background-color: #5C5955;
		z-index: 10002;
		border-top: 2px solid #000;
	}
	#map-dropdown ul li {
		float: left;
		display: inline;
		width: 218px;
		height: 18px;
		line-height: 18px;
		margin-left: 10px;
		color: #AAA49E;
		font-size: 14px;
		cursor: pointer;
	}
	#map-dropdown ul li.selected, #map-dropdown ul li:hover { color: #FFF; }
	#map-list-mask {
		position: relative;
		float: left;
		width: 230px;
		height: 300px;
		overflow: hidden;
		z-index: 0;
	}
	#map-list-slider {
		position: absolute;
		top: 0;
		left: 0;
		width: 230px;
	}
	#map-list-slider ul {
		position: relative;
		float: left;
		width: 230px;
		list-style-type: none;
		color: #666;
	}
	#map-list-slider ul li {
		position: relative;
		float: left;
		width: 100%;
		cursor: pointer;
		margin-bottom: 15px;
	}
	#map-list-slider ul li:hover { color: #999; }
	#map-list-slider ul li.selected { color: #FFF; }
	#map-list-slider ul li h2 {
		font-size: 16px;
		font-weight: normal;
	}
	#map-list-slider ul li h3 {
		font-size: 9px;
		font-weight: normal;
		text-transform: uppercase;
	}
	#map-popup {
		position: absolute;
		top: 3px;
		left: 395px;
		width: 109px;
		height: 128px;
		cursor: pointer;
		background: transparent url(../images/map-popup.png) no-repeat 0 0;
	}
	#map-popup img {
		float: left;
		display: inline;
		margin: 8px 0 0 8px;
		width: 91px;
		height: 91px;
	}
	#map-list-scroller {
		position: absolute;
		top: 360px;
		left: 863px;
		width: 23px;
		height: 26px;
		background: transparent url(../images/map-scroller.gif) no-repeat 0	0;
	}
	#map-list-scroller a {
		float: left;
		display: block;
		width: 23px;
		height: 13px;
		text-indent: -9999px;
	}
	#map-corner-nav { 
		position: absolute;
		right: 0;
		top: -24px;
		float: right;
		clear: both;
	}
	#map-corner-nav a { 
		float: right;
		display: inline;
		width: 46px;
		height: 23px;
		margin-left: 1px;
	}
	#map-corner-nav a#map-close { background-image: url(/images/map-close.gif); }

/* integrated design */

#integrated-design-intro {
	position: relative;
	float: left;
	width: 970px;	
	height: 221px;
}
#integrated-design-intro div {
	float: left;
	display: inline;
	width: 588px;
	height: 151px;
	padding-top: 70px;
	background-color: #000;
}
#integrated-design-intro div span {
	float: left;
	display: inline;
	width: 490px;
	margin-left: 50px;
	font-size: 13px;
	color: #999;
	line-height: 22px;
}
#integrated-design-intro div span h1 {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 20px;
}
#integrated-design-intro img {
	float: left;
	display: inline;
}
#integrated-design-intro #search-bar {
	position: absolute;
	top: 0;
	right: 1px;
}
#integrated-design {
	float: left;
	width: 951px;
	padding: 20px 0 50px 0;
	background-color: #FFF;
}
#integrated-design .design {
	float: left;
	width: 100%;
	padding-top: 30px;
}
#integrated-design .design h2 {
	float: left;
	display: inline;
	margin-right: 30px;
	width: 170px;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
}
#integrated-design .design div {
	position: relative;
	float: left;
	display: inline;
	width: 751px;
	padding-bottom: 15px;
	background: transparent url(../images/dashed-separator.gif) repeat-x bottom left;
}
#integrated-design .design div .more, #integrated-design .design div .close {
	position: absolute;
	display: block;
	top: 0;
	right: 45px;
	width: 41px;
	height: 9px;
	line-height: 9px;
	text-indent: -9999px;
	background: transparent url(../images/more-close.gif) no-repeat 0 0;
}
#integrated-design .design div .close { background-position: 0 -9px; }
#integrated-design .design div div {
	width: 635px;
	line-height: 15px;
	background: none;
}

/* the principals styles */

#the-principals-intro {
	position: relative;
	float: left;
	width: 970px;	
	height: 221px;
}
#the-principals-intro div {
	float: left;
	display: inline;
	width: 588px;
	height: 151px;
	padding-top: 70px;
	background-color: #000;
}
#the-principals-intro div span {
	float: left;
	display: inline;
	width: 490px;
	margin-left: 50px;
	font-size: 13px;
	color: #999;
	line-height: 22px;
}
#the-principals-intro div span h1 {
	float: left;
	display: inline;
	width: 200px;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 20px;
}
#the-principals-intro div span ul {
	float: left;
	display: inline;
	width: 130px;
	list-style-type: none;
	font-size: 11.5px;
	line-height: 15px;
}
#the-principals-intro div span ul li { cursor: pointer; }
#the-principals-intro div span ul#top-principals {
	width: 160px;
	font-size: 13px;
	color: #FFF;
	line-height: 20px;
}
#the-principals-intro img {
	float: left;
	display: inline;
}
#the-principals-intro #search-bar {
	position: absolute;
	top: 0;
	right: 1px;
}
#the-principals {
	float: left;
	width: 951px;
	background-color: #FFF;
}
#the-principals .principal {
	float: left;
	width: 100%;
	padding: 50px 0 30px 0;
	background: transparent url(../images/principal-separator.jpg) repeat-x 0 0;
}
#the-principals #secondary-principals .principal {
	background: #F2F2F2 url(../images/principal-separator-alt.jpg) repeat-x 0 0;
}
#the-principals .principal.first { background-image: none; }
#the-principals .principal .left {
	float: left;
	display: inline;
	width: 155px;
	margin: 0 40px;
}
#the-principals .principal .left span {
	float: left;
	margin-top: 30px;
	font-size: 10px;
	font-style: italic;
	line-height: 14px;
}
#the-principals .principal .right {
	float: left;
	display: inline;
	width: 665px;
	font-size: 11.5px;
}
#the-principals .principal .right h2 {
	font-size: 17px;
	font-weight: normal;
	color: #686665;
	margin-bottom: 0;
}
#the-principals .principal .right h3 {
	font-size: 11.5px;
	font-weight: normal;
	margin-bottom: 20px;
}
#the-principals .principal .right p { margin-bottom: 20px; }
#the-principals .principal .right ul.details-nav {
	float: left;
	margin: 20px 0;
	font-size: 14px;
	line-height: 27px;
	list-style-type: none;
}
#the-principals .principal .right ul.details-nav li {
	float: left;
	display: inline;
	background: transparent url(../images/vertical-separator.gif) no-repeat top right;
}
#the-principals .principal .right ul.details-nav li.last { background: none; }
#the-principals .principal .right ul.details-nav a {
	padding: 3px 4px;
	color: #454443;
	text-decoration: none;
	margin: 0 8px;
	background
}
#the-principals .principal .right .details-nav a.selected {
	background-color: #454443;
	color: #FFF;
}
#the-principals .principal .right .details-content {
	float: left;
	width: 550px;
	margin-left: 30px;
}
#the-principals .principal .right .details-content div { margin-bottom: 20px; }

/* our staff styles */

#our-staff {
	position: relative;
	float: left;
	width: 951px;
	padding: 30px 0 30px 0;
	background-color: #FFF;
}
#our-staff img {
	position: absolute;
	top: 0;
	right: 0;
}
#our-staff h1 {
	float: left;
	display: inline;
	width: 200px;
	text-align: right;
	font-weight: normal;
	color: #686665;
	font-size: 15px;
	margin-right: 30px;
}
#our-staff .our-staff-section {
	float: left;
	display: inline;
	width: 720px;
	line-height: 16px;
	font-size: 12px;
	padding-top: 32px;
	margin: 13px 0 30px 0;
	background: transparent url(../images/dashed-separator.gif) repeat-x top left;
}
#our-staff .our-staff-section.first { background-image: none; }
#our-staff .our-staff-section .column {
	float: left;
	display: inline;
	width: 50%;
}
#our-staff .our-staff-section p { 
	width: 300px;
	margin-bottom: 20px;
}

/* design legacy styles */

#design-legacy-search {
	position: relative;
	float: left;
	width: 970px;
	height: 25px;
}
#design-legacy-search #search-bar {
	position: absolute;
	top: 0;
	right: 0;
}
#design-legacy {
	float: left;
	width: 951px;
	background: transparent url(../images/design-legacy-bg.gif) repeat-y 166px 0;	
}
#design-legacy-inner {
	float: left;
	width: 951px;
	background: transparent url(../images/dashed-separator.gif) repeat-x 0 0;
}
#design-legacy-intro {
	float: left;
	display: inline;
	width: 951px;
	margin-left: 166px;
	padding: 40px 0 50px 0;
	background: transparent url(../images/design-legacy-gradient.jpg) repeat-x 0 0;
}
#design-legacy-intro h1 {
	float: left;
	display: inline;
	width: 345px;
	margin-right: 80px;
	text-align: right;
	font-size: 18px;
	font-weight: normal;
}
#design-legacy-intro div {
	float: left;
	display: inline;
	width: 320px;
	color: #999;
	font-size: 13px;
	line-height: 23px;
}
#design-legacy-timeline {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}
#design-legacy-timeline .event {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 55px;
}
#design-legacy-timeline .event h2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 860px;
	padding-top: 16px;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	background: transparent url(../images/dashed-separator.gif) repeat-x 0 0;
}
#design-legacy-timeline .event img {
	float: left;
	display: inline;
	margin: 1px 0 0 270px;
}
#design-legacy-timeline .event .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 150px;
	font-size: 10px;
	line-height: 14px;
	color: #999;
	font-style: italic;
	text-align: right;
}
#design-legacy-timeline .event div {
	position: absolute;
	left: 590px;
	bottom: 0;
	width: 315px;
	line-height: 15px;
}
#design-legacy-timeline .event div .year {
	font-size: 13px;
	color: #999;
	margin-bottom: 8px;
}
#design-legacy-timeline .event div .address {
	font-size: 9px;
	color: #828282;
	text-transform: uppercase;
	margin-bottom: 13px;
}
#design-legacy-timeline .event div .title {
	font-size: 13px;
	margin-bottom: 25px;
}

/* careers styles */

#careers-body {
	float: left;
	width: 951px;
	padding-top: 35px;
	background-color: #FFF;
}
#careers-callout {
	float: left;
	display: inline;
	width: 880px;
	margin: 0 0 0 35px;
	padding: 30px 0;
	background-color: #F2F2F2;
	line-height: 15px;
	font-size: 11.5px;
}
#careers-callout img.main-image {
	float: left;
	display: inline;
	margin: 0 45px 0 40px;
}
#careers-callout p {
	float: left;
	display: inline;
	width: 350px;
	margin-right: 55px;
}
#careers-callout a {
	float: left;
	display: inline;
	color: #454443;
	line-height: 13px;
	text-decoration: none;
}
#careers-body .section {
	float: left;
	width: 100%;
	padding: 35px 0;
	background: transparent url(/images/dashed-separator.gif) repeat-x 0 0;
}
#careers-body .section.first { background-image: none; }
#careers-body .section.last { padding-bottom: 0; }
#careers-body .section div {
	float: left;
	display: inline;
	width: auto;
	margin: 0 40px;
	font-size: 11.5px;
	line-height: 15px;
}
#careers-body .section div h1 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 20px;
}
#careers-body .section div p { margin-bottom: 15px; }
#careers-body .section img {
	float: left;
	display: inline;
}

/* search bar */

#search-bar {
	position: relative;
	float: left;
	width: 382px;
	height: 25px;
	background: transparent url(../images/search-bg.gif) no-repeat 0 0;
}
#search-bar input {
	background-color: transparent;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	width: 350px;
	color: #FFF;
	padding: 4px;
	border: 0;
}
#search-bar a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 19px;
	height: 25px;
	text-indent: -9999px;
}

/* privacy policy */

#privacy-body {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 120px;
}
#privacy-body h1 { margin-bottom: 20px; }
#privacy-body p { margin-bottom: 15px; }
	
/* footer styles */

#footer {
	position: relative;
	float: left;
	width: 100%;
	font-size: 10px;
	padding: 25px 0;
	color: #FFF;
}
#footer-bar {
	position: absolute;
	top: 0;
	left: 585px;
	width: 80px;
	height: 2px;
	background-color: #FFF;
	font-size: 1px;
	line-height: 1px;
}
ul#footer-locations {
	float: left;
	display: inline;
	margin: 0 25px 0 475px;
	width: 85px;
	color: #B0A7A1;
	line-height: 17px;
	list-style-type: none;
	text-align: right;
}
ul#footer-addresses {
	float: left;
	display: inline;
	width: 350px;
	line-height: 17px;
	list-style-type: none;
}
ul#footer-addresses li { 
	float: left;
	width: 100%;
}
#footer-copyright {
	float: left;
	display: inline;
	margin: 20px 0 0 585px;
	font-size: 9px;
	color: #999;
	letter-spacing: .03em;
}
#footer-social-networking {
	float: left;
	display: inline;
	margin: 30px 0 0 585px;
}
#footer-copyright a, #footer-copyright a:active, #footer-copyright a:visited {
	color: #999;
	text-decoration: none;
}
#footer-copyright a:hover { border-bottom: 1px solid #999; }

/* miscellaneous styles */

a img { border: 0; }
a, a:active, a:visited { outline: none; }
.error { 
	float: left;
	width: 100%;
	color: #F00;
}

/* popimg styles */

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #454443;
	width: 100%;
	z-index: 10001;
}
#popimg {
	position: absolute;
	z-index: 10002;
	top: 309px;
}
#popimg_nav { 
	position: absolute;
	right: 0;
	top: -24px;
	float: right;
	clear: both;
}
#popimg_nav a { 
	float: right;
	display: inline;
	width: 46px;
	height: 23px;
	margin-left: 1px;
}
#popimg_nav a#popimg_close { 
	background-image: url(/images/photo-close.gif);
	margin-left: 18px;
}
#popimg_next { background-image: url(/images/photo-next.gif); }
#popimg_previous { background-image: url(/images/photo-previous.gif); }
#popimg_image_holder {
	position: relative;
	float: left;
	clear: both;
	width: 400px;
	height: 300px;
	background-color: #333;
	padding: 25px;
	text-align: center;
}
#popimg_loading {
	position: absolute; 
	top: 25px; 
	left: 25px;
	width: 400px;
	height: 300px;
	display: block;
	background: transparent url(/images/loading.gif) no-repeat 0 0;
}
#popimg_footer {
	float: left;
	width: 971px;
	height: 65px;
	background: transparent url(/images/popimg/footer.gif) no-repeat 0 0;
}