/* CSS Document */

#portfolio{
	list-style:none;
	text-align:center;
	padding:0;
	width: 738px;
	color: #333;
}
#portfolio a{
	color: #333;
}
#portfolio span{
	color:black;
}
	#portfolio li{
		display:inline-block;
		float: left;
		width:234px;
		margin:6px;
		padding-top:5px;
		padding-bottom:5px;
		font-size:.82em;
		text-transform:uppercase;
		background: rgba(235, 235, 235, 0.50);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	#portfolio li div{
		width:100%;
		overflow:hidden;
		margin-top: 5px;
	}
	#portfolio li img{
		height: 200px;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	#portfolio li:hover img{
		transform:scale(1.1);
		-ms-transform:scale(1.1); /* IE 9 */
		-moz-transform:scale(1.1); /* Firefox */
		-webkit-transform:scale(1.1); /* Safari and Chrome */
		-o-transform:scale(1.1); /* Opera */
	}
	
	.click{
		text-transform: uppercase;
		float: left;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 5px;
		padding-top: 10px;
		border: 0px outset buttonface;
		height: 25px;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.25);
		color: #969696;
		width: 100%;
		display: block;
		-webkit-transition: background-color 1s ease;
		-moz-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		-ms-transition: background-color 1s ease;
		transition: background-color 1s ease;
		text-decoration: none;
	}
	
	.click:hover{
		background-color: rgba(231, 229, 231, 1);
		color:white;
		cursor:pointer;
	}