#portfolio { padding:4px 10px; }
#portfolio .portfolioleft { float:left; width:725px; }
#portfolio .portfolioright { float:left; width:220px; padding-left:5px; }
#portfolio .portfoliotitle { color:#a00004; font:bold 20px "Trajan Pro", TrajanGCMS, Tahoma, sans-serif; }
#portfolio .portfoliospace { width:725px; height:9px; background:url(../images/portfolio/space.jpg) no-repeat center center; }
#portfolio .pspacem { width:725px; height:25px; background:url(../images/portfolio/doublespace.jpg) no-repeat center center; }
#portfolio .workphoto { float:left; width:188px; text-align:center; }
#portfolio .allphoto { text-align:left; z-index:20; }
#portfolio .allphotosm { text-align:left; z-index:20; width:350px; }
#portfolio .workdesc { float:left; width:537px; }
#portfolio .portabs { position:relative; width:537px; height:43px; background:url(../images/portfolio/portabs.jpg) no-repeat top center; }
#portfolio .portabstitle { position:absolute; top:12px; left:15px; font:bold 14px sans-serif, Tahoma; color:#404040; }
#portfolio .projectinfo { position:relative; font:normal 11px sans-serif, Tahoma; color:#828181; padding:6px; text-align:left; }
#portfolio .categories { padding:0px 0 3px 18px; font:bold 14px "Trajan Pro", TrajanGCMS, Tahoma, sans-serif; }
#portfolio .categories span { color:#a00004; }
#portfolio .catspace { width:220px; height:9px; background:url(../images/portfolio/space.jpg) no-repeat center center; }
#portfolio .catul { list-style: none; margin:0; padding:0; width:220px; }
#portfolio .catul li { height:20px; list-style: none; cursor:pointer; background:url(../images/portfolio/space.jpg) no-repeat left bottom; margin:0; padding:0; }
#portfolio .catul li a { width:185px; position: relative; overflow: hidden; text-decoration: none; font:normal 11px sans-serif, Tahoma; color: #7e7e7e;
           z-index: 10; letter-spacing: 0; display: block; margin:0; padding:0 0 0 10px; }
#portfolio .catul li a:hover { color:#a00004; }

#portfolio img.liderphoto { margin:0; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 2px solid #eee; 
		border-left: 1px solid #eee; padding: 3px; background-color: #FFFFFF; }

#portfolio img.allphoto { margin:2px; border:2px solid #eee; padding: 1px; background-color: #FFFFFF; }
#portfolio img.allphotoh { border:2px solid #a00004; }

#portfolio .catul div.le { float:left; }
#portfolio .catul div.ri { float:right; color: #7e7e7e; text-align:right; width:20px; padding-right:5px; }

#portfolio .portabst { position:absolute; top:10px; right:10px; width:260px; height:32px; z-index:1; overflow: hidden; }
#portfolio .catulpp { position: relative; height: 32px; padding: 0; margin: 0; overflow: hidden; z-index:2; }
#portfolio .catulpp div.left a { color:#fff; }
#portfolio .catulpp li { float: left; list-style: none; cursor:pointer; }
#portfolio .catulpp li.back { background: url(../images/portfolio/lavaportf.gif) no-repeat right -32px; width: 5px; height: 32px; z-index: 8; position: absolute; }
#portfolio .catulpp li.back .left { z-index:3; background: url(../images/portfolio/lavaportf.gif) no-repeat top left; height: 32px; margin-right: 9px; }
#portfolio .catulpp li a { position: relative; overflow: hidden; text-decoration: none; font:normal 11px sans-serif, Tahoma; color: #333;
            text-align: center; height: 22px; z-index: 10; letter-spacing: 0; float: left; display: block; margin:0; padding:10px 15px 0 15px; 
			text-transform:uppercase; }
#portfolio li.current a { color:#fff; }
#portfolio .catulpp li a:hover { color:#fff; }
#portfolio .catulpp li a.sp { color:#fff; }
#portfolio .active { font-weight:bold !important; color:#a00004 !important; }
#portfolio .wwwadress {  z-index:1; padding:5px 0; font:normal 8pt Tahoma, sans-serif; color:#989898; text-align:right; padding-right:15px; }
#portfolio .wwwadress a { font:bold 8pt Tahoma, sans-serif; color:#9e0004; text-decoration:none; }
#portfolio .wwwadress a:hover { text-decoration:underline; }
#portfolio img.isysologo { vertical-align:middle; margin-left:1px; }

#portfolio .charfe { width:100px; height:100px; position:absolute; margin:0; top:1px; left:1px; padding:0; z-index:5; voice-family:inherit;}
#portfolio .spca { position:relative; width:150px; margin:5px; }
#portfolio .portfolioextratit { color:#828181; padding:4px; font:normal 8pt sans-serif, Tahoma, Verdana; }
#portfolio .portfolioextratit .spportd { color:#000; font-weight:bold; }