Columns on top of each other instead of side by side
 

What is wrong with my code? I want there to be 2 columns. the left one should have content for the pages (which is does) the right one should have the Widget Area ONE. However, for some reason the "right" column is under the "left" instead of being side by side. Column sizes are 8 and 4.

They won't stay with the red and blue background...I was just trying to figure it out on my own.

http://4seasonsoutdoorservices.com/redo/

<?php get_header(); ?>


<div class="row" style="background:yellow;">
<div class="col8" style="background:red;">

<div id="post-<?php the_ID(); ?>" <?php post_class('cf'); ?>>

<div class="post-bodycopy cf">
<?php the_content(); ?>
<?php wp_link_pages( array(
'before' => __( '<p class="post-pagination">Pages:', 'montezuma' ),
'after' => '</p>'
) ); ?>
</div>
<?php edit_post_link( __( 'Edit', 'montezuma' ) ); ?>

</div>
</div>

<div class="col4" style="background:blue;">
<?php dynamic_sidebar( 'Widget Area ONE' ); ?>
</div>


<?php get_footer(); ?>

what template is this?
check the number of <div...> with the number of </div>

OK - apparently it just fixed itself...I'm so confused. Anyway, is there a way to align the text to the top of the content section? (so that it's even with "Contact me")

Template: Montezuma

Which of the virtual template's is that code from?

It was from the "page" template. adding the image widget to the top of the page is what made the columns line up side-by-side.

My current page is: http://4seasonsoutdoorservices.com/

I still haven't figured out how to get the content text to move up and be aligned at the top of the page (even with "Connect with us"). It looks like it's vertically aligned center maybe