/* main */
#folio .clear { height:20px; background-color:#FFFFFF; }

/* portfolio */


#folio { float:left; width:660px; margin-top:10px; height:auto;  }

#folio h3 {
	font: normal 1.6em 'Trebuchet MS', Arial;
	float: left;
	font-weight:normal;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:7px;
	color: #3F4448;
	width:660px;
	text-transform:capitalize;
	border-bottom:0px;
	display: block;
	text-decoration:underline;
	
}

#folio .item { width: 300px; background: url('img/item.bg.png') no-repeat; height:300px!important; }
#folio .item:hover { background-position: top right;}

#folio .item img { display: block; width: 266px; height: 150px; margin: 18px 17px 30px 17px; }
#folio .item img:hover { opacity: 0.9; }
#folio .item h4{ font: bold 1.2em 'Trebuchet MS',Arial, Helvetica !important; }
#folio .item p, #folio .item h4 { margin: 17px; color: #666; letter-spacing: 0px; }
#folio .item h4 a { color: #666 !important; text-decoration:none; text-transform:uppercase; }


.grid_4{
	display:inline;
	float:left;
	margin-left:15px;
	margin-right:10px;
}

.container_12 .grid_4 {
	width:300px; 
}

/* alaja css reset */

#folio span, #folio h1, #folio h2, #folio strong{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;  }
#folio img { vertical-align: middle; }