@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------
 Main Theme Stylesheet
 ------------------------------------------------------------------------*/







/* Portfolio grid */
.grid { 
	width:984px;
	clear:both;
	overflow:hidden;
}
.grid-item {
	float:left;
	/*width:222px;*/
	margin:0px;

}
.portfolio-grid .grid-item { }
.portfolio-grid .grid-item header {
	/*width:222px;*/
	height:35px;
	background:transparent url(images/col-header.png) center top no-repeat;
}
.portfolio-grid .grid-item header span {
	color:#fff;
	padding:8px 16px 0 16px;
	display:block;
	text-shadow:0 1px 0 #333;
}
.portfolio-grid .grid-item footer {
	/*width:222px;*/
	clear:both;
	height:80px;
	background:transparent url(images/col-footer2.png) center top no-repeat;
}
.portfolio-item {
	position:relative;
	overflow:hidden;
	/*width:222px;*/
	
}
.portfolio-hover {
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
	width:100%;
	height:100%;
	z-index:1;
	display:none;
}
.portfolio-content {
	position:absolute;
	left:-222px;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
}
.portfolio-content h2 {
	font-size:24px;
	color:#fff;
	padding:16px;
	margin:65px 0 0 0;
}
a.portfolio-link {
	float:left;
	clear:both;
	width:auto;
	white-space: nowrap;
	margin:0 16px 8px 16px;
	background-color:#fff;
	color:#333;
	line-height:normal;
	text-transform:uppercase;
	font-size:10px;
	padding:4px 8px;
	-moz-border-radius:5px;
	border-radius:5px;
}
a:hover.portfolio-link {
	background-color:#3399ff;
	text-decoration:none;
	color:#fff;
}
.portfolio-cat {
	text-align:center;
}
.portfolio-cat span {
	text-align:center;
	margin:10px auto 10px;
	line-height:normal;
	padding:2px 12px;
	display:inline-block;
	-moz-border-radius:10px;
	border-radius:10px;
	width:auto;
	color:#999;
	font-size:11px;
	background:#333;
	text-transform:uppercase;
	border-bottom:1px solid #666;
}