.pointer { color: #34495e; font-family: 'Pacifico', cursive; font-size: 22px; margin-top: -15px; }
.wheel-button, .wheel-button:visited { display: block; z-index: 300; width: 105px; height: 105px; margin: 0; }
.wheel-button:hover { color: white; }
#service .con .wbl { background: url(../images/sernav_l.png) no-repeat; }
#service .con .wbr { background: url(../images/sernav_r.png) no-repeat; }
#service .con .active { background-position: -105px 0px; }
.wheel-button.ne { border-color: white; background: #1ABC9C; color: #34FFFF; position: absolute; bottom: 10px; left: 10px; }
.wheel-button.nw { border-color: white; background-color: #E67E22; color: #FFFC44; position: absolute; bottom: 10px; right: 10px; }/*
.wheel-button span,.wheel span {
	position:relative;
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	display:block;
}

.wheel-button.active span {
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
}*/
/*                     */
.wheel li a, .wheel li a:visited { background: rgba(0,0,0,0.65); border-radius: 60px; font-weight: bold; padding: 10px; line-height: 60px; text-align: center; width: 60px; height: 60px; border: 1px solid black; /* box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5); */ color: white; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.wheel li a:hover { background: rgba(0,0,0,0.8); }
/* Required Stylesheets */
.wheel-button { position: absolute; }
.wheel { margin: 0; padding: 0; list-style: none; width: 300px; /* this will determine the diameter of the circle  */
height: 300px; /* this will determine the diameter of the circle  */
visibility: hidden; position: relative; display: none; }
.wheel li { overflow: hidden; float: left; }
.wheel li a { display: block; }
