/* CSS Document */

/* =portfolio-overview ( main portfolio page )
		-----------------------------------------------------------------------------------------------*/
		
		.portfolio-overview {
		}
		.portfolio-overview ul {
			list-style-type:none;
			list-style-position:outside;
			margin-bottom:-30px;
		}
		.portfolio-overview li {
			float:left;
			margin:0 20px 30px 0;
			width:136px;
			height:220px;
			position:relative;
			padding:0 20px 20px 20px;
			border:1px solid #ddd;
			border-top:none;
			text-align:center;
		}
		.portfolio-overview li.last {
			margin-right:0;
		}
		.portfolio-item-preview {
			position:relative;
		}
		.ie7 .portfolio-item-preview {
			height:170px;
		}
		.portfolio-item-preview img {
			display:block;
			margin:0 -21px 20px -21px;
		}
		.preview-options {
			position:absolute;
			bottom:0;
			left:-21px;
			right:0;
			top:35px;
			width:123px;
			display:none;
		}
		.preview-options .lightbox {
			display:block;
			position:absolute;
			top:20px;
			right:20px;
			width:26px;
			height:26px;
			background:url(../images/bg-portfolio-preview-options.png) no-repeat top left;
			text-indent:-9999px;
			cursor:pointer;
			opacity:0.8;
		}
		.preview-options .view {
			display:block;
			position:absolute;
			bottom:0;
			left:0;
			cursor:pointer;
			background-color:#F28133;
			color:#FFFFFF;
			padding:5px 10px;
		}
		.preview-options .lightbox:hover, .preview-options .view:hover {
			opacity:1;
		}
		.portfolio-overview h5 {
			text-transform:none;
		}
		.ie7 .portfolio-overview h5 {
			text-transform:none;
			margin-top:20px;
		}
		.portfolio-overview p {
			margin-bottom:0;
		}