Hi. I love your new product, but have a question about integrating a photo gallery into an existing website. I copied the code into a site's div yesterday, but the photo gallery overlayed the images near the top of the site's page. I then added a margin-top value to the first 2 divs in the xara code. That moved the images down the page, but when I clicked on the thumbnail images, the popup images no longer worked. These are the lines I added the margin-top values to. (original code.. no margin-top values here..)

<!--[if IE]><div class="ap" id="xr" style="width: 760px; height: 700px; top:0px; left:50%; margin-left: -380px; clip: rect(0px 760px 700px 0px);"><![endif]-->
<!--[if !IE]>--><div class="ap" id="xr" style="width: 760px; height: 700px; top:0px; left:50%; margin-left: -380px; clip: rect(0px, 760px, 700px, 0px);"><!--<![endif]-->

I'm not a javascript coder and am relatively new to CSS and XHTML.

Could you tell me if there's an easy way to modify the xara code to move the photo gallery images down the page and maintain the popup capability?

Thanks for your time.

LynnSmir