@charset "utf-8";
/* CSS Document */

#topmenu, #topmenu ul {
 padding-left: 40px;
 list-style: none;
} 
#topmenu {
 height: 90px;
 border: 1px solid #C2C2C2;
 background: url(../img/menubg.gif);
 margin-left: 0px;
} 
#topmenu li {
 height: 90px;
 float: left;
 position: relative;
 border-right: 1px solid #C2C2C2;
 background: url(../img/butbg.gif);
}
#topmenu li:last-child {
 margin-right: 0px;
}
#topmenu a {
 float: left;
 padding: 10px;
 margin: 0px;
 text-transform: uppercase;
 text-decoration: none; 
}
.ca-main {
 font: bold 16px Arial, Helvetica;
 color: #555;
 opacity: 0.8;
 margin-bottom: 3px;
 margin-top: 5px;
 -webkit-transition: color 0.9s ease;
 font-size: 12px;
}
.ca-sub {
 font: 14px Arial, Helvetica, sans-serif;
 color: #898989;
 opacity: 0.8;
 margin: 0px;
 -webkit-transition: color 0.9s ease;
 width: 140px;
 font-size: 11px;
}  
#topmenu li:hover {
 background-color: #fff;
}
#topmenu li:hover .ca-main {
 color: #000;
}
#topmenu li:hover .ca-sub {
 color: #000;
}
 
 
.icon1 {
 background:url(../img/home_g1.png);
 height: 30px;
 width: 30px;
 -webkit-transition: background 0.9s ease;
} 
#topmenu li:hover .icon1 {
 background: url(../img/home_b1.png);
 
}
.icon2 {
 background:url(../img/gear_g1.png);
 height: 30px;
 width: 30px;
} 
#topmenu li:hover .icon2 {
 background:url(../img/gear_b1.png);
}
.icon3 {
 background:url(../img/mail_g1.png);
 height: 30px;
 width: 30px;
} 
#topmenu li:hover .icon3 {
 background:url(../img/mail_b1.png);
}
.icon4 {
 background:url(../img/partners_g1.png);
 height: 30px;
 width: 30px;
} 
#topmenu li:hover .icon4 {
 background:url(../img/partners_b1.png);
}
.icon5 {
 background:url(../img/news1.png);
 height: 30px;
 width: 30px;
} 
#topmenu li:hover .icon5 {
 background:url(../img/news2.png);
}
.icon6 {
 background:url(../img/puzzle1.png);
 height: 30px;
 width: 30px;
} 
#topmenu li:hover .icon6 {
 background:url(../img/puzzle2.png);
}