/****** FILE: themes/rabe/css/projectpage.css *****/
/* PROJECTS */
.projects{
	border-bottom:1px solid #EAEAEA;
	padding:0 0 25px 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
	.projects a{
		float: left;
		position: relative;
		text-decoration: none;    
		width: 100%;
	}
		.projects a img{  
			width: 100%;
			height: auto;
			filter: grayscale(100%);
		  -webkit-filter: grayscale(100%); /* For Webkit browsers */
		  filter: gray; /* For IE 6 - 9 */
		  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
		  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

		}
		.projects a img:hover{  
		filter: grayscale(0%);
		  -webkit-filter: grayscale(0%);
		  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		}