#projectPortal {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial,sans-serif;
	background: url(/images/portfolio/aristotle_design_portfolio_bkgrd.gif) repeat-y 0 0;
	position: relative;
	width: 790px;
	border: 1px solid #CEC6BB;
	border-top: none;
}
	#projectPortal ul {
		list-style: none;
		margin: 0;
		padding: 5px 0;
	}
	#projectPortal li {
		padding: 3px 5px 2px 15px ;
		margin: 0;
	}
	#projectPortal h2 {
		font: italic 18px/31px "Lucida Sans Unicode","Lucida Grande", "Lucida Sans",Arial,sans-serif;
		letter-spacing: -1px;
		vertical-align: middle;
		text-indent: 9px;
		margin: 0;
		padding: 0;
		height: 32px;
		text-transform: uppercase;
	}
		
div#pjTypes ul li a.web { background:none; }

#projectPortal .container, #projectPortal h2 { background: url(/images/portfolio/aristotle_design_portfolio_hdr_bkgrd.gif) repeat-x 0 0; }


#pjClients, #pjDetail, #pjIndustry, #pjTypes { float: left; display: inline; }

/* detail */
#pjDetail {
	width: 596px;
	margin-top: 324px;
} 
	#pjDetail .content { padding: 10px; margin: 0; }
	img#clientImg, div#flclientImg {
		background: #fff;
		position: absolute; 
		top: 37px;
		left: 7px;
		padding: 2px;
		border: 1px solid #CEC6BB;
	}
	#pjDetail .website { margin-top: -10px; font-weight: bold; }

/* featured clients */
#pjClients { margin-left: -201px; width: 201px; } 
	#pjClients ul { height: 253px; overflow: auto; padding-bottom: 33px; }
	#pjClients li.selected { background: #E6561A; }
	#pjClients .all { background: #fff; font-weight: bold; text-align: right; margin: -33px 17px 0 0; padding: 0 10px 0 0; height: 33px; line-height: 33px; position: relative; z-index: 1; }
	#pjClients .all a { text-decoration: none; }

/* Category */
#pjIndustry { width: 193px; float: right; font-size: .9em; }
	#pjIndustry h2 { font-size: 16px; word-spacing: -1px; }
	#pjIndustry ul { width: 100%; overflow: auto; height: 282px; }
	#pjIndustry a { vertical-align: middle; }
	
/* Capability */
#pjTypes { width: 193px; float: right; clear: right; font-size: .9em; }
	

#projectPortal ul a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#projectPortal .selected a { color: #7FB5DB; }
#pjIndustry .disabled a { color: #E2DED1; cursor: text; }
#pjIndustry .disabled b { position: absolute;height: 16px;width: 180px;display: block;background: url(/!images/blank.gif)!ie;} 
#pjClients .selected a { color: #fff; }
#pjTypes a, #pjIndustry a { text-transform: uppercase; }

#pjTypes a {  display: block; padding: 4px 0 0 25px; }
#pjTypes li { overflow: hidden; padding-left: 10px; line-height: 1.1; }

#pjTypes a b  {
	background: url(/images/portfolio/aristotle_design_portfolio_icon_sm.gif) no-repeat;
	width: 22px;
	height: 22px;
	float: left; display: inline;
	margin-left: -25px;
	margin-top: -4px; 
}

#pjTypes .web b { background-position:  0 0; }
#pjTypes .web .selected b, #pjTypes .web a:hover b { background-position:  0 -22px; }
#pjTypes .email b { background-position:  -22px 0; }
#pjTypes .email .selected b, #pjTypes .email a:hover b { background-position:  -23px -22px; }
#pjTypes .markadv b { background-position:  -66px 0; }
#pjTypes .markadv .selected b, #pjTypes .markadv a:hover b { background-position:  -66px -22px; }
#pjTypes .media b { background-position:  -44px 0; }
#pjTypes .media .selected b, #pjTypes .media a:hover b { background-position:  -44px -22px; }


/* larger client lisitng */
.clientprojects ul .pj_web {  }
.clientprojects ul .pj_email {  }
.clientprojects ul .pj_markadv {  }
.clientprojects ul .pj_media {  }