It looks as though you may have done some more editing to this. When I view the thumbs area I can see that there are widths defined inline for them. Adjusting the width here will allow you to fit in the number of images you need. Once you get it adjusted correctly you will need to go into your ribbon_fullsize > js > gallery.js file and adjust the perPage setting at the top of this file. You need to make it match the number of thumbs you can see when you get the width adjusted properly.
I was able to get 6 images to show on a single line by making these adjustments:
.pg-rf .ribbon .thumbs-wrapper .thumbs img {
border:4px solid #1C1C1C;
cursor:pointer;
float:left;
margin:0 0 0 3px;
}
/*changed this from 9 to 3*/
<div class="thumbs-wrapper" style="width: 433px;">
<!-- this was 475 -->
<div class="thumbs" style="width: 440px;">
<!-- this was 474 -->
Give this a try and let us know if it works for you. As for adjusting the main image you should adjust the width of this image to make it fit in the background.