#portfolio { padding-top: 40px; text-align: center;}

#portfolio .photoalbum { width: 820px; position: relative; margin: 0 auto;}
#portfolio .photoalbum .film { width: 734px; background: url("./11x124.gif") repeat-x 0 0; overflow: hidden; position: relative; height: 98px; padding-top: 26px; padding-bottom: 25px;}
#portfolio .photoalbum .film .scroller { position: relative; white-space: nowrap;}
#portfolio .photoalbum .film .preview { display: inline; margin-right: 6px;}
#portfolio .photoalbum .film .preview .new { width: 15px; height: 10px; background: url("./mark_new_preview.gif") no-repeat 100% 100%; position: absolute; z-index: 100;}
#portfolio .photoalbum .film .preview img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; border: 1px solid #ffffff; cursor: pointer;}
#portfolio .photoalbum .film .current img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; cursor: default;}
#portfolio .photoalbum .film .preview img,
#portfolio .photoalbum .film .current img { width: 112px; height: 70px;}
#portfolio .photoalbum .film .last { margin: 0;}

#portfolio .photoalbum .prev,
#portfolio .photoalbum .next,
#portfolio .photoalbum .film { float: left; height: 98px; padding-top: 26px;}
#portfolio .photoalbum .prev,
#portfolio .photoalbum .next { width: 33px; padding-left: 10px; background: url("./1x124.gif") repeat-x 0 0;}
#portfolio .photoalbum .prev,
#portfolio .photoalbum .next { cursor: default;}

#portfolio .original { border: 10px solid #666666; clear: both;}
#portfolio .original .photo { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; display: none; position: absolute;}

#portfolio .original .photo .about { position: absolute; z-index: 110; margin-left: 5px; margin-top: 5px;}
#portfolio .original .photo .about .title,
#portfolio .original .photo .about .shape { padding: 10px 15px; padding-bottom: 12px; font-size: 11px; position: absolute; z-index: 199; color: #ffffff; white-space: nowrap;}
#portfolio .original .photo .about .title h1 { font-size: 11px; margin: 0; padding: 0; top: 0; left: 0;}
#portfolio .original .photo .about .shape { padding: 0; z-index: 198; background: url("./990x50.png") no-repeat 0 0;}

#portfolio .original .photo .new { width: 70px; height: 72px; position: absolute; z-index: 200; background: url("./mark_new.gif") no-repeat 100% 100%; float: left;}

#portfolio .original .loader { position: absolute; z-index: 300; display: none; border: 1px solid #888888; background-color: #000000; padding: 10px 15px; margin-left: 5px; margin-top: 5px;}
#portfolio .original .loader .title { font-size: 10px; text-transform: uppercase; color: #aaaaaa; position: relative; top: -3px; height: 5px;}