title: css transition not applying
body: <p>I have this page <a href="http://www.kimwilddesigns.com/Advanced-Web/ChristinaM/" rel="nofollow">HERE</a> (its for a project). At the top I have a @font-face dingbat mail character after the word "contact" in the top nav. I am trying to get it to transition to the color red on hover along with the word contact but I am not sure how to accomplish this, as of right now its stays black. Also when on the <a href="http://www.kimwilddesigns.com/Advanced-Web/ChristinaM/pages/contact_page.html" rel="nofollow">contact page</a> I would like it to stay red like the word contact created with a css class. But anything I try with the transition I can't get to work on this mail character. Is this possible?
  Thank You!</p>
  
  <p><a href="http://www.kimwilddesigns.com/Advanced-Web/ChristinaM/css/main.css" rel="nofollow">CSS is here</a></p>