-<div class="sponsors-sponsor-page">
-{% for column in sponsors %}
- <div class="sponsors-sponsor-column" style="width: 150px">
- <p class="sponsors-sponsor-column-name">{{ column.name|default:" " }}</p>
- {% for sponsor in column.sponsors %}
- <div class="sponsors-sponsor">{% if sponsor.url %}<a style="sponsors-sponsor-link" href="{{ sponsor.url }}" title="{{ sponsor.description }}" >{% endif %}<img class="sponsors-sponsor-logo" src="{{ sponsor.logo.thumbnail }}" alt="{{ sponsor.name }}"/>{% if sponsor.url %}</a>{% endif %}</div>
- {% endfor %}
- </div>
-{% endfor %}
-<div style="clear: both"></div>
-</div>
+<div class="sponsors-page">
+ {% for column in sponsors %}
+ <div class="sponsors-column">
+ <p class="sponsors-column-name">{{ column.name|default:" " }}</p>
+ <div class='sponsor-logos'>
+ {% for offset, sponsor in column.sponsors %}
+ <a href="{{ sponsor.url }}" title="{{ sponsor.description }}"
+ style='display:block; background: url({{ page.sprite.url }}) 0px {{ offset }}px no-repeat; width: 120px; height: 120px;'>
+ </a>
+ {% endfor %}
+ </div>
+ </div>
+ {% endfor %}
+ <div style="clear: both"></div>
+</div>
\ No newline at end of file