Change

<div id="featured" class="orbit" style="width: 1px; height: 1px;"> 

with:

<div id="featured" class="orbit" > 

conclusion remove the style

I noticed that as being the problem but it isnt in the css or html, could it be pulling it from the js?

Can you explain what this is for?

 <script src="js/jquery.orbit-1.2.3.js" type="text/javascript"></script>

I see it in your loaded scripts.

If you are using many other Foundation components, all you need is

 <script src="js/jquery.js"></script>
<script src="js/foundation.min.js"></script>

To be honest i have just followed the instructions on the orbit site. I have never used the foundation script before (however i do really like it). I'm just updating a friends site for him.

I have removed

 <script src="js/jquery.orbit-1.2.3.js" type="text/javascript"></script>

but this doesn't seem to have changed anything.

Any other sugggestions?

It seems to be something that is re-sizing the images to 0px x 0px but i cant find where that is being controlled

Well after a day wasted i have decided to go with another slider.

It looks like the link was removed, can you post it again se we can help you with this?