/* utility classes */
.offscreen {
	position:absolute; left:-9999px; overflow:hidden;
}

.hide {
	display: none; visibility: hidden;
}

body#hasJS .jshide {
	display: none; 
}

body {
	background-color: #30302F; color: #999999;
	font-family: "Futura Light", "Trebuchet Ms", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}

#page {
	width: 990px;
}

/* header */

#header {
	margin: 45px 80px 10px 280px; padding: 0; width: 630px; height: 45px;
}

	#header #nav {
		float: left; width: 430px;
	}
	
		#header #nav ul {
			margin: 3px 0 0 0; padding: 0;
			list-style-type: none;
			/* font: 14px/26px 'TeXGyreHerosRegular', Arial, sans-serif; letter-spacing: 0; */
			font-size: 1.2em;
		}
		
		#header #nav ul li {
			float: left; margin-right: 30px;
		}
		
			#header #nav ul li a {
				color: #fff;
				border: none; text-decoration: none;
			}
			
				#header #nav ul li a:hover {
					color: #A09F9F;
					text-decoration: underline;
				}
			
				#header #nav ul li a.selected {
					color: #A09F9F;
				}
				
				#header #nav ul li a.seleted:hover {
					color: #fff;
					text-decoration: underline;
				}
				
				
			
	#header #logo {
		float: right; width: 190px; height: 45px;
		text-align: right;
	}


h1 {
	display: block; height: auto; margin-right: 80px;
	color: #fff;
	text-align: right;
	font-size: 1.4em; font-weight: normal;
}
	
/* Sidebar */

#sidebar {
	clear: both; float: left; width: 270px; margin: 0 10px 5em 0;
}

	#sidebar ul.sub-nav {
		margin: 0; padding: 0;
		list-style-type: none;
		font-size: 11px; line-height: 1.1;
	}
	
		#sidebar ul.sub-nav li {
			display: block; margin: 0; padding: 0;
		}
		
			#sidebar ul.sub-nav li a {
				display: none; visibility: hidden; height: 0; width: 0;
				text-decoration: none;
			}
			
				#sidebar ul.sub-nav li a:hover {
					text-decoration: underline;
				}
			
			#sidebar ul.sub-nav li ul {
				margin: 0; padding: 0;
				list-style-type: none;
			}
			
				#sidebar ul.sub-nav li ul li {
					display: block; margin-bottom: 1em;
				}
				
					#sidebar ul.sub-nav li ul li a {
						visibility: visible;
						clear: both; display: block; float: left; margin-bottom: 0.375em; width: 110px; height: auto;
						text-align: right;
						color: #fff;
					}
					
					#sidebar ul.sub-nav li ul li ul {
						margin: 0; padding: 0;
						list-style-type: none;
					}
					
						#sidebar ul.sub-nav li ul li ul li {
							display: block;
						}
					
							#sidebar ul.sub-nav li ul li ul li a {
								visibility: visible;
								clear: none; display: block; float: right; margin-bottom: 0.375em; width: 140px;
								text-align: left; font-style: italic;
								color: #999999;
							}
						
								#sidebar ul.sub-nav li ul li ul li.last a {
									margin-bottom: 1em; 
								}
						
								#sidebar ul.sub-nav li ul li ul li.item-selected a {
									color: #eee;
								}
								
									#sidebar ul.sub-nav li ul li ul li.item-selected a:before {
										content: '> ';
									}

/* Content */

#content {
	margin: 10px 0 5em 0;
}

	#content a {
		color: #5D8A87;
		text-decoration: none;
	}
	
		#content a:hover {
			text-decoration: underline;
		}
	
	#content #main {
		clear: both; float: left; width: 200px; margin: 0 30px 0 50px;
	}
		
		#content #main ul {
			margin-left: 0; margin-right: 0;
			list-style-type: none;
		}
		
			#content #main h2, h3, h4, h5, h6 {
				clear: both;
				color: #fff;
				font-size: 11px;
			}
			
			#content #main p, #content #main ul, #content #main ol {
				font-size: 11px;
			}
			
			#content #main ul.sub-pages-thumbnails-big {
				margin-left: 0; margin-right: 0; float: none; width: auto;
				list-style-type: none;
			}

				#content #main ul.sub-pages-thumbnails-big li {
					float: left; width: 150px; height: auto; margin: 0 10px 10px 0; padding: 0;
				}

					#content #main ul.sub-pages-thumbnails-big li.last {
						margin-right: 0;
					}

					#content #main ul.sub-pages-thumbnails-big li a {
						display: block;
						text-decoration: none;
					}

						#content #main ul.sub-pages-thumbnails-big li a span.img {
							display: block; width: 148px; height: 90px;
							background-color: #4F504F; border: 1px solid #4F504F;
						}

							#content #main ul.sub-pages-thumbnails-big li a:hover {

							}

								#content #main ul.sub-pages-thumbnails-big li a:hover span.img {
									border-color: #fff;
								}
						
				
	#content #main-sidebar {
		float: left; width: 630px; margin: 0;
	}
		
		#content #main-sidebar .banners {
			margin: 0 0 10px 0; width: 628px; height: 388px; overflow: hidden;
			background-color: #4F504F; border: 1px solid #fff;
		}
		
			#content #main-sidebar .banners .banner {
				position: relative;
			}
		
				#content #main-sidebar .banners .banner .caption {
					position: absolute; bottom: 0; left: 0; right: 0; height: auto; margin-bottom: 0; padding: 2px 10px;
					text-align: left;
				}
				

/* Footer */

#footer {
	clear: both; margin-top: 1em; width: 990px;
	background-color: rgba(255,255,255, 0.05);
}

	#footer p {
		text-align: center;
		font-size: 0.8em;
	}
	
		#footer p a {
			color: #fff;
			text-decoration: none;
		}
		
		
/* Changes to defaults by body class */

/* Home */

body.home #content {
	/* float: left; width: 710px; margin: 0 0 3em 0; */
}

	body.home #content #main {
		/* float: left; width: 630px; margin: 0 10px 0 0; */
	}

		body.home #content #main-sidebar .features {
			margin: 0 0 10px 0;
		}
		
			body.home #content #main-sidebar .features .banners {
				width: 628px; height: 388px; overflow: hidden;
				background-color: #4F504F; border: 1px solid #fff;
			}

				body.home #content #main-sidebar .features .banners .banner {
					position: relative; width: 628px; height: 388px;
				}
				
					#content #main-sidebar .features h2, #content #main-sidebar .features h3, #content #main-sidebar .features h4, #content #main-sidebar .features h5, #content #main-sidebar .features h6 {
						clear: both;
						color: #fff;
						font-size: 13px;
					}

					#content #main-sidebar .features p, #main-sidebar .features #main ul, #main-sidebar .features #main ol {
						font-size: 11px;
					}
					

	body.home #content #main-sidebar {
		/* float: left; width: 70px; margin: 0; */
	}

		body.home #content #main-sidebar ul.gallery {
			margin: 0; padding: 0;
			list-style-type: none;
		}

			body.home #content #main-sidebar ul.gallery li {
				display: block; width: 70px; height: 45px; margin-bottom: 10px; overflow: hidden;
			}

				body.home #content #main-sidebar ul.gallery li.active {

				}

					body.home #content #main-sidebar ul.gallery li a {
						display: block;
						background-color: #4F504F; border: 1px solid #4F504F;
					}

						body.home #content #main-sidebar ul.gallery li a.activeSlide {
							background-color: #4F504F; border: 1px solid #fff;
						}

/*  Page: Project Landing Template */

body.project-landing #content {
	float: left; width: 710px; margin: 10px 0 3em 0;
}

	body.project-landing #content #main {
		float: left; width: 790px; margin: 0 10px 0 120px;
	}

		body.project-landing #content #main .banners {
			margin: 0 0 10px 0; width: 628px; height: 388px; overflow: hidden;
			background-color: #4F504F; border: 1px solid #fff;
		}

			body.project-landing #content #main .banners .banner {
				position: relative;
			}

				body.project-landing #content #main .banners .banner .caption {
					position: absolute; bottom: 0; left: 0; right: 0; height: auto; margin-bottom: 0; padding: 2px 10px;
					text-align: left;
				}

		body.project-landing #content #main ul {
			margin-left: 0; margin-right: 0;
			list-style-type: none;
		}

			body.project-landing #content #main h2, h3, h4, h5, h6 {
				clear: both; float: none; width: auto;
				color: #fff;
				font-size: 11px; text-align: left;
			}

			body.project-landing #content #main p, body.project-landing #content #main ul, body.project-landing #content #main ol {
				float: none; width: auto; margin: 0;
				font-size: 11px;
			}

			body.project-landing #content #main ul.sub-pages-thumbnails-big {
				float: none; width: auto;
			}
			
			body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children {
				margin-left: 0; margin-right: 0; float: none; width: auto;
				list-style-type: none;
			}

				body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li {
					position: relative; float: left; width: 190px; height: 135px; margin: 0 10px 10px 0; padding: 0;
				}

					body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li.last {
						margin-right: 0;
					}
					
						body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li h3 {
							position: absolute; bottom: 0; float: none; width: auto;
						}
						
							body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li h3 a {
								text-decoration: none;
							}
							
								body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li h3 a:hover {
									text-decoration: underline;
								}

						body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li span.img {
							position: absolute; display: block; top: 0; right: 0; left: 0; height: 113px; overflow: hidden; z-index: 10;
							background-color: rgb(63, 63, 64); border: 1px solid #fff;
						}
						
						body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li ul.children {
							visibility: hidden; position: absolute; top: 10px; right: 0; left: 10px; z-index: 100;
							line-height: 1;
						}
						
							body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li ul.children li {
								position: static; height: auto; margin: 0 0 4px 0;
							}
							
								body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li ul.children li a {
									position: static; display: block; margin: 0;
									color: #fff;
									text-decoration: none;
								}
								
									body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li ul.children li a:hover {
										text-decoration: underline;
									}
							
						body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li:hover ul.children {
							visibility: visible;
						}
						
						body.project-landing #content #main ul.sub-pages-thumbnails-big-with-children li:hover span.img {
							background-color: rgb(33, 33, 34);
						}
						
						

	body.project-landing #content #main-sidebar {
		float: left; width: 70px; margin: 0;
	}

		body.project-landing #content #main-sidebar ul.gallery {
			margin: 0; padding: 0;
			list-style-type: none;
		}

			body.project-landing #content #main-sidebar ul.gallery li {
				display: block; width: 70px; height: 45px; margin-bottom: 10px; overflow: hidden;
			}

				body.project-landing #content #main-sidebar ul.gallery li.active {

				}

					body.project-landing #content #main-sidebar ul.gallery li a {
						display: block;
						background-color: #4F504F; border: 1px solid #4F504F;
					}

						body.project-landing #content #main-sidebar ul.gallery li a.activeSlide {
							background-color: #4F504F; border: 1px solid #fff;
						}
						
/* Project Category */

body.project-category #content {
	float: left; width: 710px; margin: 10px 0 3em 0;
}

	body.project-category #content #main {
		float: left; width: 630px; margin: 0 10px 0 0;
	}

		body.project-category #content #main .banners {
			margin: 0 0 10px 0; width: 628px; height: 388px; overflow: hidden;
			background-color: #4F504F; border: 1px solid #fff;
		}

			body.project-category #content #main .banners .banner {
				position: relative; width: 628px; height: 388px;
			}

				body.project-category #content #main .banners .banner .caption {
					position: absolute; bottom: 0; left: 0; right: 0; height: auto; margin-bottom: 0; padding: 2px 10px;
					text-align: left;
				}

		body.project-category #content #main ul {
			margin-left: 0; margin-right: 0;
			list-style-type: none;
		}

			body.project-category #content #main h2, body.project-category #content #main h3, body.project-category #content #main h4, body.project-category #content #main h5, body.project-category #content #main h6 {
				clear: both; float: none; width: auto; display: block;
				color: #fff;
				font-size: 13px; text-align: left;
			}

			body.project-category #content #main p, body.project-category #content #main ul, body.project-category #content #main ol {
				float: none; width: auto; margin: 0; display: block;
				font-size: 11px;
			}

			body.project-category #content #main ul.sub-pages-thumbnails-big {
				float: none; width: auto;
			}


	body.project-category #content #main-sidebar {
		float: left; width: 70px; margin: 0;
	}

		body.project-category #content #main-sidebar ul.gallery {
			margin: 0; padding: 0;
			list-style-type: none;
		}

			body.project-category #content #main-sidebar ul.gallery li {
				display: block; width: 70px; height: 45px; margin-bottom: 10px; overflow: hidden;
			}

				body.project-category #content #main-sidebar ul.gallery li.active {

				}

					body.project-category #content #main-sidebar ul.gallery li a {
						display: block;
						background-color: #4F504F; border: 1px solid #4F504F;
					}

						body.project-category #content #main-sidebar ul.gallery li a.activeSlide {
							background-color: #4F504F; border: 1px solid #fff;
						}

/* Project */

body.project #content {
	float: left; width: 710px; margin: 10px 0 3em 0;
}

	body.project #content #main {
		float: left; width: 630px; margin: 0 10px 0 0;
	}

		body.project #content #main .banners {
			margin: 0 0 10px 0; width: 628px; height: 388px; overflow: hidden;
			background-color: #4F504F; border: 1px solid #fff;
		}

			body.project #content #main .banners .banner {
				position: relative; width: 628px; height: 388px;
			}

				body.project #content #main .banners .banner .caption {
					position: absolute; bottom: 0; left: 0; right: 0; height: auto; margin-bottom: 0; padding: 2px 10px;
					text-align: left;
				}

		body.project #content #main ul {
			margin-left: 0; margin-right: 0;
			list-style-type: none;
		}

			body.project #content #main h2, h3, h4, h5, h6 {
				clear: both; float: left; width: 70px; margin-right: 10px; margin-bottom: 0;
				color: #fff;
				font-size: 11px; text-align: right;
			}

			body.project #content #main p, body.project #content #main ul, body.project #content #main ol {
				float: right; width: 550px; margin: 0;
				font-size: 11px;
			}

			body.project #content #main ul.sub-pages-thumbnails-big {
				float: none; width: auto;
			}


	body.project #content #main-sidebar {
		float: left; width: 70px; margin: 0;
	}

		body.project #content #main-sidebar ul.gallery {
			margin: 0; padding: 0;
			list-style-type: none;
		}

			body.project #content #main-sidebar ul.gallery li {
				display: block; width: 70px; height: 45px; margin-bottom: 10px; overflow: hidden;
			}

				body.project #content #main-sidebar ul.gallery li.active {

				}

					body.project #content #main-sidebar ul.gallery li a {
						display: block;
						background-color: #4F504F; border: 1px solid #4F504F;
					}

						body.project #content #main-sidebar ul.gallery li a.activeSlide {
							background-color: #4F504F; border: 1px solid #fff;
						}

/* People */
				
body.people #content #main-sidebar ul.gallery {
	margin-left: 0; margin-right: 0;
	display: block;
	list-style-type: none;
	background: url(img/people-grid-bg.png) 0 0 repeat;
}

	body.people #content #main-sidebar ul.gallery li {
		position: relative; display: block; float: left; margin: 0 30px 20px 0; padding: 0; width: 80px; height: 80px; overflow: hidden;
		background-color: #4F504F;
	}
		body.people #content #main-sidebar ul.gallery li.first {
			clear: both;
		}
		
		body.people #content #main-sidebar ul.gallery li.last {
			margin-right: 0;
		}
		
			body.people #content #main-sidebar ul.gallery li a {
				position: absolute; display: block; width: 80px; height: 80px;
			}
			
				body.people #content #main-sidebar ul.gallery li span.img {
					display: block; width: 80px; height: 80px;
				}
		
	body.people .person-preview-title {
		position: absolute; width: 100px; height: auto; margin: 0; padding: 4px 0;
		z-index: 3000;
		border: 1px solid #fff; background-color: rgba(96, 96, 96, 0.75);
		line-height: 1; font-size: 11px; font-weight: bold;
		text-align: center;
		color: #fff;
	}
	
	body.people .person-preview-synopsis {
		position: absolute; width: 100px; height: auto; margin: 0; padding: 4px 0;
		z-index: 3000;
		border: 1px solid #fff; background-color: rgba(96, 96, 96, 0.75);
		line-height: 1; font-size: 11px; font-weight: normal;
		text-align: center;
		color: #B3B3B3;
	}
	
/* Articles */

body.articles-index #content #main {
	clear: both; float: none; width: auto; margin: 0 80px 0 120px;
}

	body.articles-index #content #main ul.articles {
		margin-left: 0; margin-right: 0;
		list-style-type: none;
	}

		body.articles-index #content #main ul.articles li {
	
		}

			body.articles-index #content #main ul.articles li h2 {
				display: block;
				border-bottom: 1px solid #444444;
				font-size: 1.4em; font-weight: normal;
			}
			
			body.articles-index #content #main ul.articles li p.article-details {
				color: #444444;
			}

			body.articles-index #content #main ul.articles li .banners {
				float: right; margin-left: 10px; margin-bottom: 10px; width: 238px; height: 108px; overflow: hidden;
				background-color: #4F504F; border: 1px solid #fff;
			}
			
			body.articles-index #content #main ul.articles li ul.gallery {
				float: right; margin-left: 10px; margin-right: 0; padding: 0; width: 240px; height: auto; overflow: hidden;
				list-style-type: none;
			}
			
				body.articles-index #content #main ul.articles li ul.gallery li {
					float: left; margin-right: 20px; margin-bottom: 10px; padding: 0; width: 108px; height: 108px; overflow: hidden;
					background-color: #4F504F; border: 1px solid #fff;
				}
				
					body.articles-index #content #main ul.articles li ul.gallery li.last {
						margin-right: 0;
					}
					
					
/* Contact */

body.contact h1 {
	margin-right: 80px; margin-left: 120px;
	border-bottom: 1px solid #777;
}

body.contact #content {
	margin: 10px 70px 3em 120px; padding-top: 10px;
}

	body.contact #content #main {
		float: none; width: 800px; margin: 0;
	}
	
		body.contact #content #main img.map {
			float: right; margin: 24px 0 10px 10px;
		}
	
		body.contact #content #main h2 {
			display: block; clear: none; padding-top: 62px;
			border-bottom: 1px solid #444444;
			font-size: 16px; text-align: left; line-height: 1;
		}
		
		body.contact #content #main p {
			font-size: 13px;
		}
		
	body.contact #content #main-sidebar {
		clear: both; float: none; width: 800px; margin: 0;
	}
		
		body.contact #content #main-sidebar h2, body.contact #content #main-sidebar h3, body.contact #content #main-sidebar h4, body.contact #content #main-sidebar h5, body.contact #content #main-sidebar h6 {
			clear: both; margin-bottom: 1em; width: 800px;
			display: block;
			color: #fff;
			border-bottom: 1px solid #444444;
			font-size: 14px; text-align: left; line-height: 1;
		}
		
		body.contact #content #main-sidebar p {
			clear: both;
			font-size: 11px;
		}