contact form of any type

I am trying to use one of the contact form plug-ins but I cannot figure out how to implement any of the contact page word press technology into my custom theme. I am very new to using word press and I am having a hard time with the contact page. I have the rest of my site complete but inserting a contact form into my page that has two sides and a top and bottom within the main content is baffling me.
If it helps the HTML I want to insert the contact form looks like this:

<?php
/*
Template Name: Contact-me Page
*/
?>

<?php get_header(); ?>

<div id=”main”>

<div id=”tag_line_contact”>
<div class=”hideme”>
this is where the text goes for the SEO information and other search stuff.
</div>
</div> <!– END tag_line –>

<div id=”contact_main”>
<table>
<tr valign=”top”>
<td class=”left_side”>

<div id=”contact_side”>
<span class=”qst”>Questions?</span>
<span class=”cmt”>Comments?</span>
<span class=”hear”>We’d love to hear from you.</span>
<p>We are always on the move creating and shooting. Drop us a line anytime and we will respond within 48 hours.

Please leave a detailed message about your project and we will do our best to be prepared with all the information you need when we contact again.</p>
</div>
</td>

<td class=”right_side”>
<div id=”contact_form”>
<form id=”frmContact” name=”frmContact” method=”get” action=””>
<input name=”name” type=”text” class=”text” id=”name” tabindex=”100″ placeholder=”Name” autofocus required title=”Name”>
<input name=”email” type=”email” class=”text” id=”email” tabindex=”110″ placeholder=”Email” required title=”Email”>

<textarea name=”message” id=”message” cols=”79″ rows=”12″ tabindex=”270″ placeholder=”Message” required title=”Message”></textarea>
<input type=”image” name=”submit2″ id=”submit2″ src=”<?php bloginfo(‘template_url’); ?>/images/submit_button.png” tabindex=”300″>
</form>
</div>

</td>
</tr>
</table>

</div> <!– END contact_main –>

<?php get_footer(); ?>