/* ============================ */
/* = Grid Portfolio CSS  = */
/* ============================ */
	
	/*filters menu*/
	#filters li {
		float:left;
		list-style:none;
		margin:20px 3px 20px;
		display:block;
	}
	
	#filters a {
	   border-top: 1px solid #DDD;
	   font-family:'helvetica-neue', helvetica, arial;
	   background: #EEE;
	   padding: 5px 12px 5px 12px;
	   text-shadow: #FFF 0 1px 0;
	   color: #AAA;
	   font-size: 11px;
	   vertical-align: middle;
		cursor:pointer;
		text-transform:uppercase;
		   -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
				border-radius: 3px; /* future proofing */
		 -khtml-border-radius: 3px;
		position:relative;
		z-index:8;
	   }
	
	#filters a:hover, #filters li.active a {
	   border-top-color: #CCC;
	   background: #DDD;
	   color: #FFF;
	   text-shadow:#CCC 0 1px 0;
	}
	
	/*portfolio grid*/
	
	#projects {
		opacity:0;
		clear:both;
	}
	
	#loading {
		background:url('images/ajax-loader.gif') no-repeat center center #FFF;
		width:50px;
		height:50px;
		text-align:center;
		margin:auto;
		position: absolute;
		left: 47%;
		top: 100px;
		padding:0px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		z-index:10;
	}
	
	#projects.pboxes_1 {width:100%!important;}
	#projects.pboxes_2 {width:102%!important;}
	#projects.pboxes_3 {width:102%!important;}
	#projects.pboxes_4 {width:101.4%!important;}
	#projects.pboxes_5 {width:101.8%!important;}
	
	.pbox.pp2, .pbox.pp3, .pbox.pp4, .pbox.pp5, .pbox.pp6  {
		margin-right:0%;
	}

	
	.pbox.pplast.isotope-item {
		margin-right:0px!important;
	}
	
		.isotope-item {
		  	z-index: 2;
		}

		.isotope-hidden.isotope-item {
		  pointer-events: none;
		  z-index: 1;
		}
		
		.isotope,
		.isotope .isotope-item {
		  /* change duration value to whatever you like */
		  -webkit-transition-duration: 0.4s;
		     -moz-transition-duration: 0.4s;
		          transition-duration: 0.4s;
		margin-top:0px;
		}
		
		.isotope .isotope-item {
		  -webkit-transition-property: top, left, opacity;
		     -moz-transition-property: top, left, opacity;
		          transition-property: top, left, opacity;
		}
	
	
	/*.portfolio {clear:both;width:100%;}*/
	
	.pboxinfo {
		position:relative;
		padding:0px;
	}
	
	#grid-portfolio {position:relative;}
	
	#grid-portfolio .pboxgraphic {
		background:#FFF;
		overflow:hidden;
		border:5px solid #FFF;
		position:relative;
	}
	
	#grid-portfolio .img_wrap {
		display:block;
	}
	
	#grid-portfolio .pboxtext {
		position:absolute;
		top:15%;
		margin:0 8% 8%;
		display:none;
		font-size:.9em;
		margin-bottom:-12%;
		color:#555;
		text-shadow:none;
		z-index:25;
	}
	
	#grid-portfolio .dark .pboxtext {color:#DDD;}
	
	#grid-portfolio .pboxtext p {
		margin:0;
	}
	
	#grid-portfolio .pboxtext h5 {
		margin-bottom:4px;
		text-shadow:none;
	}
	
	#grid-portfolio .dark .pboxtext h5 {
		color:#FFF;
	}
	
	
	#grid-portfolio .pboxtitle {
		margin-bottom:20px;
		font-size:.9em;
	}
	
	#grid-portfolio .pboxtitle a{
		color:#555;
		text-shadow:none;
	}
	
	#grid-portfolio .dark .pboxtitle a {
		color:#FFF;
	}
	
		#grid-portfolio .pboxtitle a:hover{
			color:#333;
		}
		
		#grid-portfolio .dark .pboxtitle a:hover {
			color:#DDD;
		}
	
	#grid-portfolio .fluid .pboxtitle {
		margin-bottom:0px;
	}
	
	
	#grid-portfolio .pboxgraphic span.hover, #grid-portfolio .pboxgraphic span.hover_solid {
		position:absolute;
		top:0px;
		left:0px;
		margin:0px;
		overflow:hidden;
	}
	
	#grid-portfolio .light .pboxgraphic span.hover_solid {
		background:#FFF;
		opacity: .8;
	}
	#grid-portfolio .dark .pboxgraphic span.hover_solid {
		background:#000;
		opacity: .6;
	}
	
	#grid-portfolio .pboxgraphic span.hover {opacity:1;}

	
	#grid-portfolio .pboxgraphic span.hover_solid {
		display:none;
	}
	
	#grid-portfolio .pboxgraphic span.hover img, #grid-portfolio .pboxgraphic span.hover_solid {
		width:100%;
		height:100%;
	}
	
	#grid-portfolio a.fullclick {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 55;
	}
	
	#grid-portfolio a.fullclick:hover, span.hover_solid, span.hover img:hover {
		box-shadow:inset 0px 1px 5px #AAA;
		-moz-box-shadow: inset 0px 1px 5px #AAA;
		-webkit-box-shadow: inset 0px 1px 5px #AAA;
	}
	
	#grid-portfolio .dark a.fullclick:hover, .dark span.hover_solid, .dark span.hover img:hover {
		box-shadow:inset 0px 1px 5px #000;
		-moz-box-shadow: inset 0px 1px 5px #000;
		-webkit-box-shadow: inset 0px 1px 5px #000;
	}
	
	#grid-portfolio .title-out {
		font-size:1em;
		margin:8px;
		opacity:.99;
		
	}
	

	/*.gallery-hide {visibility:hidden;}*/

	
bility:hidden;}*/