CSS help

Hi!

I don’t have any idea about CSS, and I have some problems. I’ll explain my problem.

I’m creating a custom register page (buddypress), but it isn’t align. I want to do what this image says:
http://s29.postimg.org/xksuxr3jr/Sin_t_tulo.png

I want to put the text, which is under the video, on its right.

The page is: http://retononstop.com/welcome

My custom CSS is:

#my-custom-home {
  float:left;
  }
#my-custom-home .post-body img{
  max-height:212px;
  width:auto;
  }
#my-custom-home h1.post-title, #my-custom-home .post-meta {
  display:none;
  }
#my-custom-login {
  float:right;
  background:#eee;
  padding:1em;
  }
#my-custom-registration {
  float:left;
  width:100%;
  }
#my-custom-registration h2 {
  background:#eee;
  margin:2em 0 0.5em;
  padding:0.5em;
  }

And they are the objects:
http://s18.postimg.org/vcp2dtgah/Sin_t_tulo.png

My custom code in my theme “register.php” :

<div id="my-custom-home">
			<?php the_post(); ?>
			<?php the_content(); ?>
			</div>
            <div id="my-custom-login">
            <?php wp_login_form(); ?>
            </div>
            <div id="my-custom-registration">
                a lot of code

Thanks and sorry for my poor English.