@font-face {
    font-family: 'FGBook';
    src: url('../resources/franklingothicfs_book_english/FranklinGothic-Book-webfont.eot');
    src: url('../resources/franklingothicfs_book_english/FranklinGothic-Book-webfont.eot?iefix') format('eot'),
         url('../resources/franklingothicfs_book_english/FranklinGothic-Book-webfont.woff') format('woff'),
         url('../resources/franklingothicfs_book_english/FranklinGothic-Book-webfont.ttf') format('truetype'),
         url('../resources/franklingothicfs_book_english/FranklinGothic-Book-webfont.svg#webfontj5DMLOGD') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FGBookCondensed';
    src: url('../resources/franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.eot');
    src: url('../resources/franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.eot?iefix') format('eot'),
         url('../resources/franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.woff') format('woff'),
         url('../resources/franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.ttf') format('truetype'),
         url('../resources/franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.svg#webfont9pAY3ErZ') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {background:#eee; }
#m {
        min-width:400px; 
        font-family:FGBook,Ubuntu,'Helvetica Neue','Franklin Gothic Medium','Gill Sans MT','Gill Sans',Arial,Serif;
        font-size: 16px;
}
html, body, #m, #m ul{margin: 0; padding: 0;}
#m-menu ul:after {content: "."; display:block; clear: both; height: 0; width: 0; overflow:hidden}
#m-menu ul {float:right; padding: 10px 10px 5px 10px;  overflow: visible; width:auto; min-height:70px}
#m-menu li {float:left; list-style-type: none; margin: 0; padding: 0;}
#m-menu a {color:#777; padding:20px 8px 20px 8px; display:block; text-decoration: none;}
#m-menu a:hover{text-decoration:underline}
	#m-inner {border-radius: 3px;}
	#m-inner {
		position:relative;
		margin:10px auto 0 auto;
		width:93%;
		max-width:980px;
		min-width:400px;
		padding: 0 20px;
		background: #eee;	
	}
	
	#m {position: absolute; z-index:2}
	#menubg {position: absolute; z-index: 1}
	#menubg {background: #555; top:0; left:0; height:5px; width:100%}
	#m {width:100%; height:100%; height:80px; overflow: hidden; }
	#m-logo {overflow: hidden; height: 65px; width:200px;}
	#m-logo img {height: 50px; padding: 5px 0 0 0; }
	#m-menu {
		position: absolute; 
		top:0; left:260px; right:0;
		min-height:50px;
		border-radius: 0 3px 0 2px;
	}
	/*
@media 
screen and (max-width:920px) 
{
    #m{position:relative; overflow:visible; height:auto; background:#eee}
    #m-logo {display:block; width:100%; text-align:center;}
    #m-menu {left:0; position:relative; min-height:0; margin-left:0; margin-right:0 }
    #m-menu ul {float:none; min-height:1px; text-align:center}
    #m-menu li {display:inline; float:none;}
    #m-menu a {padding:6px 5px ; display:inline;}
    #content,#m-inner{margin:0!important;padding:0 2%;width:96%;}
    
}

@media 
screen and (max-width:640px) ,
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) 
{
    #m-menu ul, #m-menu li a {margin:0; padding:0;}
    #m-menu{width:100%; margin:20px 0 0 0; padding:0 }
    #m-menu li {text-align:center;width:33%;float:left;display:block } 
	#m-menu li:nth-child(3n+1) {clear:left;}
	#m-menu li a {padding:10px 5px; width:100%;display:block}
    #content{margin:0!important;padding:0 5%;width:90%; text-align:left;}
}*/