.med,
.mw,
.jc,
.hsc,
.rh {
	background-repeat: no-repeat;
	display: block;
	width: 400px;
	height: 50px;
	text-indent:100%;
	white-space:nowrap;
}

.med {
	background-image: url(../images/microsoft365_med.png);
}

.mw {
	background-image: url(../images/microsoft365_mw.png);
}

.jc {
	background-image: url(../images/microsoft365_jc.png);
}

.hsc {
	background-image: url(../images/microsoft365_hsc.png);
}

.rh {
	background-image: url(../images/microsoft365_rh.png);
}

.med:hover,
.mw:hover,
.jc:hover,
.hsc:hover,
.rh:hover
 {
	background-position: 0 -50px;
}