<style type="text/css">
.images {background:#c00; width:20px; padding:1px;} /* not part of the menu */

#nav ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; font-family: arial, verdana, sans-serif; font-size:11px;}
#nav li {display:table-cell; margin:0; padding:0;}
#nav a {float:left; color:#000; background: #ccc url(top_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 0 2px; text-decoration:none; letter-spacing:1px;}
#nav a b {float:left; display:block; background:transparent url(top_right.gif) no-repeat right top; padding:5px 16px 5px 12px;}
#nav a:hover {background: #3a73ba url(top_left.gif) no-repeat left top; color:#fff; cursor:pointer;} 
#nav .current a {background: #3a73ba url(top_left.gif) no-repeat left top; color:#fff; cursor:default;} 
#nav {padding:2px 0 10px 0; background:#fff url(shade_bottom.gif) repeat-x left bottom; margin:50px 0 100px 0;} /* margin for this demo only */
</style>

<!--[if IE]>
<style type="text/css">
#nav ul {display:inline-block;}
#nav ul {display:inline;}
#nav ul li {float:left;}
#nav {text-align:center;}
</style>

<div id="nav">

<ul>
<li><a href=""><b><font size="4">الرئيسية</font></b></a></li>
<li class="current"><a href="tab_highlight.html?current=two"><b><font size="4">منتجاتنا</b></a></li>
<li><a href=""><b><font size="4">الخدمات</b></a></li>
<li><a href=""><b>القوانين</b></a></li>
<li><a href=""><b>اتصل بنا</b></a></li>
<li><a href=""><b>خريطة الموقع</b></a></li>
</ul>
</div>