#portfoliopanels ul {
   list-style:none;
	 padding:0;
	 margin:0;
	 position:relative;
	 left:-20px;
}
#portfoliopanels li {
   float:left;
	 display:inline;
}
#portfoliopanels li a {
   display:block;
	 text-decoration:none;
	 border:1px solid #bebdbd;
	 width:220px;
   height:250px;
	 margin:20px;
}
#portfoliopanels li a img {
   width:170px;
	 position:relative;
	 left:25px;
	 top:25px;
	 border:0;
}
#portfoliopanels li h3 {
   margin:0;
	 padding:5px;
	 border:0;
	 background-color:#bebdbd;
	 color:#FFFFFF;
	 font-size:18px;
}
#portfoliopanels li a:hover h3 {
	 background-color:#fe0000;
}
#portfoliopanels li a:hover {
	 border:1px solid #fe0000;
}


#portfoliopanellist ul {
	 margin:0;
	 padding:25px 0 0 0;
	 list-style:none;
	 width:540px;
}
#portfoliopanellist li {
   display:inline;
}
#portfoliopanellist li a {
   background-color:#CCCCCC;
	 text-decoration:none;
	 float:left;
	 position:relative;
	 font-weight:bold;
	 font-size:13px;
	 color:#FFFFFF;
	 width:170px;
	 height:170px;
	 margin:0 10px 10px 0;
	 display:block;
}
#portfoliopanellist li a img {
   position:relative;
	 top:10px;
	 left:10px;
	 width:150px;
	 height:150px;
}
#portfoliopanellist li a span {
	 width:128px;
	 text-align:left;
	 display:block;
	 float:left;
   position:absolute;
	 top:115px;
	 left:0px;
	 text-transform:uppercase;
	 font-size:11px;
	 padding:6px 3px 6px 10px;
	 background-color:#CCCCCC;
}
#portfoliopanellist li a:hover,#portfoliopanellist li.active a {
   background-color:#fe0000;
	 color:#FFFFFF;
}
#portfoliopanellist li a:hover span,#portfoliopanellist li.active a span {
   background-color:#fe0000;
	 color:#FFFFFF;
}

.portfolioframe {
   width:900px;
	 height:270px;
	 display:none;
	 position:absolute;
}
.portfoliologo {
   position:relative;
	 left:30px;
	 top:20px;
}