Pure CSS3 Round Menu

Center position

Below you can find HTML code of this example.
<div class="pcss3rm pcss3rm-pos-c">
	<input type="checkbox">
	<a href="#" class="color-red hcolor-white">
		<i class="color-white hcolor-red icon-home"></i>
	</a>
	<ul>
		<li>
			<a href="#" class="color-white hcolor-red">
				<i class="color-red hcolor-white icon-home"></i>
			</a>
			<em class="tr">Home</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-orange">
				<i class="color-orange hcolor-white icon-bullhorn"></i>
			</a>
			<em class="tr">About</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-yellow">
				<i class="color-yellow hcolor-white icon-rss"></i>
			</a>
			<em class="tr">News</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-lime">
				<i class="color-lime hcolor-white icon-trophy"></i>
			</a>
			<em class="r">Benefits</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-green">
				<i class="color-green hcolor-white icon-laptop"></i>
			</a>
			<em class="r">Products</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-cyan">
				<i class="color-cyan hcolor-white icon-briefcase"></i>
			</a>
			<em class="r">Portfolio</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-blue">
				<i class="color-blue hcolor-white icon-comment"></i>
			</a>
			<em class="br">Reviews</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-purple">
				<i class="color-purple hcolor-white icon-camera"></i>
			</a>
			<em class="br">Gallery</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-pink">
				<i class="color-pink hcolor-white icon-phone"></i>
			</a>
			<em class="br">Contacts</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-red">
				<i class="color-red hcolor-white icon-bullhorn"></i>
			</a>
			<em class="bl">About</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-orange">
				<i class="color-orange hcolor-white icon-rss"></i>
			</a>
			<em class="bl">News</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-yellow">
				<i class="color-yellow hcolor-white icon-trophy"></i>
			</a>
			<em class="l">Benefits</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-lime">
				<i class="color-lime hcolor-white icon-laptop"></i>
			</a>
			<em class="l">Products</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-green">
				<i class="color-green hcolor-white icon-briefcase"></i>
			</a>
			<em class="l">Portfolio</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-cyan">
				<i class="color-cyan hcolor-white icon-comment"></i>
			</a>
			<em class="tl">Reviews</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-blue">
				<i class="color-blue hcolor-white icon-camera"></i>
			</a>
			<em class="tl">Gallery</em>
		</li>
	</ul>
</div>