#example-nav { padding: 0px; margin: 0px; list-style: none; width: 800px; height: 24px; overflow: hidden; } #example-nav li { float: left; } #example-nav a { display: block; background-image: url(images/nav.gif); padding-top: 24px; /* same as height of #example-nav */ text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */ } #example-nav-ourwines { width: 107px; } #example-nav-ourwines:hover { background-position: 0px -24px; } #wines-page #example-nav-ourwines { background-position: 0px -48px; } #example-nav-vineyards { width: 139px; background-position: -107px 0; } #example-nav-vineyards:hover { background-position: -107px -24px; } #vineyards-page #example-nav-vineyards { background-position: -107px -48px; } #example-nav-edmeades_story { width: 183px; background-position: -246px 0; } #example-nav-edmeades_story:hover { background-position: -246px -24px; } #edmeades_story-page #example-nav-edmeades_story { background-position: -246px -48px; } #example-nav-visit_us { width: 91px; background-position: -429px 0; } #example-nav-visit_us:hover { background-position: -429px -24px; } #visit_us-page #example-nav-visit_us { background-position: -429px -48px; } #example-nav-wine_club { width: 106px; background-position: -520px 0; } #example-nav-wine_club:hover { background-position: -520px -24px; } #wine_club-page #example-nav-wine_club { background-position: -520px -48px; } #example-nav-events { width: 83px; background-position: -626px 0; } #example-nav-events:hover { background-position: -626px -24px; } #events-page #example-nav-events { background-position: -626px -48px; } #example-nav-contact { width: 91px; background-position: -709px 0; } #example-nav-contact:hover { background-position: -709px -24px; } #contact-page #example-nav-contact { background-position: -709px -48px; } /* #ourwines { display: block; width: 107px; height: 24px; background: url("images/nav_ourwines.gif") no-repeat 0 0; overflow: hidden; } #ourwines:hover { background-position: 0 -24px; } #ourwines span { display: none; } #ourwines .nav_ourwines a { background-position: 0 -48px; width: 107px; height: 24px; overflow: hidden;} #mainnav { position: relative; margin: 0; width: 800px; height: 24px; top: 10px; left: 0px; } #mainnav ul li { margin: 0; padding: 0; list-style: none; display: inline; } #nav li a { height: 24px; overflow: hidden; display: block; float: left; background-repeat: no-repeat; } #nav a:hover { background-position: 0 -24px; } /* first number= left,center, right; 2nd number = top and bottom */ /* This section is for the ON state and only take effect when the body id matches that of a list item. Replaces the need for server side logic to insert a class or an id into the list item that holds the current menu item. The body of every document is then given an id that reflects which section it belongs in, i.e. -------- */ /*#ourwines .nav_ourwines a { background-position: 0 -48px; background-image: url(images/nav_ourwines.gif);} #our_vineyards .nav_our_vineyards a { background-position: 0 -48px; } #edmeades_story .nav_edmeades_story a { background-position: 0 -48px; } #visit_us .nav_visit_us a { background-position: 0 -48px; } #wine_club .nav_wine_club a { background-position: 0 -48px; } #events .nav_events a { background-position: 0 -48px; } #contact .nav_contact a { background-position: 0 -48px; } /* end of section for ON state */ .home_headline { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; color: #E0C695; text-decoration: none; } .home_content { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #cbbeaa; text-decoration: none; } .home_subhead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #E0C695; text-decoration: none; } .acclaim_dark_beige { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #E0C695; text-decoration: none; } .acclaim_white { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #f9f8f6; text-decoration: none; } .acclaim_beige { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #e8dcbe; text-decoration: none; } .footer_content { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #999999; text-decoration: none; } .footer_content_link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #999999; text-decoration: underline; } .contact_content_link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #f9f8f6; text-decoration: underline; } .home_content_link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #f9f8f6; text-decoration: underline; } .content_link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #cbbeaa; text-decoration: underline; } .special_headline { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; color: #E0C695; text-decoration: none; } .home_hd { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; font-weight: normal; color: #E0C695; padding-bottom: 10px; text-align: left; } .home_hd2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 28px; font-weight: normal; color: #E0C695; padding-bottom: 10px; text-align: left; } .home_text { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; font-weight: normal; color: #cbbeaa; text-align: left; } .home_text2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; font-weight: normal; color: #cbbeaa; text-align: left; } .home_merch { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: normal; color: #262626; padding: 13px 20px 0px 20px; text-align: left; } .home_merch_bkgd { width: 800px; height: 123px; background-image: url(images/home/home_bkgd.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: scroll; padding: 0; } .home_merch a:link {color: #262626; text-decoration: underline;} .home_merch a:visited {color: #262626; text-decoration: underline;} .home_merch a:hover {color: #262626; text-decoration: underline;} .home_merch a:active {color: #262626; text-decoration: underline;}