/*
================================================================================================
     button rollover styles
================================================================================================
*/

.homeButton,
.profileButton,
.servicesButton,
.projectsButton,
.contactButton,
.homeButtonOn,
.profileButtonOn,
.servicesButtonOn,
.projectsButtonOn,
.contactButtonOn {
	margin: 0;
	padding: 0;
}
.homeButton a span,
.profileButton a span,
.servicesButton a span,
.projectsButton a span,
.contactButton a span,
.homeButtonOn a span,
.profileButtonOn a span,
.servicesButtonOn a span,
.projectsButtonOn a span,
.contactButtonOn a span {
	display: none;
}
.homeButton a,
.profileButton a,
.servicesButton a,
.projectsButton a,
.contactButton a,
.homeButtonOn a,
.profileButtonOn a,
.servicesButtonOn a,
.projectsButtonOn a,
.contactButtonOn a {
/*	display: block; */
	width: 140px;
	height: 22px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.homeButton a {
	background: url("../images/nav/home.gif") top left no-repeat;
}
.homeButtonOn a {
	background: url("../images/nav/home_on.gif") top left no-repeat;
}
.homeButton:hover a,
.homeButton a:hover,
.homeButtonOn:hover a,
.homeButtonOn a:hover {
	background-image: url("../images/nav/home_over.gif");
}
.profileButton a {
	background: url("../images/nav/profile.gif") top left no-repeat;
}
.profileButtonOn a {
	background: url("../images/nav/profile_on.gif") top left no-repeat;
}
.profileButton:hover a,
.profileButton a:hover,
.profileButtonOn:hover a,
.profileButtonOn a:hover {
	background-image: url("../images/nav/profile_over.gif");
}
.servicesButton a {
	background: url("../images/nav/services.gif") top left no-repeat;
}
.servicesButtonOn a {
	background: url("../images/nav/services_on.gif") top left no-repeat;
}
.servicesButton:hover a,
.servicesButton a:hover,
.servicesButtonOn:hover a,
.servicesButtonOn a:hover {
	background-image: url("../images/nav/services_over.gif");
}
.projectsButton a {
	background: url("../images/nav/projects.gif") top left no-repeat;
}
.projectsButtonOn a {
	background: url("../images/nav/projects_on.gif") top left no-repeat;
}
.projectsButton:hover a,
.projectsButton a:hover,
.projectsButtonOn:hover a,
.projectsButtonOn a:hover {
	background-image: url("../images/nav/projects_over.gif");
}
.contactButton a {
	background: url("../images/nav/contact.gif") top left no-repeat;
}
.contactButtonOn a {
	background: url("../images/nav/contact_on.gif") top left no-repeat;
}
.contactButton:hover a,
.contactButton a:hover,
.contactButtonOn:hover a,
.contactButtonOn a:hover {
	background-image: url("../images/nav/contact_over.gif");
}