Hello,
I have created 2 widget areas in the header. One is an image and the other is a slideshow gallery. The gallery in the second widget area needs to be aligned closer to the image in the 1st widget area, and aligned with the text box at the bottom of it. do i need to define a width for the 2nd widget area? how should i go about it?

here us the site:
www.bigmamas.com.au

many thanks in advance.

The problem is with your slide show. Add this to your CSS Inserts

div#slideshow-2 {
border: solid 1px #000000;
}

this shows you the area defined for the slideshow, but you see how it is shifted to the right. You can give a negative margin, change the CSS to

div#slideshow-2 {
margin-left:-20px;
border: solid 1px #000000;
}

and play with it.

You should see if there is a parameter with NGG to remove it's margin - might want to look in it's CSS

the negative margin worked, but the border goes around the outside of the gallery. ill leave it there on the site so you can see.

oh, sorry I knew it would dtill show, I was using that so you could see the area that that element took up. I should have said remove the border when you get it placed correctly. It was meant to be a guide.
But I see you have it removed and looking good.