@charset "UTF-8";
/* CSS Document */

/* NAV BAR */

#ballnav {
	list-style: none;
	height: 400px;
	width: 64px;
}

#ballnav li {
}

#ballnav a {
	display: block;
	border: none;
	font-size: 0px;
	text-indent: -8000px;
	background-repeat: no-repeat;
}

li.aboutus, li.aboutus a {
	background-image: url(../images/ballnav.png);
	height: 100px;
	width: 64px;
	background-position: 0px 0px;
}

li.services, li.services a {
	background-image: url(../images/ballnav.png);
	height: 100px;
	width: 64px;
	background-position: 0px -100px;
}

li.clients, li.clients a {
	background-image: url(../images/ballnav.png);
	height: 100px;
	width: 64px;
	background-position: 0px -200px;
}

li.contact, li.contact a {
	background-image: url(../images/ballnav.png);
	height: 100px;
	width: 64px;
	background-position: 0px -300px;
}

/*HOVER*/

li.aboutus a:hover {height: 100px; width: 64px; background-position: -64px 0px;}
li.aboutus a.current{background-position: -64px 0px;}

li.services a:hover {height: 100px; width: 64px; background-position: -64px -100px;}
li.services a.current{background-position: -64px -100px;}

li.clients a:hover {height: 100px;	width: 64px; background-position: -64px -200px;}
li.clients a.current{background-position: -64px -200px;}

li.contact a:hover {height: 100px; width: 64px;	background-position: -64px -300px;}
li.contact a.current{background-position: -64px -300px;}

/*HOVER*/

/* #navwidebar li {
	background-position: 0px -23px;
	background-repeat: no-repeat;
}

#navwidebar a:hover {
	background: none;
	background-position: 0px -80px;
} */

.aboutus li.aboutus a,
.services li.services a,
.clients li.clients a,
.aboutus li.aboutus a,
.contributions li.contributions a,
.contact li.contact a {
	background: none;
}