/* These styles create the dropdown menus. */
#navbar { margin: 0; padding: 0; font-family: 'AgencyFBRegular'; font-weight:bold;}
#navbar li { float:left; font-size:20px; text-transform:uppercase; padding:0 15px 10px; height:30px;}
#navbar li a { color:#818284; display:block; text-decoration:none; text-indent:-999em; }
#navbar li ul { display: none;background:url("../images/dropdown_bg.png") repeat scroll 0 0 transparent; border:1px none #CFCDC8; z-index:10000; top:27px; position:relative; width:250px; clear:both;}
#navbar li ul li{ font-weight: bold; background:url(../images/bullet.gif) no-repeat 7px 9px; color: #ffffff; border-bottom: 1px solid #CFCDC8; float: none; width:100%; height:24px; font-size:11px; font-family:Verdana; font-weight:bold; padding:0px; display:block;}
#navbar li ul li a{ height:auto; display:block;  text-indent:0; color: #ffffff; line-height:24px; padding:0 0 0 15px; }
#navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; }
#navbar li a:hover{ color:#bb0006; }
#navbar li li a:hover{ background:url(../images/bullet.gif) no-repeat 7px 9px; color:#ffffff; }
#navbar li li:hover{ background:url(../images/dropdown_hv_bg.png) repeat-x;}

ul#navbar li a#homepage{ background:url(../images/homepage.png) no-repeat; width:74px; height:18px; float:left;}
ul#navbar li a#about_us{ float:left; background:url(../images/about_us.png) no-repeat; width:70px; height:18px; float:left;}
ul#navbar li a#products{ float:left; background:url(../images/products.png) no-repeat; width:75px; height:18px; float:left;}
ul#navbar li a#gallery{ float:left; background:url(../images/gallery.png) no-repeat; width:61px; height:18px; float:left;}
ul#navbar li a#contact_us{ float:left; background:url(../images/contact_us.png) no-repeat; width:86px; height:18px; }
ul#navbar li a#homepage:hover, ul#navbar li a#about_us:hover, ul#navbar li a#products:hover, ul#navbar li a#gallery:hover, ul#navbar li a#contact_us:hover{ background-position:bottom;}