Pure CSS3 Round Menu

Bottom position

Below you can find HTML code of this example.
<div class="pcss3rm pcss3rm-pos-b">
	<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="tl">Home</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-orange">
				<i class="color-orange hcolor-white icon-bullhorn"></i>
			</a>
			<em class="tl">About</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-yellow">
				<i class="color-yellow hcolor-white icon-rss"></i>
			</a>
			<em class="tl">News</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-lime">
				<i class="color-lime hcolor-white icon-trophy"></i>
			</a>
			<em class="tl">Benefits</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-green">
				<i class="color-green hcolor-white icon-laptop"></i>
			</a>
			<em class="tr">Products</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-cyan">
				<i class="color-cyan hcolor-white icon-briefcase"></i>
			</a>
			<em class="tr">Portfolio</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-blue">
				<i class="color-blue hcolor-white icon-comment"></i>
			</a>
			<em class="tr">Reviews</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-purple">
				<i class="color-purple hcolor-white icon-camera"></i>
			</a>
			<em class="tr">Gallery</em>
		</li>
		<li>
			<a href="#" class="color-white hcolor-pink">
				<i class="color-pink hcolor-white icon-phone"></i>
			</a>
			<em class="tr">Contacts</em>
		</li>
	</ul>
</div>