#portfolioinside{
	background:transparent url(../img/portfoliobg.png) no-repeat left top;
	width:979px;min-height:770px;padding:80px 0 0 0px;margin-left:-45px;
}

/* Content - Portfolio Listing */

#portfolio-paper{
width:100%;
height:87px;
padding:170px 0 0 0px;
*padding:90px 0 0 0px;

}

ul#portfolio-filter li{ display: inline;}

ul#portfolio-filter a{ 
	margin-right: 0.5em; padding: 0.5em 1em; 
	color: black; font-weight: bold; text-decoration: none; 
	font-size:18px;letter-spacing:-1px;
	*line-height:35px;
}
ul#portfolio-filter a:hover{}
ul#portfolio-filter a.current#portofolioall,ul#portfolio-filter a.current#portofoliodev{background:transparent url(../img/trait1.png) no-repeat bottom left;}
ul#portfolio-filter a.current#portofoliodesign,ul#portfolio-filter a.current#portofoliographic{background:transparent url(../img/trait4.png) no-repeat bottom left;}
ul#portfolio-filter a.current#portofoliologo{background:transparent url(../img/trait2.png) no-repeat bottom left;}

/* LIST */

ul#portfolio-list{ width:920px;margin: 0px 0 0 0; list-style: none;padding-left:27px;}
ul#portfolio-list li{ 
	width: 230px; height: 141px; display: block; 
	float: left; 
	overflow: hidden; 
	position: relative;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul#portfolio-list li a.project{ 
	display: block; width: 230px; height: 141px;
	text-decoration:none;
}

ul#portfolio-list li a.projectstudy{
	position:absolute;bottom:0px;left:50px;z-index:10;display:none;color:white;
	background-color:black;padding:20px;font-size:16px;
	line-height:10px;text-decoration:none;
	font-family:"lucida bright",georgia,arial;
}

ul#portfolio-list li a.projectstudy span{font-style:italic;color:#848484;}
ul#portfolio-list li a.project span.roll{overflow: hidden;display: block;}



.pixelversion{color:lightgray;display:block;width:200px;height:33px;background:transparent url(../img/pixelmode.png) no-repeat top left;}
.pixelversion:hover{color:lightgray;display:block;width:200px;height:33px;background:transparent url(../img/pixelmode.png) no-repeat -33px left;}
.normalversion{color:lightgray;display:block;width:200px;height:33px;background:transparent url(../img/normalmode.png) no-repeat top left;}
.normalversion:hover{color:lightgray;display:block;width:200px;height:33px;background:transparent url(../img/normalmode.png) no-repeat -33px left;}