#mediazone {
	margin: -10px -20px -1px;
}
#mediazone ul {
	background: #2d2b2e;
	float: left;
	height: 300px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 260px;
}
#mediazone li { margin-bottom: 0; }
#mediazone li a {
	color: #fff;
	display: block;
	font-size: 1.16em;
	font-weight: bold;
	height: 15px;
	overflow: hidden;
	padding: 13px 18px 14px;
	text-decoration: none;
}
#mediazone li a.active:after {
	content: url(arrow.png);
	position: absolute;
	left: 260px;
}
#mediazone li.item-0 a.active, #mediazone li.item-0 a:hover, #mediazone div.item-0 h2 { color: #2babe2; }
#mediazone li.item-1 a.active, #mediazone li.item-1 a:hover, #mediazone div.item-1 h2 { color: #66bc46; }
#mediazone li.item-2 a.active, #mediazone li.item-2 a:hover, #mediazone div.item-2 h2 { color: #ef3b40; }
#mediazone li.item-3 a.active, #mediazone li.item-3 a:hover, #mediazone div.item-3 h2 { color: #00a9eb; }
#mediazone li.item-4 a.active, #mediazone li.item-4 a:hover, #mediazone div.item-4 h2 { color: #fac312; }
#mediazone li.item-5 a.active, #mediazone li.item-5 a:hover, #mediazone div.item-5 h2 { color: #ed1d87; }
#mediazone li.item-6 a.active, #mediazone li.item-6 a:hover, #mediazone div.item-6 h2 { color: #f26722; }

#mediazone .content {
	background: url(default.jpg) no-repeat right top;
	height: 300px;
	margin-left: auto;
	width: 450px;
}
#mediazone .item {
	background: #fff no-repeat right bottom;
	cursor: pointer;
	display: none;
	height: 240px;
	padding: 30px;
}
#mediazone .item h2 {
	font-size: 1.67em;
	margin-bottom: 15px;
}
#mediazone .item p {
	font-size: 1.35em;
	font-weight: normal;
}
#mediazone .item.active { display: block; }
#mediazone div.item-0 { background-image: url(bg-0.png); }
#mediazone div.item-1 { background-image: url(bg-1.png); }
#mediazone div.item-2 { background-image: url(bg-2.png); }
#mediazone div.item-3 { background-image: url(bg-3.png); }
#mediazone div.item-4 { background-image: url(bg-4.png); }
#mediazone div.item-5 { background-image: url(bg-5.png); }
#mediazone div.item-6 { background-image: url(bg-6.png); }

#mediazone div.item-0 h2 { color: #2f86ac; }
#mediazone div.item-1 h2 { color: #458e2a; }
#mediazone div.item-2 h2 { color: #cd2a2f; }
#mediazone div.item-3 h2 { color: #1a8cb9; }
#mediazone div.item-4 h2 { color: #daa701; }
#mediazone div.item-5 h2 { color: #cb3694; }
#mediazone div.item-6 h2 { color: #de5410; }