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

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







/* Portfolio grid */
.grid { 
	width:984px;
	clear:both;
	overflow:hidden;
}
.grid-item {
	float:left;
	/*width:222px;*/
	margin:0 4px 0 0; padding:5px 5px; background:#02abc6; font-size:17px; text-align:center; color:#FFFFFF; 
}
.grid-item .title{margin:8px 0 5px 0; display:inline-block; font-family:"Arial Rounded MT Bold", Arial;}

.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; float:right;
	/*width:222px;*/
	
}
.portfolio-hover {
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
	width:100%;
	height:100%; border-radius:27px; behavior: url(PIE.htc);
	z-index:1;
	display:none;
}
.portfolio-content {
	position:absolute; text-align:center;
	left:-321px;
	top:0;
	width:100%;
	height:100%;
	z-index:2; cursor:pointer;
}
.portfolio-content h2 {
	font-size:14px;
	color:#fff; line-height:20px;
	padding:0 0 0 16px; font-weight:normal;
	margin:15px 0 10px 0;
}
.portfolio-link {
	/*float:left;*/
	clear:both;
	/*width:auto;*/
	white-space: nowrap;
	/*margin:0px;*/
	background-color:#FFF;
	color:#333; margin-top:45px; display:inline-block;
	line-height:normal;
	/*text-transform:uppercase;*/
	font-size:12px;
	padding:5px;
	border-radius:3px; position:relative; behavior: url(PIE.htc);
}
/*a:hover .portfolio-link {
	background-color:#f58220;
	text-decoration:none;
	color:#FFF;
}*/

.portfolio-link:hover {background-color:rgb(75, 149, 198); 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; position:relative; behavior: url(PIE.htc);
}


