Align Submit button with inline fields

I'm new to CSS and Gravity Form. Here's what I'm working on: http://lemmonddesign.dreamhosters.com

I want to customize this form in the CSS but nothing was there so I plugged in:

.gf_inline { float: left; margin: 0px -10px 0px 0px; width: 100px; } ---and--- .button gform_button { float: right; }

I've been at it literally all day and can't seem to:
1. Get all fields and submit button the same size and aligned
2. Put the "descriptions" within the form field

Here's a preliminary design I did, it needs to look like this.

Thanks.

Here is a tutorial on how you can do value clearing and placement:
http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/

Let me know when you've got that working and then we'll look at the styling.

Oh and with the CSS styling questions, it looks like what I need to do is build this structure (http://www.gravityhelp.com/resources/cssguide/css_guide.html) into my CSS and edit from there, correct?

Because you are using default values - technically the fields can submit because there is content in them. However, you could alternatively try out this approach - which would take the labels and place them in the inputs (so you would want to add your labels back in). http://www.wduffy.co.uk/jLabel/

Looks good to me!

Drop this into your theme's stylesheet for the input padding:

[css]
.gform_wrapper .top_label li.gfield.gf_inline input[type="text"].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type="url"].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type="email"].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type="tel"].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type="number"].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type="password"].medium {
padding-left: 5px;
}

Here is your culprit on the select: Screenshot