/* Tags Menu */
.projects-tags {
	display:inline-block;
	margin-bottom:40px;
}
.tag-link {
	display:block;
	padding:10px 20px;
	background-color:#50525B;
}

.tag-container {
	margin-bottom:10px;
	margin-right:10px;
}
.tag-link.active {
	color:black;
	background-color:#C1D53F;
}
.tag-container:hover .tag-link {
	color:white;
	background-color:#A0B1C5;
}
.tag-dropdown-relative {
	position:relative;
	z-index:99;
}
.tag-dropdown-absolute { position:absolute; }
.tag-container:hover .tag-dropdown-absolute { display:block;}
.tag-dropdown-absolute {
	background-color:black;
	display:none;
	top:0; left:50%;
	text-align:center;
	padding-bottom: 10px;
}
.dd-triangle {
	padding:0;
	margin:0;
	height:7px;
	line-height:6px;
	margin-top:-1px;
}
.tag-dd-link {
	display:block;
	font-size:110%;
	padding:10px 20px;
}
.center {
	text-align:center;
}
/* End Tags Menu */

/* Our Projects (by-tag) Page */
.content {
	padding-right:10px;
}
.project-container {
	width:32.33%;
	margin-right:1%; 
}
.project-info {
	vertical-align:top;
	padding-top:15px;
	font-size:12px;
	line-height:110%;
	overflow:hidden;
}
.project-hero {

}
.chevron-right {
	margin-top:15px;
	margin-right:25px;
	margin-bottom:30px;
	display:block;
	width:21px;
	height:31px;
}
.project-info-inner {
	max-height:52px;
	overflow:hidden;
}
.chevron-right 			{ background: url(../../themes/default/images/chevron-right.png) 		0 0 no-repeat; }
.chevron-right:hover 	{ background: url(../../themes/default/images/chevron-right-hover.png) 	0 0 no-repeat; }
/* Collapse menubar to new line on smaller devices */
@media all and (max-width: 850px) {
	.project-container { width:49%; }

}
/* Collapse menu-items to own lines on mobile-sized devices */
@media all and (max-width: 550px) {
	.project-container { width:99%; }
}
/* End Our Projects (by-tag) Page */


/* Our Project (overview) Page */
.overview-details {
	width:30%;
	line-height:100%;
}
.overview-details-inner {
}
.overview-hero-inner {
}
.overview-hero-container {
	width:70%;
}
.overview-details h1 {	font-size:22px;	}
.overview-details h2 {	font-size:12px;	}
.overview-details h1, .overview-details h2 {
	line-height:100%;
	margin:0;
}
.project-navigator {
	margin-top:310px;
	margin-bottom:10px;
}
.project-nav {
	padding:9px 7px;
}
.project-nav, #navigator-middle {
	height:16px;
}
.project-nav, .project-nav-inner, #navigator-middle {
	background-color:#18191B;
}
#navigator-middle {
	padding:20px 5px;
	padding-left:0;
	color:#59626C;
}
.project-nav, .project-nav-inner, #navigator-return, #navigator-return-inner {
	background-position: center center;
	background-repeat: no-repeat;
	display:block;
}
.project-nav, .project-nav-inner {
	width:25px;
	height:39px;
}
#navigator-return, #navigator-return-inner {
	cursor:pointer;
	width:24px;
	height:22px;
}
#navigator-return {
	background-color: #1E222A;
	padding:17px 14px;
}
.project-nav:hover .project-nav-inner, #navigator-return:hover #navigator-return-inner {
	display:none;
}
.overview-project-manager, .overview-architect, .overview-project-type, .overview-project-size {
	margin-bottom:15px;
	font-size:12px;
}
h2.overview-location {
	margin-bottom:25px;
}
.overview-hero-inner {
	padding-right:50px;
}
.overview-hero {
	position:relative;
	height:504px;
	margin-bottom:10px;
}
.overview-hero img {
	position:absolute;
	top:0;	left:0;	right:0;	bottom:0;
	max-height:100%;
	margin:auto;
}
.overview-hero iframe {
	position:absolute;
	z-index:99;
	top:0;		left:0;
	margin:0; 	padding:0; 		border:0;
	width:100%;	height:100%;
}
.chevron-down {
	background-image: 		url(../../themes/default/images/chevron-down.png);
	background-repeat:		no-repeat;
	background-position:	center top;
	height:100px;
	margin-right:30px;
}

.slider-container {	min-height:110px; }
.slider-outer {	position: relative; }

.slider-next, 		.hero-next 	{ background: url(../../themes/default/images/projects-next.png) 		0 0 no-repeat; }
.slider-prev, 		.hero-prev	{ background: url(../../themes/default/images/projects-prev.png) 		0 0 no-repeat; }
.slider-next:hover, .hero-next 	{ background: url(../../themes/default/images/projects-next-hover.png) 	0 0 no-repeat; }
.slider-prev:hover, .hero-prev 	{ background: url(../../themes/default/images/projects-prev-hover.png) 	0 0 no-repeat; }
.slider-next, 		.hero-next 	{ right:0; 	}
.slider-prev, 		.hero-prev 	{ left:0; 	}
.slider-prev, .slider-next, .hero-prev, .hero-next {
	z-index:100;
	width:34px; height:58px;
	position:absolute;
	top:0; bottom:0;
	margin:auto;
}
.slider-prev, .slider-next {
	display:none; /* Jquery fadeIn */
}

.slider {
	width:auto;
	overflow:hidden;
}
.slider-inner {
	position:relative;
	white-space:nowrap;
}
.slider-inner > * {
	display:inline-block;
}
.slider-item {
	width:15.416%;
	height:90%;
	margin-right:1.5%;
	text-align:center;
	cursor:pointer;
}
.slider-item img {
	display:none; /* Jquery fadeIn */
}
@media all and (max-width: 900px) {
	.overview-details { width:100%; }
	.overview-hero-container { width:100%; }
	.chevron-down { display:none; }
	.project-navigator {
		margin-top:0;
	}
}
@media all and (max-width: 750px) {
	.overview-hero { height:420px; } 
}
@media all and (max-width: 650px) {
	.overview-hero { height:360px; } 
	.slider-item { width: 18.8%; }
}
@media all and (max-width: 550px) {
	.overview-hero { height:280px; } 
	.slider-item { width: 23.875%; }
}
@media all and (max-width: 450px ) {
	.overview-hero { height:220px; } 
	.slider-item { width: 32.333%; }
}
/* End Our Project (overview) Page */

.overview-hero.loading {
	background-image: url("../../themes/default/images/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
}