/*navigation*/
nav{ width: 100%; height: 30px; background-color: #FFF; margin: 0; padding: 0px; position: relative;}
nav ul{display: block; width: auto; margin-right: 0px; padding-right: 0px;}
nav ul li{display: inline-block; position: relative;}
nav ul li>a{display: inline-block; font: 12px/20px tahoma;}


nav ul li>a:hover{color: #FFF;}

#menu-icon{display: hidden; width: 40px; height: 40px; background:  url("../img/menu.gif") ;}

@media only screen and (max-width : 1100px) {
   #menu-icon { display:inline-block; float:right;}
   .topMenu nav{z-index: 100000; padding-top: 9px;}
   nav ul {display: none; position: absolute; z-index: 100000;right: 10px; top: 20px; width: 92px; border-radius: 4px 0 4px 4px; }
   nav li { text-align: right; width: 90px; padding:0; margin: 0;}
   nav:hover ul , nav:active ul { display: block;}
}