<div id="guide-container">
<ul>
	<li><a href="#fragment-1"><span>Beginner</span></a></li>
	<li><a href="#fragment-2"><span>Intermediate</span></a></li>
	<li><a href="#fragment-3"><span>Advanced</span></a></li>
	<li><a href="#fragment-4"><span>Expert</span></a></li>
	<li><a href="#fragment-5"><span>Bonus</span></a></li>
</ul>
<div id="fragment-1">
<table id="guide-grid" cellspacing="0">
<tr>
<td class='guide-icon'>
    <div class="ppy ppy-left" id="ppy1">
        <ul class="ppy-imglist">
            <li>
                <a href="http://jenkins.liquidweb.com/~kiragame/wp-content/uploads/2010/05/beginner_21p1.jpg">
                    <img src="http://jenkins.liquidweb.com/~kiragame/wp-content/uploads/2010/05/beginner_21p1-150x150.jpg" />
                </a>
                <span class="ppy-extcaption">
                    Beginner <strong>Puzzle #21</strong>
                </span>
            </li>
            <li>
                <a href="http://jenkins.liquidweb.com/~kiragame/wp-content/uploads/2010/05/beginner_21p2.jpg">
                    <img src="http://jenkins.liquidweb.com/~kiragame/wp-content/uploads/2010/05/beginner_21p2-150x150.jpg" />
                </a>
                <span class="ppy-extcaption">
                    Beginner <strong>Puzzle #21</strong>
                </span>
            </li>
        </ul>
        <div class="ppy-outer">
            <div class="ppy-stage" style="width:150px; height:150px;">
                <div class="ppy-nav">
                    <a class="ppy-prev" title="Previous image">Previous image</a>

                    <a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
                    <a class="ppy-switch-compact" title="Close">Close</a>
                    <a class="ppy-next" title="Next image">Next image</a>
                </div>
            </div>
        </div>
        <div class="ppy-caption">
            <div class="ppy-counter">
                Part <strong class="ppy-current"></strong> of <strong class="ppy-total"></strong> 
            </div>
            <span class="ppy-text"></span>
        </div>
    </div>
</td>
<td class='guide-icon'>
</td>
</tr>
</table>
</div>
<div id="fragment-2">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</div>
<div id="fragment-3">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</div>
<div id="fragment-4">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</div>
<div id="fragment-5">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</div>
</div>