table.pf-item { margin-bottom:15px; }
.pf-img { width:226px; height:176px; background:url(/img/pf_bg.gif) 0 0 no-repeat; padding:11px 0 0 11px; }
.pf-desc { padding:10px 0 0 10px; width:100%; }
.pf-desc div{ padding-bottom:3px; }

.td-portfolio { }
.td-pf-r { width:5%; padding-left:30px; padding-top:65px; text-align:center; }
.td-pf-r .r-block { font-size:86%; line-height:135%;  border-left:solid #eeeeee 1px; padding:10px 15px; display:none; text-align:left; }

.td-pf-r .pf-next { padding:5px 0 5px 15px; font-size:86%; line-height:125%; margin-top:10px; border-left:solid #eeeeee 1px; width:100px; text-align:left; }
.td-pf-r .pf-next div.img { width:97px; height:76px; background:url(/img/bg_portfolio.jpg) no-repeat; padding:8px 0 0 8px; border-right:1px; position:relative; left:-6px; }
.td-pf-r .pf-next div.caption { }
.td-pf-r .pf-next a { color:#999999; text-decoration:none; }
.td-pf-r .pf-next a:hover { color:red; }

p.pf-status { color:#aaaaaa; }

 * html .td-pf-r {
	width: expression( document.getElementById('line').clientWidth < 1100 ? '5%' : '30%' );
}
 * html .td-pf-r .r-block {
	display: expression( document.getElementById('line').clientWidth < 1100 ? 'none' : 'block' );
}

.td-portfolio p img { 
	border:solid #aaaaaa 1px;
	margin:0 0 15px 0;
	empty: expression(
		this.scripted == null 
		? scripted( this )
		: false
	);
}