Using @font-face with EOT fonts in Internet Explorer, not loading/displaying correctly

This is my first time trying to use @font-face. Here is my home page:

http://www.genspangroup.com/v3/default.asp

Fonts work fine in Safari, Chrome and Firefox. They don't display in Internet Explorer. I made EOT versions of my fonts, and thought that I coded the CSS correctly:


@font-face {
            font-family: Gotham Book;
            src: url('http://www.genspangroup.com/v3/fonts/GothamHTF-Book.otf'),
            url('http://www.genspangroup.com/v3/fonts/gothamhtf-book-webfont.eot') format("opentype"); /* IE */
      }
@font-face {
            font-family: Gotham Bold;
            src: url('http://www.genspangroup.com/v3/fonts/GothamHTF-Bold.otf'),
            url('http://www.genspangroup.com/v3/fonts/gothamhtf-bold-webfont.eot') format("opentype"); /* IE */
      }

Is something not right? Thank you!