<div class="row row-1">
<nav class="coffee-span-12 nav_colomn">
<a class="link-text nav_link" href="index.html">Home</a>
<a class="link-text nav_link" href="about.html" class="selected">About</a>
<a class="link-text nav_link" href="gallery.html" title="">Gallery</a>
<a class="link-text nav_link" href="blogpage.php">Blog</a>
<a class="link-text nav_link" href="contact.html">Contact</a>
<a class="link-text nav_link" href="store/cart.php" target="_blank">Shop</a>
</nav>

With reference to the above bit of code I am having difficulty setting up a:hover and .selected in CSS
Can someone tell me the path to
1. have a hover colour of black on all links specific to navigation only
2. A class selected created to shoe black when say the about page is clicked and opened. It's navigation item should be black and the rest a different colour.

Since using responsive layout maker, all it's classes up and down the place make it very confusing as what is the correct path.
Sorry for being a pain, once I grasp this bit I think I will be well on my way.

Needn't worry, I eventually worked it out. Cumbersome to say the least. While RLM is great for doing wireframes, it can become somewhat of a nightmare trying to work out the CSS to complete the task you need to. Hope the new Responsive Site designer solves this