/*IconMENU */

#iconmenu {position: relative; margin: 10px 0 0 0; padding: 0px; width: 420px; height: 60px;}
#iconmenu li {width: 140px; height: 60px; position: absolute; top: 0px; background: url(assets/services_01.gif) 0 0 no-repeat; display: block; list-style: none;}
#iconmenu a {width: 140px; height: 60px; display: block;}
#iconmenu a:hover {}
#iconmenu #panel1c {left: 0px;}
#iconmenu #panel2c {left: 140px; background-position: -140px 0;}
#iconmenu #panel3c {left: 280px; background-position: -280px 0;}

#iconmenu #panel1c a:hover {background: url(assets/services_01.gif)  0px -60px no-repeat;}
#iconmenu #panel2c a:hover {background: url(assets/services_01.gif) -140px -60px no-repeat;}
#iconmenu #panel3c a:hover {background: url(assets/services_01.gif) -280px -60px no-repeat;}

#iconmenu2 {position: relative; margin: 0 0 10px 0; padding: 0px; width: 420px; height: 60px;}
#iconmenu2 li {width: 140px; height: 60px; position: absolute; top: 0px; background: url(assets/services_02.gif) 0 0 no-repeat; display: block; list-style: none;}
#iconmenu2 a {width: 140px; height: 60px; display: block;}
#iconmenu2 a:hover {}
#iconmenu2 #panel1c {left: 0px;}
#iconmenu2 #panel2c {left: 140px; background-position: -140px 0;}
#iconmenu2 #panel3c {left: 280px; background-position: -280px 0;}

#iconmenu2 #panel1c a:hover {background: url(assets/services_02.gif)  0px -60px no-repeat;}
#iconmenu2 #panel2c a:hover {background: url(assets/services_02.gif) -140px -60px no-repeat;}
#iconmenu2 #panel3c a:hover {background: url(assets/services_02.gif) -280px -60px no-repeat;}

/* common styling */
.menuleft { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; width:319px; height:30px; float:left; font-size:12px; margin:0 0 5px 0px; background:url(assets/menuleft.gif);  position:relative;}

.menu { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; width:581px; height:30px; float:right; font-size:12px; margin:0 0 30px 0px; background:url(assets/menuright.gif); position:relative;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:90px; height:20px; text-align:center; color:#eee; line-height:20px; font-size:1.1em; font-weight:lighter; overflow:hidden;}

.menu ul {padding: 7px 0 0 0; margin: 0; list-style-type:none; }
.menu ul li {float:left; margin: 0 1px 0 0; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#FFFFFF; font-size: 1.2em; }
.menu ul li:hover ul {display:block; position:absolute; top:13px; left:0; width:112px; border-bottom:#6E5B94 solid 1px; z-index: 50;}
.menu ul li:hover ul li a.hide {background:#9999FF; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#333366;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#333366; font-size: 11px; width:110px; border-left: #6E5B94 solid 1px ; border-right:#6E5B94 solid 1px; 
border-bottom:#ccc solid 1px; z-index: 50;}
.menu ul li:hover ul li a:hover {background:#A189DE; color:#fff; z-index: 50;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:90px; top:0; z-index: 50;}
.menu ul li:hover ul li:hover ul.left {left:-90px;}

/* #710069; */