.navbar
 {
 text-align: left;
 vertical-align: top;
 width: 251px;
 clear: both;
 margin: 0;
 padding: 0;
 }

div.navbar ul { 
padding: 0; margin: 0; }

div.navbar ul li
 {
 width: 251px;
 list-style-type: none;
 text-align: left;
 padding: 0;
 padding-bottom: 0px;
 }


#submenucolumn ul { 
float: left;
display: inline;
list-style-type: none;
padding-right: 0px;
overflow: auto;
 }


.submenucolumn ul { 
float: left;
display: inline;
list-style-type: none;
padding-right: 0px;
overflow: auto;
 }

div.navbar ul li a,
div.navbar ul li a:link,
div.navbar ul li a:visited,
div.navbar ul li a:active
 {
 display: block;
 padding: 0;
 margin: 0;
 }

img { border: 0; padding: 0; margin: 0; }

div.navbar ul li ul li a.current { margin-top: 0px; margin-bottom: 0px;}


.hidden { display: none; visibility: hidden; margin: 0; padding: 0; height: 0; line-height: 0; }
.menu_width { width: 251px; }

a.about { background: url(images/menu-about.png); height: 40px; }
a.about:hover { background: url(images/menu-about-roll.png); height: 40px; }
a.about.current { background: url(images/menu-about-on.png); height: 59px;}

a.clients { background: url(images/menu-clients.png); height: 40px; }
a.clients:hover { background: url(images/menu-clients-roll.png); height: 40px; }
a.clients.current { background: url(images/menu-clients-on.png); height: 59px;}

a.contactus { background: url(images/menu-contactus.png); height: 40px; }
a.contactus:hover { background: url(images/menu-contactus-roll.png); height: 40px; }
a.contactus.current { background: url(images/menu-contactus-on.png); height: 59px;}

a.portfolio { background: url(images/menu-portfolio.png); height: 40px; }
a.portfolio:hover { background: url(images/menu-portfolio-roll.png); height: 40px; }
a.portfolio.current { background: url(images/menu-portfolio-on.png); height: 59px;}

    a.portfolio-web { background: url(images/menu-portfoliosub-web.png); height: 30px; width: 112px;}
    a.portfolio-web:hover { background: url(images/menu-portfoliosub-web.png); height: 30px; width: 112px;}
    a.portfolio-web.current { background: url(images/menu-portfoliosub-web.png); height: 30px; width: 112px;}

    a.portfolio-emailmarketing { background: url(images/menu-portfoliosub-emailmarketing.png); height: 30px; width: 112px;}
    a.portfolio-emailmarketing:hover { background: url(images/menu-portfoliosub-emailmarketing.png); height: 30px; width: 112px;}
    a.portfolio-emailmarketing.current { background: url(images/menu-portfoliosub-emailmarketing.png); height: 30px; width: 112px;}

    a.portfolio-print { background: url(images/menu-portfoliosub-print.png); height: 30px; width: 112px;}
    a.portfolio-print:hover { background: url(images/menu-portfoliosub-print.png); height: 30px; width: 112px;}
    a.portfolio-print.current { background: url(images/menu-portfoliosub-print.png); height: 30px; width: 112px;}

    a.portfolio-logo { background: url(images/menu-portfoliosub-logo.png); height: 30px; width: 112px;}
    a.portfolio-logo:hover { background: url(images/menu-portfoliosub-logo.png); height: 30px; width: 112px;}
    a.portfolio-logo.current { background: url(images/menu-portfoliosub-logo.png); height: 30px; width: 112px;}

    a.portfolio-illustration { background: url(images/menu-portfoliosub-illustration.png); height: 30px; width: 112px;}
    a.portfolio-illustration:hover { background: url(images/menu-portfoliosub-illustration.png); height: 30px; width: 112px;}
    a.portfolio-illustration.current { background: url(images/menu-portfoliosub-illustration.png); height: 30px; width: 112px;}

    a.portfolio-casestudies { background: url(images/menu-portfoliosub-casestudies.png); height: 30px; width: 112px;}
    a.portfolio-casestudies:hover { background: url(images/menu-portfoliosub-casestudies.png); height: 30px; width: 112px;}
    a.portfolio-casestudies.current { background: url(images/menu-portfoliosub-casestudies.png); height: 30px; width: 112px;}

a.services { background: url(images/menu-services.png); height: 40px; }
a.services:hover { background: url(images/menu-services-roll.png); height: 40px; }
a.services.current { background: url(images/menu-services-on.png); height: 59px;}


div.navbar ul li a.index { background: url(images/menu-home.png); margin-top: 0; height: 40px; }
div.navbar ul li a.index:hover  { background: url(images/menu-home-roll.png); margin-top: 0; height: 40px; }
div.navbar ul li a.index.current { background: url(images/menu-home-on.png);  height: 59px; margin-top: 0; }