﻿body {
	margin: 0;
	padding: 0;
	background: #ffffff url('body_bg.jpg') repeat-x 0 0;
	font-family: Arial;
	font-size: 16px;
}

a {
	outline: none;
}

img {
	border: none;
}

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

.gallery-clear {
	clear: right;
	margin: 0;
	padding: 0;
}

.external {
	background:url('icon_external.gif') no-repeat right center;
  padding-right:10px;
}

.pdf, .doc, .ppt, .xls {
  background-position:100% 50%;
	background-repeat:no-repeat;
  padding-right:24px;
}

.pdf {background-image:url('icon_pdf.gif');
}
.doc {background-image:url('icon_msword.gif');
}
.ppt {background-image:url('icon_msppt.gif');
}
.xls {background-image:url('icon_msexcel.gif');
}
.img_l {
	float: left;
	margin: 0 6px 6px 0;
}

.img_r {
	float: right;
	margin: 0 0 6px 6px;
}

.img_c {
	display: block;
	margin: 0 auto 6px auto;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 882px;
	position: relative;
}

#inner-wrapper {
	margin: 0;
	padding: 0;
	width: 880;
	background-color: #ffffff;
	border-left: 1px solid #88806f;
	border-right: 1px solid #88806f;
	border-bottom: 1px solid #88806f;
	position: relative;
}


/*===================================*/
/*---- TOP SECTION ------------------*/
/*===================================*/
#top {
	margin: 0;
	padding: 0;
	width: 880px;
	height: 117px;
	background: url('top_inner.jpg') no-repeat 0 0;
	border-bottom: 1px solid #88806f;
	position: relative;
}

#top h1#logo {
	margin: 0;
	padding: 0;
	width: 302px;
	height: 99px;
	background: url('logo.png') no-repeat 0 0;
	position: absolute;
	top: 9px;
	left: 10px;
}

#top h1#logo a {
	display: block;
	margin: 0;
	padding: 0;
	width: 302px;
	height: 99px;
	outline: none;
	text-indent: -9999px;
}

#top #header-nav {
	margin: 0;
	padding: 0;
	width: 400px;
	height: 20px;
	position: absolute;
	top: 85px;
	left: 467px;
	color: #655e4e;
	font-weight: bold;
	font-size: 0.76em;
	text-align:right;
}

#top #header-nav a {
	color: #655e4e;
	text-decoration: none;
}

#top #header-nav a:hover {
	color: #353129;
	text-decoration: none;
}

#top #search {
	margin: 0;
	padding: 0;
	width: 234px;
	height: 19px;
	position: absolute;
	top: 46px;
	left: 643px;
	font-size: 0.70em;
}

#top #search input#searchform {
	margin: 0;
	padding: 2px 4px 1px 4px;
	width: 140px;
	height: 15px;
	border: 1px solid #88806f;
	color: #132e54;
	font-size: 0.88em;
	font-weight: bold;
}

#top #search label {
	color: #132e54;
	font-size: 0.82em;
	font-weight: bold;
}

#top #search label.overlabel {
	display: block;
	width: 70px;
	position: absolute;
	bottom: 22px;
	left: 42px;
	z-index: 1;
	text-align: center;
}

#top #search label.overlabel-apply {
	display:block;
	width: 70px;
	position: absolute;
	bottom: 3px;
	left: 42px;
	z-index: 2;
	text-align: center;
}

#top #search input#submitsearch {
	margin: 0 0 0 2px;
	padding: 0;
	border: none;
	color: #132e54;
	background: transparent;
	cursor: pointer;
	font-weight: bold;
	font-size: 0.88em;
	letter-spacing: 0.04em;
}


/*===================================*/
/*---- NAVIGATION SECTION -----------*/
/*===================================*/
#nav {
	margin: 0;
	padding: 0 0 0 2px;
	width: 878px;
	height: 50px;
	position: relative;
}

#nav ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav ul li {
	float: left;
	display: inline;
	margin: 0 0 0 8px;
	padding: 0;
	list-style-type: none;
	width: 137px;
	height: 38px;
	font-size: 0.70em;
/*	font-weight: bold;*/
	text-align: center;
	position: relative;
	letter-spacing: .05em;
}

a.menu-1-1-2, a.menu-1-2-2, a.menu-1-3-2, a.menu-1-4-2, a.menu-1-5-2, a.menu-1-6-2 {
	display: block;
	margin: 0 0 9px 0;
	padding: 0 2px;
	width: 133px;
	height: 29px;
	background: url('ip_nav_bg.jpg') no-repeat 0 0;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
}

a.menu-1-1-2-active, a.menu-1-2-2-active, a.menu-1-3-2-active, a.menu-1-4-2-active, a.menu-1-5-2-active, a.menu-1-6-2-active, a.menu-1-1-2:hover, a.menu-1-2-2:hover, a.menu-1-3-2:hover, a.menu-1-4-2:hover, a.menu-1-5-2:hover, a.menu-1-6-2:hover {
	display: block;
	margin: 0;
	padding: 0 2px;
	width: 133px;
	height: 38px;
	background: url('ip_nav_bg.jpg') no-repeat 0 -30px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
}


/*===================================*/
/*---- MAIN SECTION -----------------*/
/*===================================*/
#main {
	margin: 0;
	padding: 0;
	width: 880px;
	position: relative;
}

#main-left {
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 28px 0;
	width: 154px;
}

#main-left #blue-cap {
	display: block;
	margin: 0;
	padding: 0;
	width: 146px;
	height: 30px;
	background-color: #002d56;
}

#main-left #subnav {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	width: 144px;
	font-size: 0.64em;
	text-align: right;
	text-transform: uppercase;
}

#main-left #subnav ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-left #subnav ul li {
	display: block;
	margin: 0 10px 0 0;
	padding: 10px 0;
	list-style-type: none;
	border-bottom: 1px solid #88806f;
}

#main-left #subnav ul li.last {
	border: none;
}

#main-left #subnav ul li a {
	display: block;
	margin: 0 5px 0 0;
	padding: 5px 12px;
	text-decoration: none;
	color: #002d56;
}

#main-left #subnav ul li a.active {
	background: url('ip_subnav_bg.jpg') no-repeat 100% 50%;
	color: #88806f;
}

#main-right {
	display: block;
	margin: 0 0 0 156px;
	padding: 0;
	width: 724px;
	position: relative;
}

#main-right #content {
	display: block;
	margin: 0;
	padding: 4px 50px 30px 50px;
	width: 624px;
}

#main-right #content h2 {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.18em;
	font-weight: bold;
	color: #002d56;
	text-transform: uppercase;
}

#main-right #content p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 0.76em;
	color: #5a879d;
	line-height: 1.48em;
}

#main-right #content a {
	color: #002d56;
}

#main-right #content ul {
	display: block;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	font-size: 0.76em;
	color: #5a879d;
	line-height: 1.48em;
}

#main-right #content ul li {
	margin: 0 0 3px 0;
	padding: 0;
}

#main-right #content div.staff-member {
	clear: right;
	display: block;
	margin: 0 0 30px 0;
	padding: 0;
	width: 624px;
}

#main-right #content div.staff-member div.staff-info {
	display: block;
	margin: 0;
	padding: 0;
	width: 624px;
}

#main-right #content div.staff-member div.staff-info h3 {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 0.88em;
	font-weight: normal;
	color: #002d56;
}

#main-right #content div.staff-member div.staff-info h4 {
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 0.88em;
	font-weight: normal;
	font-style: italic;
	color: #002d56;
}

#main-right #content div.staff-member div.staff-info p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 0.70em;
	color: #88806f;
	line-height: 1.72em;
}

#main-right #content #ms-view, #main-right #content #additional-assignments {
	display: block;
	margin: 0;
	padding: 0;
	width: 624px;
}	

#main-right #content #ms-view div.project-list {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 244px;
}

#main-right #content #ms-view div.project-list div.feature-project-link {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	width: 160px;
	height: 53px;
	background: url('feature_projects_link.jpg') no-repeat 0 0;
}

#main-right #content #ms-view div.project-list div.feature-project-link a {
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 53px;
	outline: none;
	text-indent: -9999px;
}

#main-right #content #ms-view div.project-list div.project-list-header, #main-right #content #additional-assignments div.project-list div.project-list-header {
	font-size: 0.82em;
	color: #002d56;
}

#main-right #content #ms-view div.project-list ul, #main-right #content #additional-assignments div.project-list ul {
	margin: 0;
	padding: 0;
}

#main-right #content #ms-view div.project-list ul li, #main-right #content #additional-assignments div.project-list ul li {
	list-style-type: none;
}

#main-right #content #ms-view div.project-list ul li a, #main-right #content #additional-assignments div.project-list ul li a {
	color: #88806f;
	padding: 0 20px 3px 0;
	background: url('link_arrows.jpg') no-repeat 100% 50%;
}

#main-right #content #ms-view div.splash-img {
	display: block;
	margin: 0 0 0 264px;
	padding: 0;
	width: 360px;
	text-align: right;
}

#main-right #content #ms-view div.splash-img img {
	margin: 0;
	padding: 0;
	border: 1px solid #88806F;
}

#main-right #content form {
	color: #002d56;
}

#main-right #content form div.form-item {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}

#main-right #content form label {
	font-size: 0.82em;
}

#main-right #content form div.description {
	font-size: 0.76em;
	font-style: italic;
}


/* CONTACT FORM */
#main-right #content #webform-client-form-63 label {
	float: left;
	display: block;
	width: 140px;
	font-weight: bold;
}

#main-right #content #webform-client-form-63 div.form-item {
	display: block;
}

#main-right #content #webform-client-form-63 div.webform-component-select, #main-right #content #webform-client-form-63 div.form-checkboxes {
	clear: both;
	display: block;
}

#main-right #content #webform-client-form-63 div.webform-component-select label {
	padding: 10px 0;
}

#main-right #content #webform-client-form-63 div.form-checkboxes div {
	float: left;
	display: block;
	width: 312px;
	margin: 0;
	padding: 0;
}

#main-right #content #webform-client-form-63 div.form-checkboxes div label {
	width: auto;
	font-weight: normal;
	padding: 0;
}


/* PROJECT MISC IMAGES SECTION */
#main-right #content div#gallery ul {
	margin: 0;
	padding: 0;
	display: block;
}

#main-right #content div#gallery ul li {
	width: 194px;
	height: 146px;
	margin: 0 0 24px 0;
	padding: 0 14px 0 0;
	list-style-type: none;
	display: inline;
	float: left;
}

div#gallery ul li img {
	border: 1px solid #88806F;
}


/* MARKET PORTFOLIO SECTION */
#main-right #content-mp {
	display: block;
	margin: 0;
	padding: 0;
	width: 724px;
}

#main-right #content-mp #mp-item1 {
	display: block;
	margin: 0;
	padding: 0;
	width: 722px;
	height: 380px;
	position: relative;
	border-bottom: 1px solid #ffffff;
}

#main-right #content-mp #mp-item1 #mp-item1-large-img {
	display: block;
	margin: 0;
	padding: 0;
	width: 506px;
	height: 380px;
	position: relative;
}

#main-right #content-mp #mp-item1 div.mp-item-details {
	display: block;
	margin: 0;
	padding: 0 10px 10px 10px;
	width: 198px;
	position: absolute;
	top: 0;
	left: 506px;
}

#main-right #content-mp #mp-item1 div.mp-item-details div.mp-item-images {
	display: block;
	margin: 0;
	padding: 0 0 8px 0;
	width: 198px;
	height: 152px;
	position: absolute;
	top: 220px;
	left: 10px;
}

#main-right #content-mp #mp-item1 div.mp-item-details div.mp-item-images div.mp-item-image1 {
	float: left;
	margin: 0 8px 8px 0;
	padding: 0;
	width: 94px;
	height: 72px;
}

#main-right #content-mp #mp-item1 div.mp-item-details div.mp-item-images div.mp-item-image2 {
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	width: 94px;
	height: 72px;
}

#main-right #content-mp #mp-item1 div.mp-item-details div.mp-item-images div.mp-item-image3 {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	width: 94px;
	height: 72px;
}

#main-right #content-mp #mp-item1 div.mp-item-details div.mp-item-images div.mp-item-image4 {
	float: left;
	margin: 0;
	padding: 0;
	width: 94px;
	height: 72px;
}

#main-right #content-mp #mp-item1 div.mp-item-details h3 {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 0.88em;
	font-weight: normal;
	color: #002d56;
}

#main-right #content-mp #mp-item1 div.mp-item-details div.location-info p {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 0.70em;
	line-height: 1.18em;
	color: #5a879d;
}

#main-right #content-mp #mp-item1 div.mp-item-details div.desc p {
	margin: 0;
	padding: 0;
	font-size: 0.64em;
	color: #88806f;
	line-height: 1.42em;
}

#main-right #content-mp #mp-item1 div.mp-item-details a {
	font-size: 0.88em;
	font-weight: bold;
	color: #002d56;
}

#main-right #content-mp #mp-item1 div.mp-item-details h3 a {
	text-decoration: none;
}

#main-right #content-mp #mp-project1 {
	display: block;
	margin: 0;
	padding: 0;
	width: 724px;
	height: 24px;
	background-color: #002d56;
	border-top: 1px solid #668199;
}

#main-right #content-mp #mp-project2 {
	display: block;
	margin: 0;
	padding: 0;
	width: 724px;
	height: 24px;
	background-color: #4f859c;
	border-top: 1px solid #94b5c3;
}

#main-right #content-mp #mp-project3 {
	display: block;
	margin: 0;
	padding: 0;
	width: 724px;
	height: 24px;
	background-color: #004f70;
	border-top: 1px solid #6695a9;
}

#main-right #content-mp #mp-project1 h3, #main-right #content-mp #mp-project2 h3, #main-right #content-mp #mp-project3 h3 {
	display: block;
	margin: 0;
	padding: 4px 0 4px 20px;
	font-size: 0.76em;
	font-weight: normal;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#main-right #content-mp #mp-project1 h3 a, #main-right #content-mp #mp-project2 h3 a, #main-right #content-mp #mp-project3 h3 a {
	margin: 0;
	padding: 0;
	font-size: 0.94em;
	font-weight: normal;
	text-decoration: none;
}

#main-right #content-mp #mp-project1 h3 a {
	color: #ffffff;
}

#main-right #content-mp #mp-project2 h3 a {
	color: #a7c2ce;
}

#main-right #content-mp #mp-project3 h3 a {
	color: #80a7b8;
}

#main-right #content-mp #mp-project1 h3 a.active, #main-right #content-mp #mp-project2 h3 a.active, #main-right #content-mp #mp-project3 h3 a.active {
	margin: 0;
	padding: 0 12px 0 0;
	font-size: 0.94em;
	font-weight: normal;
	background: url('ip_mp_active_project_title.png') no-repeat 100% 50%;
	text-decoration: none;
}


/* SITE MAP CSS */
#main-right #content div.site-map h2 {
	display: none;
}

#main-right #content ul li ul {
	font-size: 0.88em;
}

#main-right #content ul li ul li ul {
	font-size: 0.88em;
}



/*===================================*/
/*---- BOTTOM SECTION ---------------*/
/*===================================*/
#bottom {
	margin: 10px 0 0 0;
	padding: 0;
	width: 882px;
	height: 40px;
	position: relative;
}

#bottom #footer {
	margin: 0;
	padding: 4px 0 0 0;
	width: 628px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 254px;
	text-align: right;
	color: #88806e;
	font-size: 0.70em;
}

#bottom #footer a {
	color: #88806e;
	text-decoration: none;
}

#bottom #footer a:hover {
	color: #655e4e;
	text-decoration: none;
}


/*===================================*/
/*---- SAFARI-SPECIFIC CSS ----------*/
/*===================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a {
		cursor: pointer;
	}

	#top #header-nav {
		left: 478px;
		text-align:right;
	}
}
