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

}

h1 {
    font-family: 'matrixmedium';
    font-weight:normal;
    font-style:normal;
}

.content{
    font-family:'matrixmedium';
    font-weight:normal;
    font-style:normal;
}

/*------------------------------ HEADER ------------------------------*/
#header {
	background: url(/images/bg-header.png) repeat-x center top;
	height: 50px;
	padding: 16px 0 0;
	text-align: center;
}
/** Logo **/
#logo {
	float: left;
	display: inline-block;
	margin-left: 10px;
}
/** Navigation **/
#navigation {
	display: inline-block;
	height: 30px;
	list-style: none;
	margin: 0 10px;
	padding: 0;
*width: 516px; /** Needed for IE7 **/
}
#navigation li {
	float: left;
	margin: 0 30px;
}
#navigation li:first-child {
	margin-left: 0;
}
#navigation li a {
	color: #00ff41;
	line-height: 30px;
	padding: 0;
    	text-decoration: none;
}
#navigation li a:hover{
	color: #ffffff;
	text-decoration: underline;
}
#navigation .selected a {
	color: #00ff41;
	text-decoration: noce;
}