css navigation: #8

HEAD

.tvm-navigation-position{
	width: 448px;
	background: non;
	margin: 0 auto;
}

.tvm-diamond-navigation{
	width: 110px;
	height: 110px;
	background: none;
	line-height: 120px;
	text-align: center;
	text-decoration: none;
	padding-top: 1px;
	margin: 1px;
	display: block;
	float: left;
}

.tvm-diamond-link{
	width: 80px;
	height: 80px;
	background: linear-gradient(to bottom, #cca2f4, #8a41dd);
	box-shadow: 
	inset 0px 0px 30px #7a31d4,
	0px 0px 10px #dcd6e4;
	border: 0px solid #8545d0;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: 15px;
	transition: 0.5s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tvm-diamond-transform{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tvm-diamond-navigation a,.tvm-diamond-navigation a:visited,.tvm-diamond-navigation a:active,.tvm-diamond-navigation a:link{
	text-decoration: none;
	color: #efecec;
	display: block;
	text-shadow: 1px 0px 2px #7002e0;
	text-transform: uppercase;
	font-size: 10px;
	font-family: arial;
	transition: 0.5s;
}

.tvm-diamond-link:hover {
	background: linear-gradient(to bototm, #cca2f4, #8a41dd);
	box-shadow: 
		inset 0px 0px 30px #4f217f,
		0px 0px 10px #dcd6e4;
	transition: 0.5s;
}
	
.clear{
	clear: both;
}

css navigation: #8

HEAD

BODY