I've been trying to help my friend complete their small website and really struggling, I've lost through the site and experimented with different bits of CSS but just got myself stuck and would really appreciate any help! Basically the site is sitting here

I've been trying to re-arranging the divs through the source and CSS so get everything positioned so it sits like this example screenshot

I'm using a form on the left and will be displaying some text and video in the div on the right hand side.

The link to the CSS is

Also just getting the footer to be relative to where the page ends rather than fixed position isn't going right either hence the gap in footer :/

I'm sure it will be simple to somebody who knows how but I'm stuck and would welcome any help!

Thank you