style.css

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	display: block;
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
	height: 16px;
	width: 16px;
	font: 0 W;
}
.supports-fontface .icon:before {
	font-family: 'icomoon';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 16px;
	speak: none;
}

/* PNG fallbacks*/
.icon-menu {
	background-image: url("images/menu.png");
}
.supports-fontface .icon-menu {
	background-image: none;
}
.icon-menu:before {
	content: "\61";
}

.icon-cog {
	background-image: url("images/cog.png");
}
.supports-fontface .icon-cog {
	background-image: none;
}
.icon-cog:before {
	content: "\62";
}

.icon-close {
	background-image: url("images/close.png");
}
.supports-fontface .icon-close { 
	background: none;
}
.icon-close:before {
	content: "\63";
}

.icon-expand {
	background-image: url("images/expand.png");
}
.supports-fontface .icon-expand {
	background-image: none;
} 
.icon-expand:before {
	content: "\64";
}

.icon-contract {
	background-image: url("images/contract.png");
}
.supports-fontface .icon-contract {
	background-image: none;
}
.icon-contract:before {
	content: "\65";
}

.icon-user {
	background-image: url("images/user.png");
}
.supports-fontface .icon-user {
	background-image: none;
}
.icon-user:before {
	content: "\66";
}

/* Text fallbacks*/
.fallback-txt {
	font: 0 W;
	background-image: none;
}
.fallback-txt:before {
	font-size: 16px;
}