@charset "UTF-8";
/*

450 architects

Global Stylesheet
version 1.1
author: futurepruf.com

*/

/*================ GLOBAL ================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	position: relative;
}

a { color: #FF6325; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }

p { margin: 16px 0; }

#wrapper {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 1055px;
	height: auto;
	min-height: 735px;
	position: relative;
}

/*================ FONTS ================*/ 

@font-face {
  font-family: 'AGBookProRegular';
		src: url('/fonts/AGBookProReg.otf') format('opentype');
}


/*================ HEADER ================*/

#header {
	margin: 0;
	padding: 0;
	width: 235px;
	height: 148px;
	height: 126px;
	float: left;
}

	#header h1 {
		float: left;
		height: 106px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		width: 200px;
	}
	
		#header h1 a {
			width: 202px;
			height: 102px;
			display: block;
			background: url('/images/global/logo_450.png') no-repeat;
		}

/*================ CONTENT ================*/

/*================ COLUMNS ================*/
		
#column_left {
	float: left;
	width: 225px;
	margin: 5px 0 0 10px;
	padding: 0;
	height: auto;
	display: inline;
	overflow: hidden;
}
		
	#column_right {
		float: left;
		width: 820px;
		height: auto;
		margin: 0;
		padding: 0 0 100px 0;
		display: inline;
		overflow: hidden;
	}
	
		#column_right_text {
			margin: 0;
			padding: 0;
			width: 450px;
			height: auto;
			float: left;
			display: inline;
		}
	
		#column_right_images {
			margin: 0 0 0 30px;
			padding: 0;
			width: 340px;
			height: auto;
			float: left;
			display: inline;
		}

			#column_right_images img {
				float: left;
				margin-bottom: 10px;
			}
		
/*================ NAVIGATION ================*/

#column_left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 225px;
	float: left;
	height: auto;
	position: relative;
}

	#column_left ul li {
		line-height: 20px;
		float: left;
		height: auto;
		width: 225px;
	}
	
		#column_left ul li a {
			display: block;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		
			#column_left ul li a {
				color: #465F3F;
			}
		
			#column_left ul li a:hover,
			#column_left ul li a.selected { color: #2FB81B; }
			
			#column_left ul li ul {
				width: 209px;
				margin: 0;
			}
	
/* Main */

	#column_left ul#navigation_projects {
		margin: 0 0 10px 0;
	}
	
	#navigation_projects li,
	#navigation_main li {
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
		#navigation_projects li ul,
		#navigation_main li ul {
			padding: 0 0 0 16px;
			text-transform: capitalize;
		}
		
			#navigation_projects li ul li,
			#navigation_main li ul li {
				text-transform: none;
				letter-spacing: 0px;
			}
		
			#navigation_projects li ul a,
			#navigation_main li ul a {
				color: #465F3F;
			}
					
/*================ FOOTER ================*/

#footer {
	border-top: 1px #CCC solid;
	margin: 20px 0 0 0;
	padding: 16px 0 0 0;
	width: 168px;
	height: auto;
	font-size: 12px;
	color: #8C8C8C;
	position: absolute;
	top: 527px;
	left: 10px;
}

/*================ INDEX CONTENT ================*/

body.index #column_right {
	padding-top: 136px;
}

body.index #column_right #index_cycle {
	float: left;
	margin: 0;
	padding: 0;
	width: 780px;
	height: 515px;
	list-style: none;
	overflow: hidden;
}

	body.index #column_right #index_cycle li {
		width: 780px;
		height: 515px;
	}
	
	body.index #column_right #index_cycle li.text {
		background: #FF6325;
		color: #FFF;
		padding: 20px;
		height: 475px;
		width: 740px;
		font-size: 40px;
		line-height: 40px;
		font-family: "AGBookProRegular", Arial, Helvetica, sans-serif;
	}

body.index #column_right #index_details {
	float: left;
	margin: 12px 0 0 0;
	padding: 0;
	width: 780px;
	height: auto;
	color: #FFF;
}

body.index #footer {
	top: 666px;
}


	
/*================ INFO CONTENT ================*/

body.info {

}

body.info #column_right {
	width: 820px;
	padding-top: 130px;
}

body.info #column_right h3 {
	color: #2FB81B;
	font-family: "AGBookProRegular", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 16px;
	width: 100%;
}
	
	body.info #column_right :first-child { margin-top: 0; }
	
	body.info #column_right p {
		width: 450px;
	}
	
	body.info #column_right p.intro_text {
		font-size: 20px;
		width: 820px;
		color: #999;
	}
	
	body.info #column_right ul {
		width: 450px;
		margin: 0;
		padding: 0 0 0 12px;
	}
	
	body.info #column_right ul#honors-awards,
	body.info #column_right ul#publications,
	body.info #column_right ul#resources {
		list-style: none;
		padding: 0;
	}

		body.info #column_right ul li {
			margin: 0 0 12px 0;
			padding: 0;
		}
	
/*================ PROJECT CONTENT ================*/

	.project_gallery {
		float: left;
		width: 780px;
		height: auto;
	}
	
	.project_details {
		margin: 16px 0 0 0;
		padding: 0 0 0 16px;
		float: left;
		width: 780px;
		height: auto;
		border-left: 1px #CCC solid;
	}
	
		.project_details h3 {
			color: #2FB81B;
			font-family: "AGBookProRegular", Arial, Helvetica, sans-serif;
			font-size: 19px;
			font-weight: normal;
			margin: 0 0 16px 0;
			width: 100%;
		}
		
		.project_details p,
		.project_details ul { }
		
		.project_details ul {
			width: 450px;
			margin: 0;
			padding: 0 0 0 12px;
		}

			.project_details ul li {
				margin: 0 0 12px 0;
				padding: 0;
			}
		
		.project_details p.project_location {
			
		}

		.project_details p.project_description {
			width: 450px;
		}
		
		.project_details ul.project_awards {
			padding: 0;
			list-style: none;
		}
			
		#read_more { margin: 20px 0; }
		#project_read_more { }
		#project_read_more_text {
			float: left;
			width: 444px;
			height: auto;
			margin-right: 10px;
			display: inline;
			overflow: hidden;
		}
		
		#project_read_more_images {
			float: left;
			width: 326px;
			height: auto;
			display: inline;
			overflow: hidden;
		}
		
			#project_read_more_images img {
				float: left;
				margin-bottom: 10px;
			}
		
		#project_read_more_text :first-child { margin-top: 0; }
			
/*================ GALLERY ================*/

.galleria{list-style:none;width:200px}

.galleria li {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	float: left;
	margin: 0;
	border-right: 1px #FFF solid;
	background: #2FB81B;
}

.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div { display: block; }
.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; }
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_container { width: 780px; height: 515px; margin-bottom: 12px; background: #FFF; float: left; overflow: hidden; }
#photo_gallery { width: 780px; height: auto; float: left; margin: 0; padding: 0; background: #DDD; overflow: hidden; }

	
/*================ CLASSES ================*/

.clear { clear: both; }
.image_float_left { float: left; margin: 0 12px 12px 0; }
.image_float_right { float: right; margin: 0 0 12px 12px; }