<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
		<title>Image List</title>
		<link href="css/screen.css" rel="stylesheet" type="text/css" media="all" />
	</head>

	<body>
		<div id="container">
			<!-- TemplateBeginEditable name="bannerImage_and_shadow" --><img class="blockimg" src="images/header.jpg" alt="SITE NAME GOES
HERE" height="85" width="740" border="0" livesrc="smartobj/siteheader.psd" /><img src="images/topshadow.gif" alt="" height="15" width="740" border="0" /><!-- TemplateEndEditable -->
			<div id="content">
				<div id="leftCol">
					<h3><!-- TemplateBeginEditable name="leftColHeader" -->Gallery Name<!-- TemplateEndEditable --></h3>
					<div class="scrollBox">
						<!-- TemplateBeginEditable name="leftcol_images" --><a href="#"><img src="images/img1.jpg" width="235" height="73" alt="img1" /></a><a href="#"><img src="images/img2.jpg" width="235" height="73" alt="img2" /></a><a href="#"><img src="images/img3.jpg" width="235" height="73" alt="img3" /></a><a href="#"><img src="images/img4.jpg" width="235" height="73" alt="img4" /></a><a href="#"><img src="images/img1.jpg" width="235" height="73" alt="img5" /></a><!-- TemplateEndEditable --></div>
					<div class="listbox">
						<!-- TemplateBeginEditable name="listBoxHeader" --><img class="blockimg" src="images/listboxTop.gif" width="255" height="33" alt="This is a ListBox"  livesrc="smartobj/listbox_header.psd" /><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="listBoxLinks" -->
							<ul>
								<li><a href="#">Lengthy List Item</a></li>
								<li><a href="#">Lengthy List Item</a></li>
								<li><a href="#">Lengthy List Item</a></li>
								<li><a href="#">Lengthy List Item</a></li>
								<li><a href="#">Lengthy List Item</a></li>
								<li><a href="#">Lengthy List Item</a></li>
							</ul>
						<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="listBoxBottomImage" --><img src="images/listboxBottom.gif" alt="listbox bottom" /><!-- TemplateEndEditable --></div>
				</div>
				<div id="rightCol">
					<!-- TemplateBeginEditable name="RightContent" -->
						<div class="article">
							<img class="blockimg" src="images/articleHeaderOne.gif" alt="Article Header One" height="40" width="460" border="0" livesrc="smartobj/articleheaders.psd" />
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rhoncus risus vitae dui. Quisque turpis neque, tempus nec, mattis ut, porta ac, enim. Nulla facilisi. Sed mauris wisi, scelerisque facilisis, molestie nec, tristique in, eros. Donec id nisl. Nullam purus mi, viverra vel, egestas ut, tempor sed, massa. Quisque nec turpis. Curabitur tellus. Cras ac massa at turpis commodo convallis. Cras vel nunc. Duis sed lectus a sem luctus consequat.</p>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rhoncus risus vitae dui. Quisque turpis neque, tempus nec, mattis ut, porta ac, enim. Nulla facilisi. Sed mauris wisi, scelerisque facilisis, molestie nec, tristique in, eros. Donec id nisl. Nullam purus mi, viverra vel, egestas ut, tempor sed, massa. Quisque nec turpis. Curabitur tellus. Cras ac massa at turpis commodo convallis. Cras vel nunc. Duis sed lectus a sem luctus consequat.</p>
						</div>
						<div class="article">
							<img class="blockimg" src="images/articleHeaderTwo.gif" alt="Article Header Two" height="40" width="460" border="0" livesrc="smartobj/articleheaders.psd" />
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rhoncus risus vitae dui. Quisque turpis neque, tempus nec, mattis ut, porta ac, enim. Nulla facilisi. Sed mauris wisi, scelerisque facilisis, molestie nec, tristique in, eros. Donec id nisl. Nullam purus mi, viverra vel, egestas ut, tempor sed, massa. Quisque nec turpis. Curabitur tellus. Cras ac massa at turpis commodo convallis. Cras vel nunc. Duis sed lectus a sem luctus consequat.</p>
						</div>
						<div class="article">
							<img class="blockimg" src="images/articleHeaderThree.gif" alt="Article Header Three" height="40" width="460" border="0" livesrc="smartobj/articleheaders.psd" />
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rhoncus risus vitae dui. Quisque turpis neque, tempus nec, mattis ut, porta ac, enim. Nulla facilisi. Sed mauris wisi, scelerisque facilisis, molestie nec, tristique in, eros. Donec id nisl. Nullam purus mi, viverra vel, egestas ut, tempor sed, massa. Quisque nec turpis. Curabitur tellus. Cras ac massa at turpis commodo convallis. Cras vel nunc. Duis sed lectus a sem luctus consequat.</p>
						</div>
						<div class="article">
							<img class="blockimg" src="images/articleHeaderFour.gif" alt="Article Header Four" height="40" width="460" border="0" livesrc="smartobj/articleheaders.psd" />
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rhoncus risus vitae dui. Quisque turpis neque, tempus nec, mattis ut, porta ac, enim. Nulla facilisi. Sed mauris wisi, scelerisque facilisis, molestie nec, tristique in, eros. Donec id nisl. Nullam purus mi, viverra vel, egestas ut, tempor sed, massa. Quisque nec turpis. Curabitur tellus. Cras ac massa at turpis commodo convallis. Cras vel nunc. Duis sed lectus a sem luctus consequat.</p>
						</div>
					<!-- TemplateEndEditable --></div>
			</div>
			<div id="footer">
				<!-- TemplateBeginEditable name="footerContent" -->© 2004 So and So All Rights Reserved.<!-- TemplateEndEditable --></div>
		</div>
	</body>

</html>