.floatL { float:left;}
.floatR { float:right;}
.clear { clear:both; height:1px}
br.clear { clear:both; height:1px}

#pf-list-wrapper { width:100%; margin-bottom:20px;}
.pf-title-bar { border-bottom:3px solid #CBCBCB;  line-height:2.2em ;}
.pf-title-bar h1 { font-size:23px; float:left; border:none !important; color:#000 !important; margin:0px !important;}
.pf-title-bar-more { font-weight:bold; }

#pf-list-row {width:100%; padding-top:20px;}
.pf-list-col {width:423px; border-bottom:solid 1px #CBCBCB;  padding-bottom:10px; margin:0px 12px; #margin:0px 9px;}
.pf-list-frm{background:url(../images/port_sm.gif) left top no-repeat;  width:423px; height:318px; margin-bottom:10px;}
.pf-list-img{ padding-top:30px; margin:auto; text-align:center;}

.pf-list-frm-ip{background:url(../images/port_sm_iphone.gif) left top no-repeat;  width:423px; height:315px; margin-bottom:10px;}
.pf-list-img-ip{ padding-top:90px;text-align:center; width:239px; height:216px; overflow:hidden; margin:auto; padding-left:2px;}/*239x216*/

#pf-list-row h2 {font-size:16px;  padding-left:5px !important; margin:0px;}
#pf-list-row .more {padding-right:4px; font-size:11px; font-weight:normal; cursor:pointer;}
.pf-list-col span {float:left; width:65px; display:block;}
.pf-list-mar-bot { margin-bottom:20px;}

#pf-list-wrapper .pagging {float:right; text-align:right;}
#pf-list-wrapper .pagging span a{ background:url(../images/pagging-no-sel.gif) no-repeat top left; margin-right:5px; color:#fff; text-decoration:none; height:24px; width:24px; display:block; float:left; padding-top:3px; text-align:center; font-weight:bold;}
#pf-list-wrapper .pagging span.selected a { background:url(../images/pagging-sel.gif) no-repeat top left; color:#fff; text-decoration:none;}
#pf-list-wrapper .pagging span a:hover{ text-decoration:underline;}
#pf-list-wrapper .pagging span.np a{ background:none; width:auto !important; height:auto !important; color:#666;}

.boxgrid{ width: 275px; height: 225px; margin:9px; float:left; background:#fff; border: solid 1px #d1d1d1; overflow: hidden; position: relative; cursor:pointer; }
.boxgrid img.cover{ position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p{ padding: 0 10px; color:#ccc; font-weight:bold; font:11px Arial; margin:5px 0px; line-height:1.5em;}
.boxgrid a{ color:#FF9900;}
.boxgrid h3{ margin: 7px 10px 0 10px; color:#fff; font:bold 16px Georgia; letter-spacing:auto; }
.boxgrid span {display:block; width: 267px; #width: 274px;height: 200px; border: solid 4px #FF9900;}
.boxcaption1		{ float: left; position: absolute;background:#000;height:100px;width:100%;
				opacity:.8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.caption .boxcaption1 {top: 194px;left: 0;}
.org { border-top:solid 5px #777; }


/* New project listing Classes */
.progrid { margin-bottom: 30px;}
.progrid h3{ line-height:1.6em; margin-bottom:4px; border-bottom:solid 1px  #ccc; padding:2px 0px; font-size:18px; font-weight:normal;}
.progrid_img { height: 425px; width: 895px; overflow: hidden; display: block; margin-bottom:4px; }
.progrid_caption { padding:7px 10px; background:#f2f2f2; border-bottom:solid 1px  #ccc; font-size:10px; color:#777;}