body {
}
       @font-face {
            font-family: FuturaPT-Medium;
            src: url(../skins/futurabt-medium.otf);
        }


        #accordion li > div {
            font-family: FuturaPT-Medium;
        }

        #accordion {
            text-align: center;
        }

            #accordion .top {
                width: 100%;
            }

        #accordion {
            padding-right: 0px !important;
            visibility: inherit;
        }

        #top-nav {
            display: none;
        }

        @media only screen and (min-width:1000px) {
            #panel1 {
                position: absolute;
                /*top: 76px;*/
          top: 40px;
                /*left: 700px;*/
                width: 252px;
            }

            #top-nav {
                display: inline;
            }

            #accordion {
                text-align: left;
            }
        }

        @media only screen and (min-width:700px) {
            #panel1 {
                position: absolute;
               /*top: 76px;*/
          top: 40px;
                /*left: 700px;*/
                width: 100%;
            }

            #top-nav {
                display: inline;
            }

            #accordion {
                text-align: left;
            }
        }
        #panel1 {
            transition: all 200ms ease-in 0s;
            visibility: visible;
            opacity: 1000 !important;
            transform: translate(0px, 0px) translateZ(0px);
            display: block !important;
        }

        #top-nav {
            display: inline\9;
        }

        #accordion {
            text-align: left\9;
        }