* { margin: 0; padding: 0; }
.portfolio-container-container{ position: relative; }
.portfolio-container { overflow: hidden; position: relative; text-align: left; width: 700px; background-color:#ccc; color:white; }
.portfolio-bg-left, .portfolio-bg-right { background-image: url(background.jpg); position: absolute; top: 0; width: 50%; height: 100%; }
.portfolio-bg-left { background-position: left top; left: 0; }
.portfolio-bg-right { background-position: right top; right: 0; }
.portfolio-bg-bottom-left, .portfolio-bg-bottom-right { background-image: url(background.jpg); position: absolute; bottom: 0; width: 50%; height: 30px; }
.portfolio-bg-bottom-left { background-position: left bottom; left: 0; }
.portfolio-bg-bottom-right { background-position: right bottom; right: 0; }
.portfolio-container .portfolio-mp3-container { position: absolute; top: 50%; left: 50%; text-align: center; margin-left: -50px; margin-top: -10px; }
.portfolio-container .portfolio-mp3 { border: none; }
.portfolio-container img.portfolio-loading-bar { border: none; }
.portfolio-container ul.multimedia-portfolio { list-style-type: none; position: absolute; left: 0; padding: 0 0 0 0; margin: 10px 0 0 0; width: 20000px; }
.portfolio-container ul.multimedia-portfolio li { position: relative; text-align: center; float: left; margin: 0; padding: 0; overflow: hidden; }
.portfolio-container ul.multimedia-portfolio img { border: none; }
.portfolio-container .portfolio-object-border { position: relative; border: 7px solid transparent; -moz-border-radius-topleft: 4%; -moz-border-radius-topright: 4%; -moz-border-radius-bottomleft: 0%; -moz-border-radius-bottomright: 0%; text-align: center; margin-left: auto; margin-right: auto; background-color: transparent; color:000000;}
.portfolio-container .masque-left, .portfolio-container .masque-right { width: 13px; height: 100%; background-color: transparent; background-image: url(background.jpg); position: absolute; top: 0; }
.portfolio-container .masque-left { left: 0; background-position: left top; }
.portfolio-container .masque-right { right: 0; background-position: right top; }
.portfolio-container .portfolio-title { text-align: center; color: #666; font-size: 0.8em; font-family: Arial; font-style: italic; }
.slider-container { position: absolute; bottom: 0; left: 8%; margin: 0 2px 0 2px; padding: 0; width:83%; }
.ui-slider-1 { height: 28px; position: relative; left: 0; z-index: 1; background-repeat: repeat-x; cursor : pointer; padding: 0; margin: 0; }
.ui-slider-handle { width: 105px; margin-left: -52px; height: 25px; background-image: url(slider-handle.png); position: absolute; font-size: 1px; overflow: hidden; border: none;
position: relative; z-index: 100; }
.portfolio-container .portfolio-scroll-right { position: absolute; right: 0; bottom: 4px; width: 15px; height: 25px; margin-right: 2px; z-index: 3; }
.portfolio-container .portfolio-scroll-left { position: absolute; left: 0; bottom: 4px; width: 15px; height: 25px; z-index: 3; margin-left: 2px; }
.portfolio-container iframe { border: none; }