Super Stupid question: Where do i put these CSS entries to style my forms? ++

Looks like you should be adding to this file.. http://fairchildwarehouse.co.uk/blog/wp-content/themes/soundcheck/style.css just like Rob said. You can append any Gravity Forms specific styles to the end of that stylesheet.

As far as the fitment of the fields, you're using the advanced fields that are designed to be aligned together horizontally and since you have a very restricted space, you're getting the layout issues you have. You will need to do a little custom CSS work if you want to keep those fields but lay them out differently.

When you submit the form, you do get the confirmation just fine, if you refresh it, you're effectively trying to re-submit the form with empty values in required fields. That's why you're seeing an error. The form is doing what it's supposed to do.

You're using the name and that are under the advanced panel.. the email with the confirmation option. Both of these are pre-defined layouts where the first name/last name are grouped together in a horizontal format. The same for the email/confirm email fields. Those are grouped and pre-styled.

You'll need to write some custom CSS to override the default layouts. You can find samples of targeting the "advanced" elements here..

http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

look for the section titled: Advanced Field (multi-field) Container

You'll probably want to make the inputs and labels all display:block so they are forced to align vertically rather than horizontally. You may also have to adjust margins, etc on some of the elements to make them fit properly. If all of that is a little much, you might want to consider contracting a developer to help you with the customizations. You can find a listing of developers with Gravity Forms experience at the page linked below.

http://wpcandy.com/pros/experienced/with-gravity-forms