ul.portfolioMenu {
    list-style: none;
    overflow: hidden;
    width: 671px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

ul.portfolioMenu li {
    text-align: center;
    float: left;
    width: 207px;
    margin-right: 25px;
}

ul.portfolioMenu li a {
    position: relative;
    width: 207px;
    height: 207px;
    display: block;
}

ul.portfolioMenu li a span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 207px;
    height: 207px;
    background-position: 0px;
    background-repeat: no-repeat;
}

ul.portfolioMenu li a:hover span {
    background-position: -207px;
}

ul.portfolioMenu li.web a span {
    background-image:url("../img/portfolio/web.png");
}

ul.portfolioMenu li.audio a span {
    background-image:url("../img/portfolio/audio.png");
}

ul.portfolioMenu li.design a span {
    background-image:url("../img/portfolio/design.png");
}

ul.portfolioMenu li.last {
    margin-right: 0px;
}


/**
 * carousel
 */
.carousel {
    display: none;
    height: 400px;
    overflow: hidden;
}

.navigation ul {
    margin-left: 489px;
    list-style: none;
    overflow: hidden;
}

.navigation ul li {
    float: left;
    margin-right: 5px;
}

.navigation ul li a {
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
}

.navigation ul li.last {
    margin-right: 0px;
}

.navigation ul li a span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    background: url("../img/portfolio/selector.png") no-repeat;
}

.navigation ul li a:hover span, .navigation ul li.selected a span {
    background-position: -22px;
}

.carousel h1 {
    margin-bottom: 5px;
}

.carousel .item {
    float: left;
    display: block;
    width: 900px;
    height: 700px;
}

.carousel .item .info {
    overflow: hidden;
}

.carousel .item .info img {
    float: left;
    margin-right: 10px;
    width: 479px;
}

.carousel .item .info .description dl dt {
    font-style: italic;
    color: #ccc;
    font-size: 1.3em;
}

.carousel .item .info .description dl dd {
    margin-bottom: 15px;
}

.navigation2 {
    overflow: hidden;
    float: right;
}

.navigation2 a, a.playPause {
    float: left;
    position: relative;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    display: block;
}

.navigation2 a span, a.playPause span {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
}

.navigation2 a.nextPage:hover span, .navigation2 a.previousPage:hover span {
    background-position: -38px;
}

a.playPause span {
    background: url("../img/portfolio/playPause.png");
}

.navigation2 a.nextPage span {
    background: url("../img/portfolio/next.png");
}

.navigation2 a.previousPage span {
    background: url("../img/portfolio/prev.png");
}

.player {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
}

#song1Hidden, #song2Hidden, #song3Hidden {
    height: 0px;
    background: #fff;
}

object {
    background: #fff;
}

.time {
    font-size: 2em;
    display: none;
}