
/* Portfolio */
.portfolio-screens { float: left; width: 490px; text-align: center; }
	.ss {
		float: left;
		cursor: pointer;
		margin: 0 3px 0 0;
		background: url(/library/media/images/portfolio/thumb_shadow.png) no-repeat center bottom;
	}
		.ss-last { margin-right: 0; }
		.ss div, .ss a { margin-bottom: 10px; cursor: pointer; display: block; background: transparent none no-repeat center bottom; }
		.ss div img, .ss a img { visibility: hidden; display: block; cursor: pointer; }

.portfolio-data { float: right; width: 502px; }
.portfolio-data a[rel="external"] {
	display: block; 
	margin: 0 10px 5px 20px; 
	border-top: 1px solid #eee; 
	padding: 5px 0 0 20px; 
	font-size: 105%; 
	background: url(/library/media/icons/fugue/arrow-000-medium.png) no-repeat 2px 9px;
}
.portfolio-data p { padding: 0.1em 10px 0.2em 20px; }
.portfolio-data hr { height: 1px; color: #ccc; background: #ccc; margin: 1px 20px 10px; width: 460px; }
.portfolio-page h3 { position: static; font-size: 1.5em; color: #444; margin: 0 0 0.1em !important; padding-left: 20px; }

.portfolio-details-ul { border-top: 1px solid #ccc; background: #f9f9f9; list-style: none; }
.portfolio-details-ul:after { content: "."; font-size: 0; display: block; visibility: hidden; clear: both; height: 0; }

.portfolio-details-ul li {
	float: left;
	font-size: 90%;
	background: transparent none no-repeat 10px center;
	padding: 3px 0 2px 33px !important;
	margin: 2px 9px 2px 0;
	width: 114px;
}
.portfolio-details-ul li.third { margin-right: 0; }

.portfolio-thumb {
	border: 0;
}
.portfolio-thumb img { border: 0; }
