/* Size styling for buttons */

#homeOn a, #homeOff a, #homeLon a
{width:72px;}
#servicesOn a, #servicesOff a, #servicesLon a
{width:86px; padding-left:1px;}
#clientsOn a, #clientsOff a, #clientsLon a
{width:78px;}
#resourcesOn a, #resourcesOff a, #resourcesLon a
{width:88px;}
#newsOn a, #newsOff a, #newsLon a
{width:55px; padding-right:4px}
#contactOn a, #contactOff a, #contactLon a
{width:73px; padding-right:5px;}

/* Image styling for buttons */

#homeOn a
{background:url(../img/navgation/home-on.gif) no-repeat;}
#homeOff a
{background:url(../img/navgation/home-off.gif) no-repeat;}
#homeLon a
{background:url(../img/navgation/home-left-on.gif) no-repeat;}

#servicesOn a
{background:url(../img/navgation/services-on.gif) no-repeat;}
#servicesOff a
{background:url(../img/navgation/services-off.gif) no-repeat;}
#servicesLon a
{background:url(../img/navgation/services-left-on.gif) no-repeat;}

#clientsOn a
{background:url(../img/navgation/clients-on.gif) no-repeat;}
#clientsOff a
{background:url(../img/navgation/clients-off.gif) no-repeat;}
#clientsLon a
{background:url(../img/navgation/clients-left-on.gif) no-repeat;}

#resourcesOn a
{background:url(../img/navgation/resources-on.gif) no-repeat;}
#resourcesOff a
{background:url(../img/navgation/resources-off.gif) no-repeat;}
#resourcesLon a
{background:url(../img/navgation/resources-left-on.gif) no-repeat;}

#newsOn a
{background:url(../img/navgation/news-on.gif) no-repeat;}
#newsOff a
{background:url(../img/navgation/news-off.gif) no-repeat;}
#newsLon a
{background:url(../img/navgation/news-left-on.gif) no-repeat;}

#contactOn a
{background:url(../img/navgation/contact-on.gif) no-repeat;}
#contactOff a
{background:url(../img/navgation/contact-off.gif) no-repeat;}
#contactLon a
{background:url(../img/navgation/contact-off.gif) no-repeat;}


/* Font styling for buttons */

#homeOn a, #servicesOn a, #resourcesOn a, #newsOn a, #contactOn a, #clientsOn a
{float:left; display:block; height:28px; color:#FFF; text-align:center; text-decoration:none; line-height:28px; color:#FFF; font-size:14px;}
#homeOff a, #servicesOff a, #resourcesOff a, #newsOff a, #contactOff a, #clientsOff a
{float:left; display:block; height:28px; color:#FFF; text-align:center; text-decoration:none; line-height:28px; color:#333; font-size:14px;}
#homeLon a, #servicesLon a, #resourcesLon a, #newsLon a, #contactLon a, #clientsLon a
{float:left; display:block; height:28px; color:#FFF; text-align:center; text-decoration:none; line-height:28px; color:#333; font-size:14px;}

#homeOn a:hover, #servicesOn a:hover, #resourcesOn a:hover, #newsOn a:hover, #contactOn a:hover, #clientsOn a:hover
{color:#fff}
#homeOff a:hover, #servicesOff a:hover, #resourcesOff a:hover, #newsOff a:hover, #contactOff a:hover, #clientsOff a:hover
{color:#F39}
#homeLon a:hover, #servicesLon a:hover, #resourcesLon a:hover, #newsLon a:hover, #contactLon a:hover, #clientsLon a:hover
{color:#F39}