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

#nav {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:942px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:30px; width:94px; border:0px solid #888; }
#nav li a b {margin-left:-999px;}

#nav li a.home {background:url(vm-images/home.png); width:88px;}
#nav li a.about {background:url(vm-images/about.png); width:94px;}
#nav li a.div {background:url(vm-images/division.png); width:93px;}
#nav li a.testi {background:url(vm-images/testimonial.png); width:116px;}
#nav li a.gallery {background:url(vm-images/gallery.png); width:88px;}
#nav li a.client {background:url(vm-images/client.png); width:83px;}
#nav li a.download {background:url(vm-images/download.png); width:107px;}
#nav li a.career {background:url(vm-images/career.png); width:86px;}
#nav li a.qatar {background:url(vm-images/qatar.png); width:86px;}
#nav li a.contact {background:url(vm-images/contact.png); width:101px;}

#nav li:hover a.home,
#nav li a.home:hover {background:url(vm-images/homeO.png); width:88px;}
#nav li:hover a.about, #nav li a.about:hover {background:url(vm-images/aboutO.png); width:94px; }
#nav li:hover a.div, #nav li a.div:hover {background:url(vm-images/divisionO.png); width:93px;}
#nav li:hover a.testi, #nav li a.testi:hover {background:url(vm-images/testimonialO.png); width:116px;}
#nav li:hover a.gallery, #nav li a.gallery:hover {background:url(vm-images/galleryO.png); width:88px;}
#nav li:hover a.client, #nav li a.client:hover {background:url(vm-images/clientO.png); width:83px;}
#nav li:hover a.download, #nav li a.download:hover {background:url(vm-images/downloadO.png); width:107px;}
#nav li:hover a.career, #nav li a.career:hover {background:url(vm-images/careerO.png); width:86px;}
#nav li:hover a.qatar, #nav li a.qatar:hover {background:url(vm-images/qatarO.png); width:86px;}
#nav li:hover a.contact, #nav li a.contact:hover {background:url(vm-images/contactO.png); width:101px;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:30px; background: #edb;  height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; position:relative; float:left; font-weight:normal;}
#nav :hover ul.sub li a
{display:block;   text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.profile {background:url(vm-images/ourProfile.png); width:150px; height:25px;}
#nav :hover ul li a.cm {background:url(vm-images/chairmanMsg.png); height:25px; width:150px;}
#nav :hover ul li a.gm {background:url(vm-images/gmMsg.png); height:25px; width:150px;}
#nav :hover ul li a.quality {background:url(vm-images/quality.png); height:25px; width:150px;}
#nav :hover ul li a.hse {background:url(vm-images/hse.png); height:26px; width:150px;}

#nav :hover ul li a.profile:hover {background:url(vm-images/ourProfileO.png); height:25px; width:150px;}
#nav :hover ul li a.cm:hover {background:url(vm-images/chairmanMsgO.png); height:25px; width:150px;}
#nav :hover ul li a.gm:hover {background:url(vm-images/gmMsgO.png); height:25px; width:150px;}
#nav :hover ul li a.quality:hover {background:url(vm-images/qualityO.png); height:25px; width:150px;}
#nav :hover ul li a.hse:hover {background:url(vm-images/hseO.png);  height:26px; width:150px;}

#nav :hover ul li a.cons {background:url(vm-images/construction.png); width:150px;}
#nav :hover ul li a.trad {background:url(vm-images/trading.png); height:24px; width:150px;}
#nav :hover ul li a.oil {background:url(vm-images/oilngas.png); width:150px;}
#nav :hover ul li a.medical {background:url(vm-images/medical.png); width:150px;}
#nav :hover ul li a.sponsor {background:url(vm-images/sponsership.png); height:26px; width:150px;}

#nav :hover ul li a.cons:hover {background:url(vm-images/constructionO.png); width:150px;}
#nav :hover ul li a.trad:hover {background:url(vm-images/tradingO.png); height:24px;width:150px;}
#nav :hover ul li a.oil:hover {background:url(vm-images/oilngasO.png); width:150px;}
#nav :hover ul li a.medical:hover {background:url(vm-images/medicalO.png); width:150px;}
#nav :hover ul li a.sponsor:hover {background:url(vm-images/sponsershipO.png); height:26px; width:150px;}

#nav :hover ul li a.glance {background:url(vm-images/atAglance.gif); width:150px;}
#nav :hover ul li a.projects {background:url(vm-images/ourProjects.gif); height:27px; width:150px;}
#nav :hover ul li a.glance:hover {background:url(vm-images/atAglanceO.gif); width:150px;} 
#nav :hover ul li a.projects:hover {background:url(vm-images/ourProjectsO.gif); height:27px; width:150px;}

#nav :hover ul li a.tenders {background:url(vm-images/tender.png); width:150px;}
#nav :hover ul li a.dcomp {background:url(vm-images/comDown.png); height:27px; width:150px;}
#nav :hover ul li a.tenders:hover {background:url(vm-images/tenderO.png); width:150px;} 
#nav :hover ul li a.dcomp:hover {background:url(vm-images/comDownO.png); height:27px; width:150px;}

#nav :hover ul li a.details  {background:url(vm-images/contactDtl.png); width:117px;}
#nav :hover ul li a.useful  {background:url(vm-images/useful.png); height:24px; width:117px;}
#nav :hover ul li a.feedback  {background:url(vm-images/feedback.png);  height:29px; width:117px;}

#nav :hover ul li a.details:hover  {background:url(vm-images/contactDtlO.png); width:117px;}
#nav :hover ul li a.useful:hover  {background:url(vm-images/usefulO.png); height:24px; width:117px;}
#nav :hover ul li a.feedback:hover  {background:url(vm-images/feedbackO.png);  height:29px; width:117px;}