/* ---- Navigation */ #nav a, #nav_enter-site { display:block; height:21px; overflow:hidden; text-indent:-99999px; } #nav_our-story { width:89px; background:#fff url(../images/backies/nav.gif) no-repeat 0 0; } #nav_our-story:hover, #nav_our-story.current { background-position:0 -21px; } #nav_what-we-do { width:113px; background:#fff url(../images/backies/nav.gif) no-repeat -89px 0; } #nav_what-we-do:hover, #nav_what-we-do.current { background-position:-89px -21px; } #nav_why-storytelling { width:193px; background:#fff url(../images/backies/nav.gif) no-repeat -202px 0; } #nav_why-storytelling:hover, #nav_why-storytelling.current { background-position:-202px -21px; } #nav_our-film { width:77px; background:#fff url(../images/backies/nav.gif) no-repeat -535px 0; } #nav_our-film:hover, #nav_our-film.current { background-position:-535px -21px; } #nav_blog { width:42px; background:#fff url(../images/backies/nav.gif) no-repeat -395px 0; } #nav_blog:hover, #nav_blog.current { background-position:-395px -21px; } #nav_contact-us { width:98px; background:#fff url(../images/backies/nav.gif) no-repeat -437px 0; } #nav_contact-us:hover, #nav_contact-us.current { background-position:-437px -21px; } #nav_enter-site { width:92px; background:transparent url(../images/backies/enter-site.gif) no-repeat 0 -42px; border:none; } /* ---- Titles */ .title { display:block; height:17px; overflow:hidden; text-indent:-99999px; padding-bottom:3px; } #title_blog-archive { background:#fff url(../images/titles/blog-archive.gif) no-repeat 0 0; } #title_categories { background:#fff url(../images/titles/categories.gif) no-repeat 0 0; } /* ---- Page Titles */ .page-title { display:block; overflow:hidden; text-indent:-99999px; padding-bottom:10px; } #page-title_home { height:82px; background:#fff url(../images/page-titles/home.gif) no-repeat 0 0; } #page-title_blog { margin-top:16px; height:22px; background:#fff url(../images/page-titles/blog.gif) no-repeat 0 0; } #page-title_blog-archive { height:22px; background:#fff url(../images/page-titles/blog-archive.gif) no-repeat 0 0; } #page-title_our-story { height:104px; background:#fff url(../images/page-titles/our-story.gif) no-repeat 0 0; } #page-title_our-people { height:148px; background:#fff url(../images/page-titles/our-people.gif) no-repeat 0 0; padding-bottom:24px; } #page-title_what-we-do { height:170px; background:#fff url(../images/page-titles/what-we-do.gif) no-repeat 0 0; } #page-title_contact-us { height:104px; background:#fff url(../images/page-titles/contact-us.gif) no-repeat 0 0; padding-bottom:24px; } #page-title_sharing-insights { height:170px; background:#fff url(../images/page-titles/sharing-insights.gif) no-repeat 0 0; padding-bottom:24px; } #page-title_page-not-found { height:22px; background:#fff url(../images/page-titles/page-not-found.gif) no-repeat 0 0; } #page-title_why-storytelling { height:170px; background:#fff url(../images/page-titles/why-storytelling.gif) no-repeat 0 0; } #page-title_storyfactory { height:126px; background:#fff url(../images/page-titles/storyfactory.gif) no-repeat 0 0; } #page-title_emotional-connection { height:126px; background:#fff url(../images/page-titles/emotional-connection.gif) no-repeat 0 0; } #page-title_our-clients { height:82px; background:#fff url(../images/page-titles/our-clients.gif) no-repeat 0 0; } #page-title_what-we-think { height:35px; background:#fff url(../images/page-titles/what-we-think.gif) no-repeat 0 0; padding-bottom:24px; } /* ---- Sub Page Links */ #nav ul a { height:17px; } #sub-page_our-people { width:82px; background:#fff url(../images/backies/sub-pages.gif) no-repeat 0 0; } #sub-page_our-people:hover, #sub-page_our-people.current { background-position:0 -17px; } #sub-page_our-clients { width:84px; background:#fff url(../images/backies/sub-pages.gif) no-repeat -82px 0; } #sub-page_our-clients:hover, #sub-page_our-clients.current { background-position:-82px -17px; } #sub-page_storyfactory { width:94px; background:#fff url(../images/backies/sub-pages.gif) no-repeat -166px 0; } #sub-page_storyfactory:hover, #sub-page_storyfactory.current { background-position:-166px -17px; } #sub-page_emotional-connection { width:163px; background:#fff url(../images/backies/sub-pages.gif) no-repeat -260px 0; } #sub-page_emotional-connection:hover, #sub-page_emotional-connection.current { background-position:-260px -17px; } #sub-page_sharing-insights { width:120px; background:#fff url(../images/backies/sub-pages.gif) no-repeat -423px 0; } #sub-page_sharing-insights:hover, #sub-page_sharing-insights.current { background-position:-423px -17px; } /* ---- Archive Links */ #archive_2005, #archive_2006, #archive_2007, #archive_2008, #archive_2009, #archive_2010, #archive_2011, #archive_2012 { display:block; height:17px; overflow:hidden; text-indent:-99999px; } #archive_2005 { width:41px; background:#fff url(../images/backies/archive.gif) no-repeat 0 0; } #archive_2005:hover, #archive_2005.current { background-position:0 -17px; } #archive_2006 { width:41px; background:#fff url(../images/backies/archive.gif) no-repeat -41px 0; } #archive_2006:hover, #archive_2006.current { background-position:-41px -17px; } #archive_2007 { width:41px; background:#fff url(../images/backies/archive.gif) no-repeat -82px 0; } #archive_2007:hover, #archive_2007.current { background-position:-82px -17px; } #archive_2008 { width:42px; background:#fff url(../images/backies/archive.gif) no-repeat -123px 0; } #archive_2008:hover, #archive_2008.current { background-position:-123px -17px; } #archive_2009 { width:41px; background:#fff url(../images/backies/archive.gif) no-repeat -165px 0; } #archive_2009:hover, #archive_2009.current { background-position:-165px -17px; } #archive_2010 { width:37px; background:#fff url(../images/backies/archive.gif) no-repeat -206px 0; } #archive_2010:hover, #archive_2010.current { background-position:-206px -17px; } #archive_2011 { width:33px; background:#fff url(../images/backies/archive.gif) no-repeat -243px 0; } #archive_2011:hover, #archive_2011.current { background-position:-243px -17px; } #archive_2012 { width:37px; background:#fff url(../images/backies/archive.gif) no-repeat -276px 0; } #archive_2012:hover, #archive_2012.current { background-position:-276px -17px; } /* ---- Feed */ #link_feed { display:block; width:54px; height:14px; overflow:hidden; text-indent:-99999px; background:#fff url(../images/backies/feed.gif) no-repeat 0 0; } #link_feed:hover { background-position:0 -14px; }