.menu {font-family: arial, sans-serif; width:735px; position:relative; font-size:10px; margin:0px; z-index:10; height:23px;
}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000000; height:23px; text-align:center; border: 1px solid #d8d8d8; line-height:23px; font-size:100%; overflow:hidden; margin-right:1px; font-weight:bold; }

.menu ul {padding:0; margin:0; list-style-type: none; margin:0px; padding: 0px;}
.menu ul li { float: left; position: relative; margin:0px; padding: 0px;}
.menu ul li ul { display: none; }

#menu1 a , #menu1 a:visited {width:70px;}
#menu2 a , #menu2 a:visited {width:100px;}
#menu3 a , #menu3 a:visited {width:100px;}
#menu4 a , #menu4 a:visited {width:135px;}
#menu5 a , #menu5 a:visited {width:107px;}
#menu6 a , #menu6 a:visited {width:100px;}
#servicesdropdown a , #servicesdropdown a:visited {width:230px;}
#infodropdown a , #infodropdown a:visited {width:140px;}
#casedropdown a , #casedropdown a:visited {width:175px;}

/* specific to non IE browsers */
.menu ul li a {background-image:url(../images/menu_bg.gif); background-repeat: repeat-x; }
.menu ul li:hover a {color: #4980D0; border: 1px solid #d8d8d8; background-image:url(../images/menu_bg_over.gif); background-repeat: repeat-x; width: 200px;}
.menu ul li:hover ul { text-align:left; display: block;  width: 200px; position: absolute; top: 25px; margin: 0px; z-index: 10;  font-weight:normal;}
.menu ul li:hover ul li a.hide { background-image:url(../images/menu_bg_sub_over.gif); text-align:left; text-indent: 19px; width: 200px; background-repeat: repeat-x; color: #4980D0; border: 1px solid #d8d8d8; font-weight:normal;}
.menu ul li:hover ul li a:hover.hide { background-image:url(../images/menu_bg_sub.gif); text-align:left; text-indent: 19px; width: 200px; color: #4980D0; border-top: 1px solid #FFFFFF;  font-weight:normal;}
.menu ul li:hover ul li ul {display: none; font-weight:normal;}
.menu ul li:hover ul li a {display:block;  background-image:url(../images/menu_bg_sub.gif); text-align:left; text-indent: 19px; width: 200px;  background-repeat: repeat-x; color:#000000; border-top: 1px solid #FFFFFF;  font-weight:normal;}
.menu ul li:hover ul li a:hover { background-image:url(../images/menu_bg_sub_over.gif); background-repeat: repeat-x; color: #4980D0; border-top: 1px solid #FFFFFF;  font-weight:normal;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; top:0; font-weight:normal;}
.menu ul li:hover ul li:hover ul.left {left:-100px;}

