@import url(http://fonts.googleapis.com/css?family=Aldrich);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400);

.project-content {
	height:auto;;
	background-color:#FFF;
	
	
	
}


/*#content-gray1 {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}*/
#container {
	height: 90%;
	width:90%;
}
.desc{
		
	color:#606060;

	padding-top:10px;
	font-size:14px;
    font-family: 'Quicksand', sans-serif;
}
.isotope-item {
	z-index: 2;
	width:auto;
	height:auto;
	padding:6px;
}
.isotope .isotope-item {
	/* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
#filters
{
    list-style-type: none;
    color: #fff;
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
    height: auto;
    background-color: #000;
}
#filters a {
	font-size:16px;
	line-height:30px;
	float:left;
	padding:8px 20px 8px 20px;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	margin:0px;
}
#filters a.active {
	width:auto !important;
}
#filters a:hover {
	background-color:#c0c0c0;
	color: #000 !important;
	text-decoration:none;
}

.clicked {
	background-color:#c0c0c0;
	color:#000 !important;
}

.selected{
	background-color:#c0c0c0;
	color:#000 !important;
}

/* Grid items */
.view {
	
	cursor:pointer;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	background-color:#fff;
}
.view img {
	display:block;
	opacity:1;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	
}
.view a {
	background-position:center center;
	display:block;
	background-color:#000;
	outline:none;
}
.view a.link {
	background-image:url('../images/link.png');
	
	background-repeat:no-repeat;
}

.view a:hover img {
	opacity: 0;
}
.title{
	
	
	font-family: 'Aldrich', sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#8c8c8c;
	
	height:50px;
	
}
.project-details{
	padding:10px;
	height:auto;
	
}
.mapIframe{
	width:570px;
	padding-bottom:10px;
	
}

.grid-4, .grid-one-third {
  width: 31.25%;
}
.clb-photo img {
	width:100%;
	height:auto;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	/*margin-bottom:-6px;*/
	outline:0;
	border:none;
}
.clb-photo {
	cursor:pointer;
	background-position:center center;
	background-image:url('../images/search.png');
	background-repeat:no-repeat;
	background-color:#999;
	display:block;
}
.clb-photo img:hover {
	opacity: 0;
}
p{
	
	font-family:'Quicksand', sans-serif;
	
}
