/* @override 
	http://dev.oska.mercurycloud.com/styles/screen.css
	http://oskaarchitects.com/styles/screen.css
	http://www.olsonkundig.com/styles/screen.css
	http://www.olsonkundigarchitects.com/styles/screen.css
	http://www.olsonkundigarchitects.com/styles/screen.css?rev5
*/

* {
	margin: 0;
	padding: 0;
}

html {
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	color: #fff;
	text-align: center;
	height: 100%;
}

body {
	background: #292929;
	height: 97.0%;
}

p {
	margin: 0 0 1em 0;
}

object,
embed {
	position:relative;
	z-index:1;
}

/*************** Layout *********************/

#page {
	width: 966px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	min-height: 100%; /* For Modern Browsers */
	position: relative;
}

body.Projects #page { background: url(../images/page_bg.gif) 460px 0 repeat-y; }
body.About #page { background: url(../images/page_bg.gif) 588px 0 repeat-y; }
body.Recognition #page { background: url(../images/page_bg.gif) 714px 0 repeat-y; }
body.Contact #page { background: url(../images/page_bg.gif) 840px 0 repeat-y; }

/*body.Projects #page,
body.BoxTest #page {
	max-width: none;
	min-width: none;
	margin: 0;
}*/

#header {
	max-width: 966px;
	font-size: 1em;
	position: relative;
	margin: 0 0;
}

#header h1 {
	font-size: 1em;
	border: 0;
	margin: 17px 0 15px 0;
}

#header h1 a {
	position: absolute;
	text-indent: -9999px;
	width: 285px;
	height: 28px;
	background: #010000 url(../images/logo_type.gif) 0 0 no-repeat;
	margin: 0;
	outline: none;
}

#header ul,
#header ul li,
#header ul li a {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#header ul,
#header .subnav {
	float: right;
	display: inline;
	clear: left;
	margin: 0;
	border: 0;
}


#header ul li {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header ul li a {
	position: relative;
	line-height: 21px;
	height: 21px;
	padding: 0;
	text-align: left;
	padding-left: 9px;
	width: 116px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	color: #fff;
	border: 0;
	border-left: 1px solid #292929;
	overflow: hidden;
	outline: none;
/*	z-index: 5;*/
}

.default #header ul li a {
	line-height: 28px;
	height: 28px;
}

#header ul li a:hover {
	color: #BF9F75;
}

#header ul#nav {
	background: #1E1E1E;
	border-right: 1px solid #292929;
	position: relative;
}

#header .subnav {
	color: #fff;
	margin: 0;
	float: right;
	display: inline;
	clear: none;
}

#header .subnav #subnav_arrow {
	position: absolute;
	background: url(../images/nav_arrow.gif) 0 0 no-repeat;
	height: 7px;
	width: 8px;
	right: 110px;
	top: -8px;
	display: none;
}

body.About #header .subnav #subnav_arrow { 	display: block; right: 360px; }
body.Recognition #header .subnav #subnav_arrow { display: block; right: 235px; }

#header .secondary {
	background: #454545 url(../images/secondary_bg.gif) 0 50% repeat-x;
	border: 0;
	width: 100%;
	height: 33px;
	line-height: 21px;	
	display: block;
	float: left;
	display: inline;
	margin: 16px 0 0px 0;
	position: relative;
/*	z-index: 5;*/
}

#header h2 {
	width: 304px;
	line-height: 16px;
	height: 16px;
	min-width: 290px;
	color: #010000;
	font-size: 9px;
	margin: 0;
	padding: 0 8px;
	text-transform: uppercase;
	float: left;
	display: inline;
	overflow: hidden;
	font-weight: normal;
}

#header .subnav ul {
	margin: 0;
	padding: 0;
	border: 0;
	right: 0;
	top: 0;
	position: absolute;
	background: transparent url(../images/subnav_bg.gif) 0 0 repeat-x;
	padding-top: 4px;
	top: -4px;
	float: right;
	display: inline;
	line-height: 16px;
}

#header .subnav ul ul {
	display: none;
}

#header .subnav ul li a {
	background: #454545;

	border-left: 1px solid #595959;
	color: #e2e2e2;
	line-height: 16px;
	height: 16px;
}

#header .subnav ul li a:hover {
	color: #BF9F75;
}

#header .subnav ul li.active a {
	font-weight: normal;
	color: #000000;
	background: #787878;
}


#nav_selector {
	position: absolute;
	display: block;
	left: 300px;
	height: 100%;
	width: 125px;
	z-index: 0;
	background: url(../images/nav_selector.png) 0 0 repeat-y;
}

body.Projects #header ul#nav li#nav_projects a,
body.About #header ul#nav li#nav_about a,
body.Recognition #header ul#nav li#nav_recognition a,
body.Contact #header ul#nav li#nav_contact a {
	color: #010000;
	background: #BF9F75;
}

body.Projects #header ul#nav li#nav_projects a span,
body.About #header ul#nav li#nav_about a span,
body.Recognition #header ul#nav li#nav_recognition a span,
body.Contact #header ul#nav li#nav_contact a span {
	display: block;
}

#main {
	clear: both;
	background: #4A4A4A;
	padding-top: 1px;
	margin: 0 auto ;
	width: 966px;
	overflow: auto;
	position: relative;
/*	z-index: 10;*/
}

body.Projects #main {
	background: none;
}

#content {
	position: relative;
/*	z-index: 10;*/
}

#content {
	clear: both;
	padding: 0em;
	width: 966px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	line-height: 1.5em;
	position: relative;
	height: 450px;
}

body.Projects #content,
body.About #content {
	height: auto;
	overflow: hidden;
}

body.About #content.main {
	height: 460px;
	overflow: hidden;
}

body.Projects #content.main {
	height: auto;
	overflow: hidden;
}

#content#404 {
	height: 400px;
}

#story,
#list {
	position: relative;
	float: right;
	display: inline;
	max-width: 350px;
	overflow: auto;
	width: 328px;
	padding: 10px 25px;
	font-size: 1.2em;
	height: 430px;
	background: url(../images/story_bg.png) 0 0;
}

#list {
	display: none;
}

body.FirmHistory #story {
	height: 350px;
}

body.Employment #content #story,
body.Internships #content #story {
	float: left;
	display: inline;
	height: auto;
	width: 450px;
	background: none;
	max-width: none;
}

body.Employment #list {
	display: block;
}

body.Leadership #story {
	width: 960px;
	max-width: 960px;
	overflow: visible;
	float: none;
	display: block;
	overflow:auto;
	height: auto;
	background: none;
	padding: 0px 5px 15px;
}

body.Leadership.Olson #story,
body.Leadership.Sundberg #story,
body.Leadership.Kundig #story,
body.Leadership.Allen #story,
body.Leadership.Murray #story,
body.Leadership.Maskin #story,
body.Leadership.Eerkes #story,
body.Leadership.King #story,
body.Leadership.Rainville #story,
body.Leadership.Wilson #story,
body.Leadership.Yamada-Heidner #story {
	position: relative;
	float: right;
	display: inline;
	max-width: 350px;
	width: 328px;
	padding: 10px 25px;
	font-size: 1.2em;
	height: 430px;
	background: url(../images/story_bg.png) 0 0;
}

#projects_link {
	display: none;
}

body.Leadership.Olson #projects_link,
body.Leadership.Sundberg #projects_link,
body.Leadership.Kundig #projects_link,
body.Leadership.Allen #projects_link {
	display: block;
}

body.Culture #story {
	display: none;
}

body.Culture .pagination {
	display: none;
}

#culture {
	margin: 0 10px;
}

#culture p {
	display: block;
	background: #3C3C3C;
	border-top: 4px solid #393939;
	float: left;
	display: inline;
	width: 314px;
	min-height: 145px;
	font-size: 11px;
	line-height: 14px;
	padding: 10px;
}

#culture .image {
	margin: 0 0 0 3px;
	float: left;
	display: inline;
	display: block;
	border-top: 4px solid #393939;
	width: 195px;
	height: 165px;
}

#culture .image p {
	width: auto;
	height: auto;
	display: none;
}

#more_overlay {
	position: absolute;
	float: left;
	display: inline;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background-color: #000;
	-moz-opacity: 0.6;
	opacity: 0.6;
	height: 100%;
}

#more_projects_wrap {
	position: absolute;
	width: 100%;
	top: 150px;
	z-index: 99;
	left: 0;
	text-align: center;
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.hide {
	position: absolute;
	left: -9999px !important;
}

#more_projects {
	background-color: #B18D61;
	width: 500px;
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	z-index:100;
	position: relative;
	overflow: hidden;
}

#more_projects ul {
	float: left;
	display: inline;
	line-height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	position: relative;
	font-size: 11px;
}

#more_projects ul li {
	width: 100%;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	clear: left;
}

#more_projects h2 {
	margin: 0 0 10px 0;
	padding: 0.5em 1em;
	color: #3E3429;
	background: #927654;
	overflow: auto;
	text-transform: uppercase;
	font-size: 12px;
}

#more_projects a.close {
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


#more_projects #search {
	clear: both;
	float:left;
	display: inline;
	width: 480px;
	margin: 15px 0 0 0;
	padding: 0.25em 10px;
	height: 30px;
	color: #3E3429;
	background: #927654;
}

#more_projects #search p {
	margin: 5px 0;
}

#more_projects #search form {
	margin: 0;
	padding: 0;
	overflow: auto;
}

#more_projects #search form label {
	background: none;
	color: #322c24;
	width: 170px;
}

#more_projects #search form input {
	background: #DEBE96;
	float: left;
	display: inline;
	height: auto;	
	color: #3B2711;
	width: 160px;
	height: 14px;
	padding: 4px 3px;
	margin: 0;
}

#more_projects #search form input[type=hidden] {
	display: none;
}

#more_projects #search form input.search {
	width: 75px;
	height: 22px;
	background: #575757;
	color: #fff;
	margin: 0 0 0 3px;
	text-transform: uppercase;
}

#more_projects ul.architect {
	width: 17em;
}

#more_projects ul.type {
	width: 15em;
}

#more_projects ul.decade {
	width: 10em;
}

#more_projects ul li.title {
	text-transform: uppercase;
	color: #E2C29B;
	padding: 0 1em;
}

#more_projects ul li a {
	display: block;
	color: #38240F;
	padding: 0 1em;
}

#more_projects ul li a:hover {
	background: #E2C29B;
	color: #5A462E;
	text-decoration: none;

}

#more_projects_launch {
	width: 124px;
	background: #666;
	color: #ccc;
	text-transform: uppercase;
	float: left;
	display: inline;
	line-height: 16px;
	padding: 0 8px;
}

p.types {
	clear: left;
	margin: 1em 0;
}

p.types a {
	margin: 0 1em;
	text-decoration: underline;
}


.main #story {
	float: none;
	display: block;
	bottom: -320px;
	right: auto;
	background: none;
	max-width: 960px;
	width: 100%;
	min-width:  760px;
	padding: 10px;
	height: 150px;
}

#story a#rss {
/*	position: absolute;
	right: 10px;
	top: 10px;*/
	float: right;
	padding-left: 18px;
	line-height: 15px;
	background: url(../images/rss_browsers.gif) 0 50% no-repeat;
}

#story h3 {
	font-weight: normal;
	clear: right;
}

#story ol {
	clear: both;
}

#story h1 {
	width: auto;
	display: inline;
	float: left;
	clear: none;
}

#story p {
	clear: both;
}

body.Contact #content {
	height: 474px;
}

body.Contact .main #story {
	bottom: -160px;
	height:330px;
	overflow: visible;
	background: url(../images/story_bg.png) 0 0;
}

body.About .main #story {
	bottom: -220px;
	height: 250px;
	overflow: visible;
}

#gallery {
	padding: 15px;
	float: left;
	display: inline;
	width: 430px;
}

#content #gallery img {
	border: 2px solid #393939;
	margin: 3px;
}

#books {
	background: #4A4A4A;
	width: 966px;
	overflow: hidden;
	clear: both;
	padding: 10px 0 10px 10px;
}

.book {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 1em 10px 0px 0;
	width: 210px;
	height: 100px;
	background: #323232;
	padding: 10px 10px 10px 10px;
}

.book img {
	float: left;
	display: inline;
	border: 2px solid #888;
	margin: 10px;
	position: relative;
}

.book * {
	font-size: 11px;
	clear: none;
	line-height: 12px;
}

.book h2 {
	font-weight: normal;
	color: #C7C7C7;
	margin: 0;
}

.Leadership #story h2 {
	clear: both;
	margin: 0px 5px 5px;
	padding: 10px 0 0 0;
}

/*.Leadership #story h2.principals {
	margin-left: 470px;
}*/

.Leadership #story h3 {
	clear: both;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #eee;
	font-size: 1.0em;
}

.book p {
	color: #999;
}

#content .book a {
	text-transform: uppercase;
	position: absolute;
	bottom: 10px;
	display: block;
	color: #fff;
	width: 5.5em;
	padding-right: 12px;
	background: url(../images/arrow_right_brown.gif) 100% 50% no-repeat;
}

#footer {
	clear: both;
	margin: 0 auto;
	max-width: 966px;
	padding: 0 0 5px;
	text-align: left;
	/*max-width: 966px;
	min-width: 750px;*/
	background: transparent;
	color: #a3a3a3;
}

body.default #footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 90%;
}

#footer * {
	margin: .5em;
}

#footer a {
	color: #fff;
}

/***** Projects Section *******/

#projects {
	margin: 0px 0 0 0px;
	position: relative;
	left: -2px;
	background: url(../images/projects_bg.gif) 0 0;
	width:966px;
	height: 483px;
}

#project {
	float: left;
	display: inline;
	background: #393939;
	padding:  0;
	margin: 0;
	overflow: auto;
	width:964px;
}


#project #big_images {
	width: 50%;
	height: 470px;
	margin: 15px 0 0 0;
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
	text-align: right;
	line-height: 1.2em;
}

#project #big_images a#return_projects {
	color:  #757575;
	text-transform: uppercase;
	float: right;
	display: inline;
	padding-left: 12px;
	width: auto;
	background: url(../images/return_arrow.gif) 0 50% no-repeat;
}

#project #big_images .image {
	position: absolute;
	top: 0.5em;
	right: 0;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
	line-height: 1.2em;
	overflow: hidden;
}

#project #big_images .image h1 {
	margin: 150px 0;
	text-align: center;
	color: #555555;
	display: none;
	font-size: 12px;
}

#project #big_images .image h1 a {
	color: #666666;
}

#project #big_images .image img {
	float: right;
	display: inline;
	margin: 0;
	padding: 3px;
	background: #4A4A4A;
}

#project #big_images .image a {
	clear: both;
	text-transform: uppercase;
	display: block;
	outline: none;
	margin: 0px 0 10px;
	color: #757575;
}

#project #big_images .image embed,
#project #big_images .image object {
	margin: 10px 0;
}

#project #big_images .image p {
	text-align: right;
	line-height: 14px;
	margin: 0 0 0 50px;
	width: 420px;
}
#project #big_images .image p.credit {
	color: #757575;
	font-size: 10px;
}

#project_details {
	float: left;
	display: inline;
	width: 420px;
	height: 470px;
	position: relative;
	padding: 0;
	margin: 15px 0 0 25px;
}

#project_details h3 {
	display:none;
}

ul#project_tabs {
	clear: both;
	float: left;
	display: inline;
	width: 100%;
	color:  #BF9F75;
	margin: 10px 0px 10px;
	overflow: auto;
}

ul#project_tabs li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	list-style: none;
}

ul#project_tabs li a {
	color: grey;
	text-transform: uppercase;
	padding:  0 0 0 14px;
	background: url(../images/bullet_grey_square2.gif) 0 50% no-repeat;
}


ul#project_tabs li.active a {
	color: #BF9F75;
}

.project_bottom {
	clear: both;
	margin: 15px 0;
}

#related ul li{
	float: left;
	list-style: none;
	width: 45%;
	margin: 0 15px 0 0;
}

#related.error404 ul li{
	width: 90%;
}

#related ul li img {
	margin-right: 5px;
	border: 2px solid #4A4A4A;
}


#recognition ul li,
.project_bottom ul li {
	margin-left: 15px;
	color: #BF9F75;
	line-height:20px;
}

.project_bottom ul li {
	color: white;
}

ul.project_links {
	margin: 5px 0 0 0;
	padding: 0;
}

ul.project_links li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.project_links li a {
	text-transform: uppercase;
	margin: 1em 0;
	color: #e2cb95;
}


ul.attributes {
	width: 160px;
	float: left;
	display: inline;
	list-style: none;
	margin: 10px 5px 10px 0;
	padding: 0;
}

#project_details ul.architect {
	width: 220px;
}

ul.attributes.types {
	width: 390px;
}

ul.attributes li.title {
	color: #757575;
	font-size: 9px;
	text-transform: uppercase;
}

ul.attributes.types li {
	clear: none;
	width: 160px;
	float: left;
}

ul.attributes.types li.title {
	width: 320px;
}



/***** Home section ********/

body.default {
	background-color: #0D0D0D;
	position: relative;
}

body.default #page {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	top: 0;
	left: 0;
	width: 100%;
}

body.default #header {
	position: relative;
	top: 28em;
	background: transparent url(../images/header_bar.png) 0 0 no-repeat;
	border: 0;
	width: 100%;
	max-width: none;
	height: 28px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

body.default #header .wrap {
	width: 966px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
}

body.default #header .secondary {
	display: none;
}

body.Projects #header {
	width:964px;	
}


body.Projects #header .secondary {
	margin: 15px 0 0 0;
}

body.default #header h1 {
	margin: 0;
	padding: 0;
}

body.default #header ul {
	margin: 0;
	height: 28px;
	float: right;
	display: inline;
}

body.default #header ul#nav {
	background: none;
}

body.default #header ul li {
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 28px;
}

body.default #header ul li a {
	float: left;
	display: inline;
	width: 116px;
}

body.default #header .subnav {
	display: none;
}

/***** Forms ******/

form { }

fieldset { }

	fieldset {
		width: 100%;
		position: relative;
		margin: 1em 0;
		border: 0;
	}

	fieldset ol li {
		margin: 0;
		padding: 0;
		list-style: none;
		clear: left;
	}
	
	fieldset ol li.submit {
		padding: .5em;
	}
	
label { }

	label {
		display: inline;
		float: left;
		font-size: 10px;
		text-align:  left;
		line-height: 14px;
		height: 14px;
		margin: 2px 2px 6px 0;
		width: 70px;
		padding: 2px;
		border: 0;
		background: #393939;
		color: #a5a5a5;
		text-transform: uppercase;
	}
	
	label.textarea {
		height: 75px;
	}

input { }

	input {
		font-size: 11px;
		line-height: 14px;
		height: 14px;
		margin: 2px 0em 6px 0;
		padding: 2px;
		width: 235px;
		color: black;
		border: 0;
		background: #5E5E5E;
	}

	input.radio { }

	input.checkbox { }

	input.submit { 
		float: right;
		display: inline;
		width: auto;
		height: auto;
		font-size: 11px;
		margin: 0 17px;
		padding: 0.15em 0.25em;
		min-width: 0;
		border: 0;
		background: #999;
		text-transform: uppercase;
	}

select { }

textarea { }
	
	textarea {
		font-size: 11px;
		float: left;
		display: inline;
		width: 234px;
		height: 75px;
		margin: 2px 0 2px 0;
		padding: 2px;
		border: 0;
		background: #5E5E5E;
		font-family: Tahoma, Arial;
	}

/***** General Elements *********/

img {
	border: 0;
}

	#content img {
		float: left;
		display: inline;
		margin: 0 0.5em 0.5em 0;
	}

p {
	display: block;
}

hr {
	clear: both;
	margin:  0.5em 0;
}

pre {
	text-align: left;
	font-size: 14px;
	color: yellow;
}


/***** Boxes ******/

.box {
	float: left;
	display: inline;
	margin: 0px 0px 2px 2px;
	position: relative;
}

.box p.position {
	color: #fff;
	opacity: .40;
	font-size: 75px;
	line-height: 75px;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 65px;
	display: none;
}

.box.large {
	width: 405px;
	height: 405px;
}

.box.medium {
	width: 269px;
	height: 269px;
}

.box.small {
	width: 159px;
	height: 159px;
}

.box.x-small {
	width: 150px;
	height: 150px;
}

.col .box {
	width: 100%;
	height: 15em;
	display: block;
	float: none;
}

.box img {
	position: absolute;
	top: 0;
	left: 0;
}

.meta {
	width: 100%;
	background: url(../images/meta_bg.png) top left no-repeat;
	font-size: 9px;
	padding: 0;
	line-height: 12px;
	position: absolute;
	bottom: 0;
	color: white;
}

* html .meta {
	bottom: -1px;
}

.multipage {
	width: 100%;
	background: url(../images/meta_bg.png) top left no-repeat;
	font-size: 9px;
	padding: 0;
	height: 20px;
	position: relative;
	color: white;
	position: absolute;
	bottom: 0;
}

.meta ol {
	margin: 0;
	padding: 0;
}

.box a,
.box a:link,
.box a:active,
.box a:visited {
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	color: #ADADAD;
}



.box .meta a,
.box .meta a:link,
.box .meta a:active,
.box .meta a:visited,
.box .multipage a,
.box .multipage a:link,
.box .multipage a:active,
.box .multipage a:visited {
	position: relative;
	width: auto;
	height: auto;
	text-indent: 0;
	color: #ADADAD;
	margin: 0;
	padding: 0;
}

.box .multipage a,
.box .multipage a:link,
.box .multipage a:active,
.box .multipage a:visited {
	position: absolute;
	top: 4px;
	width: 14px;
	height: 13px;
	text-indent: -9999px;
	text-decoration: none;
	whitespace: no-word-wrap;
}

.box .multipage a.begin { 
	left: 4px !important;
	background: url(../images/project_move_begin.gif) 0 0 no-repeat;
}


.box .multipage a.prev { 
	left: 19px !important;
	background: url(../images/project_move_top.gif) 0 0 no-repeat;
}

.box .multipage a.next { 
	left: auto;
	right: 19px !important;
	background: url(../images/project_move_back.gif) 0 0 no-repeat;
}

.box .multipage a.end { 
	left: auto;
	right: 4px !important;
	background: url(../images/project_move_end.gif) 0 0 no-repeat;
}

.box .multipage a:hover {
	background-position: 0 -14px;
}


.partner,
.principal,
.associate {
	float: left;
	display: inline;
	margin: 10px 0px 0px 5px;
	width: 229px;
	padding: 0px;
	background: #323232;
	border-bottom: 4px solid #3C3C3C;
}

.principal,
.associate {
	background: none;
	border: 0;
}

.partner {
	height: 28em;
	position: relative;
}

.associate {
	width: 185px;	
	height: 50px;
}

.partner p,
.principal p,
.associate p {
	margin: 10px 0px;
	color: #888;
}

.principal p,
.associate p {
	margin: 0;
}

.partner a {
	display: block;
	width: 215px;
	height: 100%;
	padding: 0 7px;
}

.partner span {
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	bottom: 3px;
	right: 7px;
	padding-right: 11px;
	background: url(../images/arrow_right_white_grey_bg.gif) 100% 50% no-repeat;
}

.quick_bio {
	padding: 0 0 0 93px;
	overflow: auto;
	margin: 7px 0 0 0;
	height: 88px;
	width: 115px;
	border: 3px solid #ffffff;
	background: #FFFFFF url(../images/partners/olson.jpg) 0 0 no-repeat;
}

.olson .quick_bio {	background-image: url(../images/partners/olson.jpg); }
.sundberg .quick_bio {	background-image: url(../images/partners/sundberg.jpg); }
.kundig .quick_bio {	background-image: url(../images/partners/kundig.jpg); }
.allen .quick_bio {	background-image: url(../images/partners/allen.jpg); }
.kirsten .quick_bio     {	background-image: url(../images/partners/kristen.jpg); }
.stephen .quick_bio     {	background-image: url(../images/partners/stephen.jpg); }
.alan .quick_bio        {	background-image: url(../images/partners/alan.jpg); }
.eerkes .quick_bio        {	background-image: url(../images/partners/eerkes.jpg); }
.kudo-king .quick_bio        {	background-image: url(../images/partners/king.jpg); }
.rainville .quick_bio        {	background-image: url(../images/partners/rainville.jpg); }
.wilson .quick_bio        {	background-image: url(../images/partners/wilson.jpg); }

.no-photo .quick_bio {	
	background-image: none; 
	padding: 0 0 0 7px;
	width: 201px;
}

.partner a:hover {
	text-decoration: none;
}

.partner a:hover .quick_bio {
	background-position: 0 -88px;
}



/**** Columns *******/
.four, .five, .three {
	width: 100%;
}

.col {
	float: left;
	display: inline;
	position: relative;
	font-size: 9px;
	line-height: 11px;
/*	background: url(../images/col_bg.png) 0 0 no-repeat;*/
	background: #222;
	opacity: 0.9;
	padding: 10px;
	top: 0px;
	z-index: 20;
}


#content .col.form {
	width: 335px;
	height: 300px;
	top: 0;
	background: none;
	position: relative;
}

#content .col.map {
	width: 591px;
	height: 271px;
	padding: 0;
	top: 0;
	background: #000;
	font-size: 11px;
}

.col.map .vcard {
	float: left;
	display: inline;
	width: 200px;
}

.col.map address,
.col.map p {
	margin: 10px;
	font-style: normal;
}

.col.map strong {
	color: #fff;
}

.col.map #location {
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	width: 380px;
	height: 265px;
	background: url(../images/map.jpg);
}

.col .button {
	margin: 10px;
}

.col h2 {
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	background: url(../images/arrow-up-grey.gif) 100% 50% no-repeat;
}

.col.active h2 {
	background: url(../images/arrow-down.gif) 100% 50% no-repeat;
}

.two .col {
	width: 48.8%;
	margin-right: 7px;
}

.three .col {
	width: 31.8%;
	margin-right: 7px;
}

.four .col {
	width: 23.8%;
	margin-right: 7px;
}

.four .col.last {
	margin-right: 0;
}

.five .col {
	width: 162px;
	margin-right: 7px;
}

.five .col.last {
	margin-right: 0;
}

.col p {
	color: #c7c7c7;
}

/**** Column Logic ********/

.column {
	float: left;
	display: inline;
	width: 48%;
	min-width: 350px;
	margin: 0 2% 1em 0;
}

.column.two {
	margin-right: 0;
}


/**** Content Typography *******/

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: .25em 0;
}

h1 {
	font-weight: normal;
	font-size: 18px;
	margin: 15px 0;
	color: #BF9F75;
}

body.Contact h1 {
	margin: 0 0 10px 0;
}

h2 {
	font-weight: normal;
	font-size: 14px;
	margin: 5px 0;
	color: #bab296;
}

a:link {
	color: #BF9F75;
	text-decoration: none;
}

a:visited {
	color: #BF9F75;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/***** LISTINGS *****/

ol.listing {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.listing li {
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 13px;
	color: #c7c7c7;
}

ol.listing li li {
	border-bottom: none;
/*	margin-left: 2em;*/
	margin-bottom: 0;
}

ol.listing li h3 {
	color: #BF9F75;
	font-weight: normal;
	padding: 0;
	line-height: 10px;
	font-size: 11px;
}


ol.listing li h3.more {
	background: url(../images/arrow-right.png) 0 50% no-repeat;	
	padding-left: 9px;
	cursor: pointer;
}

ol.listing li h3 a {
	display: block;
	margin-left: -10px;
	padding-left: 10px;	
}

ol.listing li h3 a:hover {
	background: url(../images/arrow-right.png) 0 50% no-repeat;	
}

ol.listing li h4 {
	font-size: 10px;
	line-height: 12px;
	padding: 0;
	font-weight: normal;
	color: #a3a3a3;
}

p.read_more {
	margin: 10px 0;
}

p.read_more a,
p.read_more a:link,
p.read_more a:active,
p.read_more a:visited {
	display: inline;
	text-transform: uppercase;
	margin: 1em 0;
	width: auto;
	font-size: 10px;
	padding-right: 11px;
	color: #fff;
	background: url(../images/arrow_right_white_grey_bg.gif) 100% 50% no-repeat;
}


/***** TABLES *******/

table {
	margin: 0px 0;
	padding: 0;
	top: 0;
	border-collapse: collapse;
}

table td {
	padding: 2px 3px;
	
}

.meta table {
	width: 100%;
	margin: 0px;
}

.meta ol,
.meta ol li {
	margin: 0;
	padding: 0 3px;
	list-style: none;
}

.meta ol li.date {
	position: absolute;
	bottom: 0.5em;
	left: 0.5em;
}

.pagination {
	width: 159px;
	position: relative;
	left: 571px;
	line-height: 16px;
	margin: 15px 0;
	position: absolute;
}

body.Recognition .pagination {
	left: 697px;
}

body.Projects .pagination {
	left: 443px;
}

.pagination .text {
	position: absolute;
	width: 125px;
	left: 17px;
	top: 0;
	background: #454545;
	text-align: center;
}

.pagination p a {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	text-indent: -9999px;
	outline: none;
	background: #454545 url(../images/arrow_right_white_grey_bg.gif) 50% 50% no-repeat;
}

.pagination p.prev a {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	background: #454545 url(../images/arrow_left_white_grey_bg.gif) 50% 50% no-repeat;
}

body.Credits #story ul {
	width: 50%;
	float: left;
	margin-bottom: 1em;
}

body.Credits #story ul li {
	list-style: none;
	background: url(../images/bullet_grey_square2.gif) 0 50% no-repeat;
	padding-left: 14px;
}

#map {
	width:966px;
	height: 483px;
	color: #000;
}



.mc_credit {
	font-size: 10px;
	text-align: right;
}