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;
}