Logo

Sample seen on this page. Code follows:

/*** ------------------------------------------------------------
Start Logo
----------------------------------------------------------- ***/

#header h1 {
    position: absolute;
    left: 0px;
}

#header h1 {
    position: relative !important;
    z-index: 20 !important;
    width: 219px !important;
    height: 105px !important;
    background: url(http://onx.wdfiles.com/local--files/start/OnX-Site-Logo.png) no-repeat 0px 0px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    top: 14px;
    left: -1px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: opacity .8s ease !important;
    -moz-transition: opacity .8s ease !important;
}

#header h2 {
    display: none !important;
}
#header h1 a {
    display: block !important;
    position: relative !important;
    width: 219px;
    height: 105px;
    background: url(http://onx.wdfiles.com/local--files/start/OnX-Site-Logo.png) no-repeat 0px -105px !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -webkit-font-smoothing: antialiased;
    z-index: 90;
}

#header h1 a:hover {
    background: url(http://onx.wdfiles.com/local--files/start/sitelogo.png) no-repeat 0px -105px;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

#header h1 a span {
    display: none !important;
}

/*** ------------------------------------------------------------
End Logo
----------------------------------------------------------- ***/