.rollover-logo a{
	width: 140px;
	height: 134px;
	display: block;
	background: url('../images/logo.png') 0 0 no-repeat;
	float: left;
}

.rollover-logo a:hover{
	background-position: 0 -134px;
}









.rollover-icon-home a{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-home.png') 0 0 no-repeat;
	float: left;
}

.rollover-icon-home a:hover{
	background-position: 0 -80px;
}

.rollover-icon-home-on{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-home.png') 0 -160px no-repeat;
	float: left;
} 



.rollover-icon-services a{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-services.png') 0 0 no-repeat;
	float: left;
}

.rollover-icon-services a:hover{
	background-position: 0 -80px;
}

.rollover-icon-services-on{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-services.png') 0 -160px no-repeat;
	float: left;
}



.rollover-icon-work a{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-work.png') 0 0 no-repeat;
	float: left;
}

.rollover-icon-work a:hover{
	background-position: 0 -80px;
}

.rollover-icon-work-on{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-work.png') 0 -160px no-repeat;
	float: left;
}




.rollover-icon-blog a{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-blog.png') 0 0 no-repeat;
	float: left;
}

.rollover-icon-blog a:hover{
	background-position: 0 -80px;
}

.rollover-icon-blog-on{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-blog.png') 0 -160px no-repeat;
	float: left;
}




.rollover-icon-contact a{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-contact.png') 0 0 no-repeat;
	float: left;
}

.rollover-icon-contact a:hover{
	background-position: 0 -80px;
}

.rollover-icon-contact-on{
	width: 80px;
	height: 80px;
	display: block;
	background: url('../images/icon-contact.png') 0 -160px no-repeat;
	float: left;
}