/*Transparency*/
.transparent50 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.portfolio { height:461px; position:relative; }
.portfolioBackground { width:100%; height:100%; }
.portfolioContent { width:100%; height:100%; }

.portfolioNav { height:89px; width:952px; position:absolute; top:372px; }

.portfolioNavBackground { height:58px; width:952px; position:absolute; top:9px; background-color:#999; }

.portfolioNavContainer { height:89px; width:952px; position:absolute; }

.portfolioNavArrowLeft { height:89px; width:37px; float:left; cursor:pointer; }
.portfolioNavArrowLeft img { margin:27px 0px 0px 14px; }

.portfolioNavItems { height:89px; width:882px; float:left; overflow:hidden; position:relative; }
.portfolioNavItems .right { margin-right:0px; }
.portfolioNavItemsOverflow { height:89px; }

.portfolioNavArrowRight { height:89px; width:33px; float:right; cursor:pointer; }
.portfolioNavArrowRight img { margin:27px 0px 0px 10px; }

/*Container*/
.portfolioNavItemContainer { float:left; width:56px; height:89px; margin-right:7px; cursor:pointer; }
/*Background*/
.portfolioNavItemBackground { float:left; width:56px; height:89px; background-color:none; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.portfolioNavItemContainerSelected .portfolioNavItemBackground { background-color:#CCC; }
/*Item*/
/*Set opacity to 0.99 for FF/Safari so item is on top of BG, otherwise it is rendered below*/
.portfolioNavItem { width:56px; height:89px; float:left; margin-left:-56px; opacity: 0.99; }
.portfolioNavImage { width:54px; height:46px; margin:15px 0px 0px 1px; background-position:54px 0px; }
.mouseOver .portfolioNavImage, .portfolioNavItemContainerSelected .portfolioNavImage { background-position:0px 0px; }
.portfolioNavNumber { text-align:right; font-size:9px; padding:8px 10px 0px 0px; color:#333; display:none; }
.portfolioNavItemContainerSelected .portfolioNavNumber { display:block; }