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

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
		<meta name="generator" content="Adobe GoLive"/>
		<title>Music Store</title>
		<link href="css/global.css" rel="stylesheet" type="text/css" media="all" />
		<style type="text/css" media="screen"><!--
.navboxcont_BDA6A74E {
	position: absolute;
	z-index: 1;
	top: 100px;
	left: 0;
	width: 100%;
	height: auto }
.navboxleft_BDA6A74E {
	width: 280px;
	height: 1em;
	float: left }
.navboxauto_BDA6A74E {
	margin-left: 280px;
	padding-left: 20px;
	width: auto;
	height: auto }
--></style>
	</head>

	<body>
		<div id="masthead">
			<!-- TemplateBeginEditable name="header-leftcol" --><img src="images/masthead.gif" width="507" height="51" alt="MUSIC STORE" livesrc="smartobj/masthead.psd" /><!-- TemplateEndEditable -->
			<div id="menu">
				<span class="menuitem"><a href="#"><!-- TemplateBeginEditable name="navLink1" -->HOME<!-- TemplateEndEditable --></a></span> |	
				<span class="menuitem"><a href="#"><!-- TemplateBeginEditable name="navLink2" -->FULL CATALOG<!-- TemplateEndEditable --></a></span> |	
				<span class="menuitem"><a href="#"><!-- TemplateBeginEditable name="navLink3" -->CHARTS<!-- TemplateEndEditable --></a></span> |	
				<span class="menuitem"><a href="#"><!-- TemplateBeginEditable name="navLink4" -->MERCHANDISE<!-- TemplateEndEditable --></a></span>
			</div>
		</div>
		<div class="navboxcont_BDA6A74E">
			<!--agl:cssobject id="BDA6A74E" type="Left Fixed Box" /-->
			<div class="navboxleft_BDA6A74E">
				<!-- TemplateBeginEditable name="header-leftcol" --><img src="images/newreleases.gif" width="245" height="76" alt="NEW RELEASES!" livesrc="smartobj/newreleases.psd" /><!-- TemplateEndEditable -->
				<div class="leftcol_item">
					<!-- TemplateBeginEditable name="leftCol1-image" --><img src="images/album.gif" width="96" height="96" alt="albumtitle" class="leftcolimg" /><!-- TemplateEndEditable -->
						<div class="title">
							<a href="#"><!-- TemplateBeginEditable name="leftCol1-title" -->Album Title<!-- TemplateEndEditable --></a>
						</div>
						<p class="copy"><!-- TemplateBeginEditable name="leftCol2-bodycopy" -->
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum tincidunt, libero vel pulvinar volutpat, quam ... ligula, ut rutrum orci erat a tortor.
							<!-- TemplateEndEditable --></p>
						<p class="copy"><!-- TemplateBeginEditable name="leftCol2-info" -->
								14.98 - <a href="#">Buy</a> August 2004
							<!-- TemplateEndEditable --></p>
				</div>
				<div class="leftcol_item">
					<!-- TemplateBeginEditable name="leftCol2-image" --><img src="images/album.gif" width="96" height="96" alt="albumtitle" class="leftcolimg" /><!-- TemplateEndEditable -->
						<div class="title">
							<a href="#"><!-- TemplateBeginEditable name="leftCol2-title" -->Album Title<!-- TemplateEndEditable --></a>
						</div>
						<p class="copy"><!-- TemplateBeginEditable name="leftCol2-bodycopy" -->
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum tincidunt, libero vel pulvinar volutpat, quam ... ligula, ut rutrum orci erat a tortor.
							<!-- TemplateEndEditable --></p>
						<p class="copy"><!-- TemplateBeginEditable name="leftCol2-info" -->
								14.98 - <a href="#">Buy</a> August 2004
							<!-- TemplateEndEditable --></p>
				</div>
				<div class="leftcol_item">
					<!-- TemplateBeginEditable name="leftCol3-image" --><img src="images/album.gif" width="96" height="96" alt="albumtitle" class="leftcolimg" /><!-- TemplateEndEditable -->
						<div class="title">
							<a href="#"><!-- TemplateBeginEditable name="leftCol3-title" -->Album Title<!-- TemplateEndEditable --></a>
						</div>
						<p class="copy"><!-- TemplateBeginEditable name="leftCol3-bodycopy" -->
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum tincidunt, libero vel pulvinar volutpat, quam ... ligula, ut rutrum orci erat a tortor.
							<!-- TemplateEndEditable --></p>
						<p class="copy"><!-- TemplateBeginEditable name="leftCol3-info" -->
								14.98 - <a href="#">Buy</a> August 2004
							<!-- TemplateEndEditable --></p>
				
				</div>
				<div class="leftcol_item">
					<!-- TemplateBeginEditable name="leftCol4-image" --><img src="images/album.gif" width="96" height="96" alt="albumtitle" class="leftcolimg" /><!-- TemplateEndEditable -->
						<div class="title">
							<a href="#"><!-- TemplateBeginEditable name="leftCol4-title" -->Album Title<!-- TemplateEndEditable --></a>
						</div>
						<p class="copy"><!-- TemplateBeginEditable name="leftCol4-bodycopy" -->
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum tincidunt, libero vel pulvinar volutpat, quam ... ligula, ut rutrum orci erat a tortor.
							<!-- TemplateEndEditable --></p>
						<p class="copy"><!-- TemplateBeginEditable name="leftCol4-info" -->
							14.98 - <a href="#">Buy</a> August 2004
								<!-- TemplateEndEditable --></p>
				</div>
			</div>
			<div class="navboxauto_BDA6A74E">
				<div class="box_trans_bg" id="introParagraph">
					<p><!-- TemplateBeginEditable name="welcomeParagraph" -->
					Welcome to music store, we are a small shop based out of the bay area and take extreme pride in bringing you a hand-selected sampling of music we find relevant and important... please take a look at our catalog. And stop file sharing.
				<!-- TemplateEndEditable --></p>
				</div>
				<div class="header">
					<!-- TemplateBeginEditable name="contentHeader1" --><img src="images/h_catalogue.gif" alt="CATALOG BY GENRE" height="27" width="357" border="0" livesrc="smartobj/sectionheaders.psd" /><!-- TemplateEndEditable --></div>
				<div id="catalogList" class="box_trans_bg">
					<ul>
						<!-- TemplateBeginEditable name="category_list" -->
							<li><a href="#" >Avant-Garde</a></li>
							<li><a href="#" >Bluegrass</a></li>
							<li><a href="#" >Blues</a></li>
							<li><a href="#" >Cajun</a></li>
							<li><a href="#" >Celtic</a></li>
							<li><a href="#" >Comedy</a></li>
							<li><a href="#" >Country</a></li>
							<li><a href="#" >Easy Listening</a></li>
							<li><a href="#" >Electronica</a></li>
							<li><a href="#" >Folk</a></li>
							<li><a href="#" >Gospel</a></li>
							<li><a href="#" >Jazz</a></li>
							<li><a href="#" >Latin</a></li>
							<li><a href="#" >New Age</a></li>
							<li><a href="#" >R&amp;B</a></li>
							<li><a href="#" >Rap</a></li>
							<li><a href="#" >Reggae</a></li>
							<li><a href="#" >Rock</a></li>
							<li><a href="#" >Soundtrack</a></li>
							<li><a href="#" >Vocal</a></li>
							<li><a href="#" >World</a></li>
						<!-- TemplateEndEditable -->
					</ul>
				</div>
				<div class="header">
					<!-- TemplateBeginEditable name="contentHeader2" --><img src="images/h_stafpicks.gif" alt="Staff Picks" height="27" width="357" livesrc="smartobj/sectionheaders.psd" /><!-- TemplateEndEditable --></div>
				<div id="staffpicks" class="box_trans_bg">
					<dl>
						<!-- TemplateBeginEditable name="recommendations" -->
							<dt>James</dt>
							<dd><a href="#">Recommended album title</a></dd>
							<dt>James</dt>
							<dd><a href="#">Recommended album title</a></dd>
							<dt>James</dt>
							<dd><a href="#">Recommended album title</a></dd>
							<dt>James</dt>
							<dd><a href="#">Recommended album title</a></dd>
							<dt>James</dt>
							<dd><a href="#">Recommended album title</a></dd>
							<dt>James</dt>
							<dd><a href="#">Recommended album title</a></dd>
						<!-- TemplateEndEditable -->
					</dl>
				</div>
			</div>
		</div>
	</body>

</html>

