/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Image Replacement                                           |
  | Cascading Style Sheet                                            |
  | Copyright Nov 2006                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* 
  the beauty of this method, in addition to keeping that ever-
  important logo or other image is its simplicity. If you can 
  handle having a non-puritan img element in your mark-up, this 
  method might just do ya fine. The CSS below has been honed
  down to the technique's essentials. You'll probably want to 
  define other styles such as text decoration, borders, colors, etc.
*/

h1 a {
  display : block;
  width : 600px;
  height : 200px;
}

h1 a:hover, h1 a:focus, h1 a:active {
  background : transparent url(images/image2.jpg) no-repeat;
}

h1 a:hover img, h1 a:focus img, h1 a:active img  {
  background : transparent;
  visibility : hidden;
}


/* End Styles */