Just Finished A New Video Squeeze Page Template!

If you use:

* { margin:0; padding:0; }

It will make your margins and padding on all your classes and ids set to 0px by default. That way you don't have to write in the code multiple times, and it will speed up your pages load times.

With that in mind unless you're using multiple font families and text alignments there's no need to write it out on the individual classes like that. You can simply put it in the body like this:

body { font-family:Tahoma, Geneva, "sans-serif"; text-align: center; }

*note: you had 'sans-sarif' when it should be 'sans-serif'.

I didn't test this, but if you want your forms to be even try floating them to right by assigning it to the input value like nah:

input { float: right; }
label { float: left; }

This is a minor note, but browsers computer to computer render pixels differently. So when you got time look at this PXtoEM.com: PX to EM conversion made simple.

Sorry, I'm a Web Designer, so that's stuff I immediately look for. I actually like your squeeze page design. The only thing that bothers me is the banner at the bottom. Since it's below the fold and the call-to-action most users wont bother scrolling. If you want to know why squeeze pages are effective I think you should look up the Pareto Principle and The Gutenberg Diagram. If you only stick to reverse-engineering other peoples works those two things will really fill in the gaps for you.

Well, I lied, there are two things that bother me. Visually your squeeze page is almost too cohesive. The visitors eyes could really travel anywhere. If you change the color of your arrows pointing to your opt-in form to something that contrasts red, white, grey, and black it will focus the viewers eyes there.

I hope that helps!