/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.0
   Last updated:     2007/06/11
   Last updated by:  Matt Wilcox
                     matt@karova.com
   ----------------------------------------------------------------------------------------------------------------------- */

/* =global_reset */
   *                                     { margin: 0; padding: 0; }
   ul, dl, ol                            { list-style-position: inside; }
   ul ul, ul ol, ul dir, ul menu, ul dl,
   ol ul, ol ol, ol dir, ol menu, ol dl,
   dir ul, dir ol, dir dir, dir menu, 
   dir dl, menu ul, menu ol, menu dir,
   menu menu, menu dl, dl ul, dl ol,
   dl dir, dl menu, dl dl                { margin-top: 0; margin-bottom: 0; }
   p, ul, ol, dl, dd, blockquote, form   { margin-bottom: 1em; }

/* =html =body */
   html {
     background : #333 url(../images/html.gif) 50% 100% repeat-x; }
   body {
     font : 87.5%/1.285em Ariel, Helvetica, Verdana, sans-serif; color : #666; background : #fff url(../images/body.jpg) 0 0 repeat-x; }

/* =h1 */
   #content h1 {
     position : relative;
     height : 23px; margin-bottom : 1em;
     font-size : 1em; line-height : 1em; font-weight : bold; overflow : hidden; }
     
   .news-5 #content h1 {
     height : 47px; }
   
/* =h2 */
   #nav_main h2,
   #site_info h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
   #nav_supp h2 {
     position : absolute; left : 28.4em; top : -45px;
     display : block; width : 150px; height : 150px;
     background : url(../images/bubbles.png) 0 0 no-repeat; text-indent : -999em; overflow : hidden; z-index : 3; }
   
   #content_sub h2 {
     position : relative;
     height : 23px; margin-bottom : 4px;
     font-size : 1em; line-height : 1em; font-weight : bold; overflow : hidden; }
   #content_intro h2 {
     position : relative;
     height : 23px; margin : 9px 0 1em 0;
     font-size : 1em; line-height : 1em; font-weight : bold; overflow : hidden; }
   #content_news h2 {
     position : relative;
     height : 23px; margin : 9px 0 1em 0;
     font-size : 1em; line-height : 1em; font-weight : bold; overflow : hidden; }
   
   .investor-centre form h2,
   .press-centre #content_intro h2,
   .solutions #content_intro h2,
   .solutions-charities #content_intro h2,
   .solutions-charities-trading #content_intro h2,
   .solutions-charities-fundraising #content_intro h2,
   .solutions-charities-informing #content_intro h2,
   .solutions-charities-promoting #content_intro h2,
   .solutions-commercial #content_intro h2,
   .solutions-commercial-informing #content_intro h2,
   .solutions-commercial-trading #content_intro h2,
   .solutions-commercial-promoting #content_intro h2,
   .solutions-developers #content_intro h2,
   .solutions-developers-hosting #content_intro h2,
   .solutions-developers-ecommerce #content_intro h2,
   .solutions-developers-outsource #content_intro h2,
   .solutions-multilingual #content_intro h2,
   .products #content_intro h2,
   .products-design #content_intro h2,
   .products-host #content_intro h2,
   .products-store #content_intro h2,
   .products-donate #content_intro h2,
   .privacy #content_intro h2,
   .accessibility #content_intro h2,
   .terms #content_intro h2,
   .news #content_intro h2,
   .work-for-us #content_intro h2 {
     position : relative;
     height : 23px; margin : 2em 0 1em 0;
     font-size : 1em; line-height : 1em; font-weight : bold; overflow : hidden; }
     
   .about #content_secondary h2,
   .investor-centre #content_secondary h2,
   .press-centre #content_secondary h2,
   .careers #content_secondary h2,
   .contact #content_main h2,
   .solutions #content_secondary h2,
   .solutions-charities #content_secondary h2,
   .solutions-charities-trading #content_secondary h2,
   .solutions-charities-fundraising #content_secondary h2,
   .solutions-charities-informing #content_secondary h2,
   .solutions-charities-promoting #content_secondary h2,
   .solutions-commercial #content_secondary h2,
   .solutions-commercial-trading #content_secondary h2,
   .solutions-commercial-informing #content_secondary h2,
   .solutions-commercial-promoting #content_secondary h2,
   .solutions-developers #content_secondary h2,
   .solutions-developers-hosting #content_secondary h2,
   .solutions-developers-ecommerce #content_secondary h2,
   .solutions-developers-outsource #content_secondary h2,
   .solutions-multilingual #content_secondary h2,
   .products #content_secondary h2,
   .products-design #content_secondary h2,
   .products-host #content_secondary h2,
   .products-store #content_secondary h2,
   .products-donate #content_secondary h2,
   .accessibility #content_secondary h2,
   .news #content_secondary h2,
   .work-for-us #content_secondary h2,
   .meet-the-team #content_secondary h2 {
     position : relative;
     height : 23px; margin-bottom : 1em;
     font-size : 1em; line-height : 1em; font-weight : bold; overflow : hidden; }
     
   .meet-the-team #content_intro h2 {
     position : relative;
     height : 45px; width : 195px; margin-bottom : 1em;
     font-size : 1em; line-height : 1em; font-weight : bold; overflow : hidden; }
     
   .contact #content_main h2 {
      border-top : 1px dotted #d8d8d8; padding-top : 1em; }

   .news #content_intro h2#about-karova,
   .news #content_intro h2#about-mencap {
     border-top : 1px dotted #d8d8d8; padding-top : 1em; }
     
/* =h3 */
   #content h3 {
     font-size : 1em; font-weight : bold; margin-bottom : 1em; }
   #company_info h3,
   #additional h3 {
     position : relative;
     height : 22px; margin-bottom : 4px;
     font-size : 1em; line-height : 1em; font-weight : bold;  overflow : hidden; }
     
   #content_secondary ul li h3 {
     display : block; height : 2.285em; line-height : 2em; padding : 0 10px 0 10px; margin : 0;
     background : url(../images/nav_li.gif) 0 100% repeat-x; font-size : 1em; font-weight : bold; color : #888; text-transform : lowercase; }
     
   .default #content_news h3 {
     margin-bottom : 1em;
     font-size : 1em; font-weight : normal; }
     
   .meet-the-team #content_intro h3 {
     display : none; }

/* =h4 */
   h4 {  }

/* =p */
   p {  }
     
   p.accessibility {
     position : absolute; left : 0;
     display : block; width : 100%; margin-top : -2em; padding : .357em 0 1em 0;
     text-align : center; z-index : 2; }
   /* No longer convinced this helps, in fact I think it confuses more people than it aids.
   p.accessibility:hover {
     margin-top : 0; padding : .25em 0;
     color : #000; background-color : #ffd; border-bottom : 1px solid #dda; } */
     
   #site_context p {
     margin-bottom : 0; }
     
   p.date {
     font-style : italic; }
     
   .default #site_context p {
     position : absolute; left : -999em;
     overflow : hidden; }
   .default form p {
     font-size : .857em; }
   .default #content_news p {
     font-size : 0.857em; }     
     
/* =blockquote */
   blockquote {  }

/* =em =strong =del =ins =abbr =acronym =code */
   em          {  }
   strong      {  }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #009; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font : 87.5% dialogue, 'Courier New', courier, serif; color : #000; }
   
   form label em { color : #009; font-style : normal; margin-left : 1em; font-size : 0.857em; }
   
/* =address */
   address {
     font-style : normal; }
   #content_main address {
     margin-bottom : 1em; }

/* =dl =dt =dd */
   #site_info dl dt {
     float : left;
     margin-right : .5em; }
   #site_info dl dd {
     margin-bottom : 0; }
   
   #company_info dl {
     float : left; 
     width : 170px; margin-right : 2em; }
     
   .press-centre #content dt {
     margin-bottom : .4em; }
   .press-centre #content dd {
     font-size : .857em; margin-bottom : 1.6em; }
     
/* =ul */
   #nav_main ul {
     position : absolute; top : 179px; left : 0;
     display : block; width : 637px; height : 36px; padding-left : 123px; line-height : 30px;
     font-size : .857em; list-style-type : none; list-style-position : outside; background : #004b88 url(../images/h2_navigation_blue.gif) 0 0 no-repeat; }
   #nav_supp ul {
     position : absolute; top : 35px; left : 0;
     display : block; width : 637px; height : 36px; padding-left : 123px; line-height : 30px;
     font-size : .857em; list-style-type : none; list-style-position : outside; background : #004b88 url(../images/h2_navigation_blue.gif) 0 0 no-repeat; z-index : 2; }
     
     /*#nav_supp ul {
          position : absolute; top : 35px; left : 0;
          display : block; width : 637px; height : 36px; padding-left : 123px; line-height : 30px;
     font-size : .857em; list-style-type : none; list-style-position : outside; background : #484848 url(../images/h2_navigation_blue.gif) 0 0 no-repeat; z-index : 2; }*/
     
   #site_info #additional ul {
     list-style-type : none; list-style-position : outside; text-transform : lowercase; }
     
   #content_secondary ul {
     list-style-type : none; list-style-position : outside; }
     
   #content_intro ul,
   #content_intro ol {
     margin : 2em 0 2em 1.2em; }

   #content_secondary ul ul {
     margin-bottom : .6em; }
     
   .default #content_news ul {
     width : 740px;
     list-style-type : none; list-style-position : outside; overflow : hidden; }
     
/* =ol */
   ol {  }

/* =li */
   #nav_main ul li,
   #nav_supp ul li,
   #site_info #additional li {
     display : inline; }
     
   .default #content_news ul li {
     float : left;
     display : block; width : 170px; margin-right : 20px; }
   .default #content_news ul li.item_four {
     margin-right : 0; }
     
   #content_secondary ul li li {
     display : block; height : auto; padding : 0;
     background-image : none; line-height : auto; list-style-type : disc; list-style-position : outside; font-size : .857em; }
     
   .investor-centre #content_secondary ul li.investor-centre {
     background-image : url(../images/nav_li-active.gif); }
   .press-centre #content_secondary ul li.press-centre {
     background-image : url(../images/nav_li-active.gif); }
   .careers #content_secondary ul li.careers {
     background-image : url(../images/nav_li-active.gif); }
     
   #content_intro li {
     margin-bottom : .857em;
     list-style-position : outside; }
   
/* =img */
   img,
   img a { border : none; }
   
   .meet-the-team .employee img {
     float : left; }
   
/* =hr */
   hr { margin-bottom : 1em; }

/* =a */
   a:link    { color : #19c; text-decoration : none; }
   a:visited { color : #19c; text-decoration : none; }
   a:hover   { text-decoration : underline; }
   a:focus   { background-color : #ffff99; color : #333; }
   a:active  { background-color : #ffff66; color : #000; outline : none; }
   
   p.accessibility a:link,
   p.accessibility a:visited {
      }
   p.accessibility a:hover {
      }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2em;
     background-color : #ffff99; }
   p.accessibility:hover a:focus {
     position : relative; left : 0;
     margin-top : 0; }
     
   #site_context a {
     position : absolute; top : 36px; left : 10px; line-height : 1em;
     display : block; width : 169px; height : 115px;
     background-color : #fdf; }
     
   #nav_main ul a:link,
   #nav_main ul a:visited,
   #nav_supp ul a:link,
   #nav_supp ul a:visited {
     float : left;
     display : block; height : 36px; line-height : 36px; padding : 0 .6em;
     color : #d9d9d9; text-transform : lowercase; }
   #nav_main ul a:hover,
   #nav_supp ul a:hover {
     color : #fff; text-decoration : underline; }
   #nav_main ul a:focus,
   #nav_supp ul a:focus {
     color : #000; text-decoration : underline; }
     
   #content_sub a:link,
   #content_sub a:visited {
     color : #d9d9d9; text-transform : lowercase; }
   #content_sub a:hover {
     color : #fff; text-decoration : underline; }
   #content_sub a:focus {
     color : #000; text-decoration : underline; }
     
   #site_info #additional li:after {
     content : ", "; }
   #site_info #additional li:last-child:after {
     content : ""; }
   #site_info a:link,
   #site_info a:visited {
     color : #fff; }
   #site_info a:hover {
     color : #fff; text-decoration : underline; }
   #site_info a:focus {
     color : #000; text-decoration : underline; }

   #content_secondary ul li a:link,
   #content_secondary ul li a:visited {
     display : block; height : 2.285em; line-height : 2em; padding : 0 10px 0 10px;
     background : url(../images/nav_li.gif) 0 100% repeat-x; font-weight : bold; color : #888; text-transform : lowercase; }
   #content_secondary ul li a:focus {
     background : #ff9 none; }
   #content_secondary ul li li a:link,
   #content_secondary ul li li a:visited {
     display : block; height : auto; line-height : auto; padding : 0 10px 0 10px;
     background-image : none; color : #19c; font-weight : normal; }
   #content_secondary ul li li a:focus {
     background : #ff9 none; }
     
   .about #content_secondary ul li a,
   .investor-centre #content_secondary ul li a,
   .press-centre #content_secondary ul li a,
   .careers #content_secondary ul li a,
   .products #content_secondary ul li a,
   .products-design #content_secondary ul li a,
   .products-host #content_secondary ul li a,
   .products-store #content_secondary ul li a,
   .products-donate #content_secondary ul li a {
     font-weight : normal; color : #19c; text-transform : none; }
     
/* =table */
   table { border-collapse : collapse; }

/* =caption */
   caption {  }

/* =thead */
   thead {  }

/* =tfoot */
   tfoot {  }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tr {  }
   
/* =th */
   th {  }

/* =td*/
   td {  }

/* =form */
   .default #content_secondary form {
     position : relative;
     width : 467px; padding : 57px 13px 0px 13px; border-bottom : 1px solid #8c8c8c;
     background : #f9f9f9 url(../images/newsletter.jpg) 0 0 no-repeat; }
   
/* =fieldset */
   fieldset {
     border : 1px solid #d8d8d8; padding : 10px; margin-bottom : 1em; }
   
   .default fieldset {
     padding : 0; border-width : 0; margin-bottom : 0; }

/* =legend */
   legend {
     border : 1px solid #d8d8d8; padding : .2em; }
   
   .default legend { display : none; }

/* =label */
   label {
     color : #000; }
   label {
     display : block; margin-bottom : 1em; }
   
/* =input */
   input:focus,
   textarea:focus {
     background-color : #ff9; }
   input.text {
     border : 1px solid #8c8c8c; padding : 1px; }
   input.text:focus {
     border-color : #000; }
     
   .default form div input {
     position : absolute; right : 13px; bottom : 1em; }
   .default input.text {
     width : 17em; }
     
/* =textarea */
   textarea {  }

/* =select */
   select {  }
     
/* =div */
   div {  }
   
   #container {
     position : relative;
     width : 760px; margin : 0 auto 2.8em auto; padding-top : 250px; }
   .default #container {
     padding-top : 240px; }
   #nasty_unsemantic_div {
     position : relative;
     width : auto; height : 13em;
     background : #333 url(../images/nasty_unsemantic_div.jpg) 0 0 repeat-x; color : #8c8c8c; }
   #content {
     overflow : hidden; }
   #content_intro {
     float : right;
     width : 492px; margin-right : 10px; }
   #content_secondary {
     float : left;
     width : 227px; margin-left : 10px; }
   .default #content_intro {
     float : left;
     width : 227px; margin-left : 10px; }
   .default #content_secondary {
     float : right;
     width : 492px; margin-right : 10px; }
   #content_main {
     overflow : hidden; }
   #content_sub {  }
   #nav_main  {  }
   #nav_categories {  }
   #nav_supp {
     position : relative;
     width : 760px; margin : 0 auto; }
   #site_info {
     position : relative;
     width : 760px; margin : 0 auto; padding-top : 85px;
     z-index : 1; }
   #company_info {
     float : left;
     display : block; width : 420px; height : auto; margin : 0 10px 0 10px;
     font-size : .857em; line-height : 1.333em; }
   #additional {
     margin : 0 10px 0 0;
     font-size : .857em; line-height : 1.333em; }
   
   #content_sub {
     position : absolute; top : 67px; left : 223px;
     width : 530px;
     overflow : hidden; background-color : #333; color : #8c8c8c; font-size : .857em; line-height : 1.333em; }
   .col_1 {
     float : left;
     width : 260px; }
   .col_2 {
     float : right;
     width : 260px; }
   .default #splash {
     position : relative; 
     width : 493px; height : 240px; margin-bottom : 2em;
     background-color : #fdf; }
   .default #splash a {
     position : absolute; top : 0; left : 0;
     width : 493px; height : 240px;
     text-indent : -999em; overflow : hidden; background : url(../images/splash.jpg) 0 0 no-repeat; }
   .default #content_news {
     width : 740px; margin : .5em 10px 1em 10px; padding-top : .5em; border-top : 1px solid #d9d9d9; }
     
   #notes-for-editors {
     font-size : .857em; }
     
   /* add the banner graphic - removed as only one atm
   .about #content_sub {
     top : 10px; left : 213px;
     width : 540px; height : 169px;
     background : url(../images/banner_about.jpg) 0 0 no-repeat; } */
     
   .portfolio .example {
     border-top : 1px dotted #999; padding-top : 2em; margin-top : 1em; }
     
   .meet-the-team .employee {
     overflow : hidden; padding : 1em 0; border-bottom : 1px dotted #bbb; margin-bottom : 1em; }
   .meet-the-team .employee div {
     float : right; 
     width : 320px; }
   .meet-the-team p.meta {
     border-top : 1px dotted #ddd; margin-top : 2em; padding-top : 0.25em;
     font-size : 12px; }
     
/* =span */
   #site_context a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 169px; height: 116px;
     background : url(../images/site_context_new_logo.gif) 0 0 no-repeat; }
   #site_context a:hover span,
   #site_context a:focus span {
     background-position : 0 -116px; }
     
   #company_info h3 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 267px; height : 23px;
     background : url(../images/h2_company-information.gif) 0 0 no-repeat; }
   #additional h3 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 198px; height : 23px;
     background : url(../images/h2_more-karova.gif) 0 0 no-repeat; }

   h1 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 500px; height : 23px;
     background : url(../images/h1_internet-solutions.gif) 0 0 no-repeat; }
   h1 span {
     height : 47px; }
     
   #content_sub .col_1 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 172px; height : 22px;
     background : url(../images/h2_internet-solutions.gif) 0 0 no-repeat; }
   #content_sub .col_2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 188px; height : 22px;
     background : url(../images/h2_products-and-services.gif) 0 0 no-repeat; }
   #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_welcome-to-karova.gif) 0 0 no-repeat; }
   #content_news h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_latest-news.gif) 0 0 no-repeat; }

   .about h1 span {
     background : url(../images/h1_about.gif) 0 0 no-repeat; }
   
   .investor-centre h1 span {
     background : url(../images/h1_investor-centre.gif) 0 0 no-repeat; }
   .investor-centre form span {
     float : left;
     display : block; width : 6em; }
   .investor-centre form h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_investor-login.gif) 0 0 no-repeat; }
     
   .press-centre h1 span {
     background : url(../images/h1_press-centre.gif) 0 0 no-repeat; }
   .press-centre #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_recent-news.gif) 0 0 no-repeat; }
   .press-centre #content_intro h2.karova-brand span {
     background-image : url(../images/h2_karova-brand.gif); }

   .careers h1 span {
     background : url(../images/h1_careers.gif) 0 0 no-repeat; }
   .careers form span {
     float : left;
     display : block; width : 6em; }

   .contact h1 span {
     background : url(../images/h1_contact.gif) 0 0 no-repeat; }
   .contact form span {
     float : left;
     display : block; width : 6em; }
   .contact #content_main h2 span {
     position : absolute; top : 1em; left : 0;
     display : block; width : 493px; height : 23px;
     background : url(../images/h2_by-post.gif) 0 0 no-repeat; }
   .contact #content_main h2.phone span {
     background-image : url(../images/h2_by-phone.gif); }
   .contact #content_main h2.online span {
     background-image : url(../images/h2_online.gif); }

   .solutions h1 span {
     background : url(../images/h1_internet-solutions.gif) 0 0 no-repeat; }
   .solutions #content_secondary h2 span,
   .solutions-charities #content_secondary h2 span,
   .solutions-charities-trading #content_secondary h2 span,
   .solutions-charities-fundraising #content_secondary h2 span,
   .solutions-charities-informing #content_secondary h2 span,
   .solutions-charities-promoting #content_secondary h2 span,
   .solutions-commercial #content_secondary h2 span,
   .solutions-commercial-trading #content_secondary h2 span,
   .solutions-commercial-informing #content_secondary h2 span,
   .solutions-commercial-promoting #content_secondary h2 span,
   .solutions-developers #content_secondary h2 span,
   .solutions-developers-hosting #content_secondary h2 span,
   .solutions-developers-ecommerce #content_secondary h2 span,
   .solutions-developers-outsource #content_secondary h2 span,
   .solutions-multilingual #content_secondary h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_solutions-for.gif) 0 0 no-repeat; }
   .solutions #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 400px; height : 23px;
     background : url(../images/h2_charities.gif) 0 0 no-repeat; }
   .solutions #content_intro h2.commercial-clients span {
     background-image : url(../images/h2_commercial-clients.gif); }
   .solutions #content_intro h2.web-developers-designers span {
     background-image : url(../images/h2_web-designers-developers.gif); }

   .solutions-charities h1 span {
     background : url(../images/h1_internet-solutions-for-charities.gif) 0 0 no-repeat; }
   .solutions-charities #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_trading.gif) 0 0 no-repeat; }
   .solutions-charities #content_intro h2.fundraising span {
     background-image : url(../images/h2_fundraising.gif); }
   .solutions-charities #content_intro h2.informing span {
     background-image : url(../images/h2_informing.gif); }
   .solutions-charities #content_intro h2.promoting span {
     background-image : url(../images/h2_promoting.gif); }

   .solutions-charities-trading h1 span {
     background : url(../images/h1_solutions-charities-trading.gif) 0 0 no-repeat; }
   .solutions-charities-trading #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_trading.gif) 0 0 no-repeat; }

   .solutions-charities-fundraising h1 span {
     background : url(../images/h1_solutions-charities-fundraising.gif) 0 0 no-repeat; }
   .solutions-charities-fundraising #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_fundraising.gif) 0 0 no-repeat; }

   .solutions-charities-informing h1 span {
     background : url(../images/h1_solutions-charities-informing.gif) 0 0 no-repeat; }
   .solutions-charities-informing #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_informing.gif) 0 0 no-repeat; }
     
   .solutions-charities-promoting h1 span {
     background : url(../images/h1_solutions-charities-promoting.gif) 0 0 no-repeat; }
   .solutions-charities-promoting #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_promoting.gif) 0 0 no-repeat; }

   .solutions-commercial h1 span {
     background : url(../images/h1_internet-solutions-for-commercial.gif) 0 0 no-repeat; }
   .solutions-commercial #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_trading.gif) 0 0 no-repeat; }
   .solutions-commercial #content_intro h2.fundraising span {
     background-image : url(../images/h2_fundraising.gif); }
   .solutions-commercial #content_intro h2.informing span {
     background-image : url(../images/h2_informing.gif); }
   .solutions-commercial #content_intro h2.promoting span {
     background-image : url(../images/h2_promoting.gif); }

   .solutions-commercial-informing h1 span {
     background : url(../images/h1_informing-for-commercial-clients.gif) 0 0 no-repeat; }

   .solutions-commercial-trading h1 span {
     background : url(../images/h1_trading-for-commercial-clients.gif) 0 0 no-repeat; }

   .solutions-commercial-promoting h1 span {
     background : url(../images/h1_promoting-for-commercial-clients.gif) 0 0 no-repeat; }

   .solutions-developers h1 span {
     background : url(../images/h1_internet-solutions-for-developers.gif) 0 0 no-repeat; }
   .solutions-developers #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_hosting.gif) 0 0 no-repeat; }
   .solutions-developers #content_intro h2.ecommerce span {
     background-image : url(../images/h2_fundraising.gif); }
   .solutions-developers #content_intro h2.outsource span {
     background-image : url(../images/h2_informing.gif); }

   .solutions-developers-ecommerce h1 span {
     background : url(../images/h1_ecommerce-solutions.gif) 0 0 no-repeat; }

   .solutions-developers-hosting h1 span {
     background : url(../images/h1_hosting-solutions.gif) 0 0 no-repeat; }

   .solutions-developers-outsource h1 span {
     background : url(../images/h1_outsourced.gif) 0 0 no-repeat; }

   .solutions-multilingual h1 span {
     background : url(../images/h1_multilingual.gif) 0 0 no-repeat; }

   .products h1 span {
     background : url(../images/h1_our-products.gif) 0 0 no-repeat; }
   .products #content_secondary h2 span,
   .products-design #content_secondary h2 span,
   .products-host #content_secondary h2 span,
   .products-store #content_secondary h2 span,
   .products-donate #content_secondary h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_products-services.gif) 0 0 no-repeat; }
   .products #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 500px; height : 23px;
     background : url(../images/h2_karova-design.gif) 0 0 no-repeat; }
   .products #content_intro h2.karova-host span {
     background-image : url(../images/h2_karova-host.gif); }
   .products #content_intro h2.karova-store span {
     background-image : url(../images/h2_karova-store.gif); }
   .products #content_intro h2.karova-donate span {
     background-image : url(../images/h2_karova-donate.gif); }
       
   .products-design h1 span {
     background : url(../images/h1_karova-design.gif) 0 0 no-repeat; }
   .products-donate h1 span {
     background : url(../images/h1_karova-donate.gif) 0 0 no-repeat; }
   .products-host h1 span {
     background : url(../images/h1_karova-host.gif) 0 0 no-repeat; }
   .products-store h1 span {
     background : url(../images/h1_karova-store.gif) 0 0 no-repeat; }
   .products-store h2#merchant span {
     background : url(../images/h2_store_merchant.gif) 0 0 no-repeat;
     position : absolute; top : 0; left : 0; display : block; width : 300px; height : 23px; }
   .products-store h2#charity span {
     background : url(../images/h2_store_charity.gif) 0 0 no-repeat;
     position : absolute; top : 0; left : 0; display : block; width : 300px; height : 23px; }
     
   .support h1 span {
     background : url(../images/h1_support.gif) 0 0 no-repeat; }

   .terms h1 span {
     background : url(../images/h1_terms.gif) 0 0 no-repeat; }

   .privacy h1 span {
     background : url(../images/h1_privacy.gif) 0 0 no-repeat; }
   .privacy #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 500px; height : 23px;
     background : url(../images/h2_information-collection.gif) 0 0 no-repeat; }
   .privacy #content_intro h2.cookies span {
     background : url(../images/h2_cookies.gif) 0 0 no-repeat; }
   .privacy #content_intro h2.log-files span {
     background : url(../images/h2_log-files.gif) 0 0 no-repeat; }
   .privacy #content_intro h2.links span {
     background : url(../images/h2_links.gif) 0 0 no-repeat; }

   .accessibility h1 span {
     background : url(../images/h1_accessibility.gif) 0 0 no-repeat; }
   .accessibility #content_secondary h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_more-info.gif) 0 0 no-repeat; }
   .accessibility #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 500px; height : 23px;
     background : url(../images/h2_accessibility-on-the-web.gif) 0 0 no-repeat; }
   .accessibility #content_intro h2.web_standards span {
     background : url(../images/h2_accessibility-web-standards.gif) 0 0 no-repeat; }
   .accessibility #content_intro h2.accessibility_features span {
     background : url(../images/h2_accessibility-features.gif) 0 0 no-repeat; }

   .terms #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 500px; height : 23px;
     background : url(../images/h2_intelectual-property.gif) 0 0 no-repeat; }
   .terms #content_intro h2#licence-website span {
     background : url(../images/h2_licence-website.gif) 0 0 no-repeat; }
   .terms #content_intro h2#limitations-liability span {
     background : url(../images/h2_limitations-liability.gif) 0 0 no-repeat; }
   .terms #content_intro h2#restricted-access span {
     background : url(../images/h2_restricted-access.gif) 0 0 no-repeat; }
   .terms #content_intro h2#variation span {
     background : url(../images/h2_variation.gif) 0 0 no-repeat; }
   .terms #content_intro h2#entire-agreement span {
     background : url(../images/h2_entire-agreement.gif) 0 0 no-repeat; }
   .terms #content_intro h2#law-jurisdiction span {
     background : url(../images/h2_law-jurisdiction.gif) 0 0 no-repeat; }
   .terms #content_intro h2#our-contact-details span {
     background : url(../images/h2_our-contact-details.gif) 0 0 no-repeat; }
     
   .work-for-us h1 span {
     background : url(../images/h1_work-for-us.gif) 0 0 no-repeat; }
   .work-for-us #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 527px; height : 23px;
     background : url(../images/h2_exceptional-developers.gif) 0 0 no-repeat; }
     
   .meet-the-team h1 span {
     background : url(../images/h1_meet-the-team.gif) 0 0 no-repeat; }

   .about #content_secondary h2 span,
   .investor-centre #content_secondary h2 span,
   .press-centre #content_secondary h2 span,
   .careers #content_secondary h2 span,
   .work-for-us #content_secondary h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_find-out-more.gif) 0 0 no-repeat; }
     
   .meet-the-team #content_secondary h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_join-the-team.gif) 0 0 no-repeat; }

   .news #content_secondary h2 span {
     position : absolute; top : 0; left : 0;
     display : block; width : 227px; height : 23px;
     background : url(../images/h2_news-archive.gif) 0 0 no-repeat; }
   .news #content_intro h2#about-mencap span {
     position : absolute; top : 1em; left : 0;
     display : block; width : 500px; height : 23px;
     background : url(../images/h2_about-mencap.gif) 0 0 no-repeat; }
   .news #content_intro h2#about-karova span {
     position : absolute; top : 1em; left : 0;
     display : block; width : 500px; height : 23px;
     background : url(../images/h2_about-karova.gif) 0 0 no-repeat; }
     
   .news-1 h1 span {
     background : url(../images/h1_news-1.gif) 0 0 no-repeat; }
   .news-2 h1 span {
     background : url(../images/h1_news-2.gif) 0 0 no-repeat; }
   .news-3 h1 span {
     background : url(../images/h1_news-3.gif) 0 0 no-repeat; }
   .news-4 h1 span {
     background : url(../images/h1_news-4.gif) 0 0 no-repeat; }
   .news-5 h1 span {
     background : url(../images/h1_news-5.gif) 0 0 no-repeat; }
   .news-6 h1 span {
     background : url(../images/h1_news-6.gif) 0 0 no-repeat; }

   .error-404 h1 span {
     background : url(../images/h1_404.gif) 0 0 no-repeat; }
     
   .meet-the-team #content_intro h2 span {
     position : absolute; top : 0; left : 0;
     height : 45px; width : 195px; 
     background : url(../images/h2_aled.gif) 0 0 no-repeat; }
   .meet-the-team #content_intro h2#sam-s span {
     background-image : url(../images/h2_sam-s.gif); }
   .meet-the-team #content_intro h2#sam-p span {
     background-image : url(../images/h2_sam-p.gif); }
   .meet-the-team #content_intro h2#phil span {
     background-image : url(../images/h2_phil.gif); }
   .meet-the-team #content_intro h2#pete span {
     background-image : url(../images/h2_pete.gif); }
   .meet-the-team #content_intro h2#matt span {
     background-image : url(../images/h2_matt.gif); }