<p class="notice">View all styles live by appending <strong>?presets=preset#</strong> or <strong>&amp;presets=preset#</strong> to the end of your URL such as <strong><a href="#">http://yoursite.com/index.php?presets=preset4</a></strong>.</p>

<p>In sequential order, <strong>Preset 1 - Preset 6</strong>. Please click on the image to load a live example of each style variation.</p>


<a href="index.php?option=com_content&amp;view=article&amp;id=10&amp;Itemid=11&amp;presets=preset1">
	<img alt="Preset 1" src="images/stories/demo/styles/ss1.jpg" class="rt-image floatleft" width="135" height="211" />
</a>
<a href="index.php?option=com_content&amp;view=article&amp;id=10&amp;Itemid=11&amp;presets=preset2">
	<img alt="Preset 2" src="images/stories/demo/styles/ss2.jpg" class="rt-image floatleft" width="135" height="211" />
</a>
<a href="index.php?option=com_content&amp;view=article&amp;id=10&amp;Itemid=11&amp;presets=preset3">
	<img alt="Preset 3" src="images/stories/demo/styles/ss3.jpg" class="rt-image floatleft" width="135" height="211" />
</a>
<a href="index.php?option=com_content&amp;view=article&amp;id=10&amp;Itemid=11&amp;presets=preset4">
	<img alt="Preset 4" src="images/stories/demo/styles/ss4.jpg" class="rt-image floatleft" width="135" height="211" />
</a>
<a href="index.php?option=com_content&amp;view=article&amp;id=10&amp;Itemid=11&amp;presets=preset5">
	<img alt="Preset 5" src="images/stories/demo/styles/ss5.jpg" class="rt-image floatleft" width="135" height="211" />
</a>
<a href="index.php?option=com_content&amp;view=article&amp;id=10&amp;Itemid=11&amp;presets=preset6">
	<img alt="Preset 6" src="images/stories/demo/styles/ss6.jpg" class="rt-image floatleftlast" width="135" height="211" />
</a>
<div class="clear"></div>