/* PORTFOLIO THUMBNAIL */
ul.portfolio-thumbnail {margin:0 0 0 40px; padding:0; list-style:none; width:510px; height:400px; background:none;}
ul.portfolio-thumbnail li {margin:0 1.5em 1.5em 0; padding:0; float:left; background:none;}

.portfolio-thumbnail a:visited,
.portfolio-thumbnail a:link {width:93px; height:75px; padding:5px 0 0 7px; display:block; background:url(images/portfolio-thumbnail-cover.gif) no-repeat left;}
.portfolio-thumbnail a:hover {width:93px; height:77px; padding:3px 0 0 7px; display:block; background:url(images/portfolio-thumbnail-cover.gif) no-repeat right;}

/* PORTFOLIO PAGE NAVIGATION */
#portfolio-pagenav {clear:left; text-align:left; padding:2em 0 0 0; font-size:0.85em;}

/* PORTFOLIO LAYOUT */
#portfolioframe {width:620px; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left;}
	#portfolio-previous {width:40px; height:auto; overflow:visible; margin:0; padding:120px 0 0 0; float:left; }
	#portfolio-showcase {width:540px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
		#portfolio-showcase ul li img{ width:86px; height:68px; border:0;}
	#portfolio-next {width:40px; height:auto; overflow:visible; margin:0; padding:120px 0 0 0; float:left;}
	
/* ARROWS */
#portfolio-next a, #portfolio-previous a{height: 34px; width: 38px; position: relative; display: block; overflow: hidden; cursor: pointer;}
#portfolio-next a span, #portfolio-previous a span{background-image: url('./images/portfolio-arrow-sprite.png'); background-repeat: no-repeat; position: absolute; width: 100%; height: 100%;}
#portfolio-next a.disabled, #portfolio-previous a.disabled{cursor: default;}
#portfolio-next a.disabled:after, #portfolio-previous a.disabled:after{content:" (not available)";}
#portfolio-next a span{background-position: top right;}
#portfolio-next a.disabled span{background-position: bottom right;}
#portfolio-previous a span{background-position: top left;}
#portfolio-previous a.disabled span{background-position: bottom left;}