I am currently working on a site from Template Monster. I have made all the necessary adjustments that I need to. One issue that I am having is that the template came with an accordion style gallery that I am using to showcase products. What I want to be able to do is have a link out that goes to a new page once they click on the image. When I add the link to the image I want it adds the links to everything within the gallery. Here is a link to the site.

http://bensondesign.com/2009JoomlaBDASite/

Any help would be greatly appreciated.

Here is the sample code for the accordion.

Code:
<div id="header">
							<div id="header-container">
								<ul id="accordion">
									<li>
									<div class="stretcher" style="width:727px;" >
										<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_1.jpg" alt="" class="tab"    />
										<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_1.jpg" alt="" class="tab" style="visibility:hidden"  />
										<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_1.jpg"alt=" " class="img"</div><a href="/2009JoomlaBDASite/(EmptyReference!)">
									</div>
									</li>
								   <li>
									<div class="stretcher">
									 <img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_1.jpg" alt="" class="tab" style="visibility:hidden"  />
										<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_1.jpg" alt="" class="tab"  />
										<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_2.jpg" alt=" " class="img" /></div>
									</div>
									</li>
										  <li>
									<div class="stretcher">
									 <img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_4.jpg" alt="" class="tab" style="visibility:hidden"  />
										<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_4.jpg" alt="" class="tab"  />
										<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_3.jpg" alt=" " class="img" /></div>
									</div>
									</li>
										  <li>
									<div class="stretcher">
									 <img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_4.jpg" alt="" class="tab" style="visibility:hidden"  />
										<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_4.jpg" alt="" class="tab"  />
										<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_4.jpg" alt=" " class="img" /></div>
									</div>
									</li>
										  <li>
									<div class="stretcher" >
									 <img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_5.jpg" alt="" class="tab"  style="visibility:hidden" />
										<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_5.jpg" alt="" class="tab"    />
										<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_5.jpg" alt=" " class="img" /></div>
									</div>
									</li>
										  <li>
									<div class="stretcher">
									 <img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_act_it_6.jpg" alt="" class="tab" style="visibility:hidden"  />
										<img src="/2009JoomlaBDASite/templates/theme200/images/slide_show_it_6.jpg" alt="" class="tab"  />
										<div style="padding-left:41px;"><img src="/2009JoomlaBDASite/templates/theme200/images/slide_im_6s.jpg" alt=" " class="img" /></div>
									</div>