<script type="text/javascript">
	jQuery(document).ready(function() {
		$('.images').fancybox({
			padding: 0,
			width: 970,
			height: 670,
			transitionIn: 'none',
			transitionOut: 'none',
			href: '/multimedia/imagegallery/cHVibGljL2dhbGxlcnkvY2hlbHNlYV9mbG93ZXJfc2hvdy8=',
			type: 'iframe'
		});
		
	});
</script>


<img src="/public/img/banner/flowershow_web_banner.jpg" alt="flower show banner" style="margin: -10px -20px 0 -20px;" />

<div style="width: 660px; float: left;">
<h1 style="border-bottom: none; margin-top: 20px;"><?=$page->page_title?></h1>
<?=$page->page_body?>
</div>

<div style="width: 256px; float: right;" class="images">
	<p style="margin: 15px; text-align: center;"><strong>Rendered images</strong></p>
	<img src="/public/gallery/chelsea_flower_show/thumbs2/pic_01.jpg" alt="" style="margin: 3px; float: left;" />
	<img src="/public/gallery/chelsea_flower_show/thumbs2/pic_02.jpg" alt="" style="margin: 3px; float: left;" />
	<img src="/public/gallery/chelsea_flower_show/thumbs2/pic_03.jpg" alt="" style="margin: 3px; float: left;" />
</div>

<br />
<div style="clear: both;"><strong>Pictures from the show</strong></div>
<div class="images">
	<img src="/public/gallery/chelsea_flower_show/thumbs2/pic_04.jpg" alt="" style="margin: 3px 3px 3px 0px; float: left;" />
	<img src="/public/gallery/chelsea_flower_show/thumbs2/pic_05.jpg" alt="" style="margin: 3px; float: left;" />
	<img src="/public/gallery/chelsea_flower_show/thumbs2/pic_06.jpg" alt="" style="margin: 3px; float: left;" />
</div>