problem adjusting custom front page css

Hi,

I am setting up a site using the Corolla theme, which has been great and very easy to configure for a novice like me. I only ran into problems when trying to customize the design of the front page.
My aim is to create a front page that just shows the main menu, an image and the login bar.
Following suggestions I found in some of the forums, I created a custom front page template in the theme folder and deleted the parts of the site I did not need (user menu, logo, sidebars) from it, which worked. This is how it looks currently:
www.lennartmaschmeyer.com/basetutor
The only two things I would like to remove now are the node title and the border, so I again created a custom content type called node and added a custom template for this in the corolla/templates folder. I removed the node title and header parts from the file and then added custom css to the theme just for this page--but it has shown no effect.

This is the code I added to the custom CSS:

.page-node-55 .content-style {
border: 1px solid #fff;
}

This is the content of the template:

<article id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
  <div class="node-inner">

    <?php print $unpublished; ?>


    <div<?php print $content_attributes; ?>>
    <?php print $user_picture; ?>
    <?php
      hide($content['comments']);
      hide($content['links']);
      print render($content);
    ?>
    </div>

    <?php if ($links = render($content['links'])): ?>
      <nav<?php print $links_attributes; ?>><?php print $links; ?></nav>
    <?php endif; ?>

    <?php print render($content['comments']); ?>

  </div>
</article>

Probably this is an extremely straightforward issue for someone with more experience, but I have reached the limit if my click-monkey skills here, so I would be grateful for any suggestions :)

Thanks
Lennart