/* Vertical Pop Out Menu */
#menu {  width:760px;height:55px;background:  url(../imgs/menuBG.png) repeat-x  0 0; margin: 0 auto 30px auto;}

#menu ul {list-style: none;margin: 0;padding: 0;float: left; border-right:#ae323a solid 1px;}
#menu ul.leftb {border-left:#ae323a solid 1px;}
#menu ul.rightbn {border-right:none;}


#menu ul .b1i, #menu ul .b2i, #menu ul .b3i, #menu ul .b4i, #menu ul .b5i, #menu ul .b6i, #menu ul .b7i { height:42px;text-indent: -1200em;	overflow: hidden; display: block;  text-decoration: none;  }


#menu a.b1i:link, #menu a.b1i:visited, #menu a.b1i:active { background:url(../imgs/menu/b1.png) 50% 0 no-repeat;}
#menu a.b1i:hover {  background:url(../imgs/menu/b1.png) 50% -42px no-repeat;}
	#menu ul #home {  background:url(../imgs/menu/b1.png) 50% -42px no-repeat;}	

#menu a.b2i:link, #menu a.b2i:visited, #menu a.b2i:active { background:url(../imgs/menu/b2.png) 50% 0 no-repeat;}
#menu a.b2i:hover {  background:url(../imgs/menu/b2.png) 50% -42px no-repeat;}
	#menu ul #about {  background:url(../imgs/menu/b2.png) 50% -42px no-repeat;}	

#menu a.b3i:link, #menu a.b3i:visited, #menu a.b3i:active { background:url(../imgs/menu/b3.png) 50% 0 no-repeat;}
#menu a.b3i:hover {  background:url(../imgs/menu/b3.png) 50% -42px no-repeat;}
	#menu ul #showreel {  background:url(../imgs/menu/b3.png) 50% -42px no-repeat;}	

#menu a.b4i:link, #menu a.b4i:visited, #menu a.b4i:active { background:url(../imgs/menu/b4.png) 50% 0 no-repeat;}
#menu a.b4i:hover {  background:url(../imgs/menu/b4.png) 50% -42px no-repeat;}
	#menu ul #services {  background:url(../imgs/menu/b4.png) 50% -42px no-repeat;}	

#menu a.b5i:link, #menu a.b5i:visited, #menu a.b5i:active { background:url(../imgs/menu/b5.png) 50% 0 no-repeat;}
#menu a.b5i:hover {  background:url(../imgs/menu/b5.png) 50% -42px no-repeat;}
	#menu ul #charity {  background:url(../imgs/menu/b5.png) 50% -42px no-repeat;}	

#menu a.b6i:link, #menu a.b6i:visited, #menu a.b6i:active { background:url(../imgs/menu/b6.png) 50% 0 no-repeat;}
#menu a.b6i:hover {  background:url(../imgs/menu/b6.png) 50% -42px no-repeat;}
	#menu ul #careers {  background:url(../imgs/menu/b6.png) 50% -42px no-repeat;}	

#menu a.b7i:link, #menu a.b7i:visited, #menu a.b7i:active { background:url(../imgs/menu/b7.png) 50% 0 no-repeat;}
#menu a.b7i:hover {  background:url(../imgs/menu/b7.png) 50% -42px no-repeat;}
	#menu ul #contact {  background:url(../imgs/menu/b7.png) 50% -42px no-repeat;}	
/**/
#menu ul .b1i {width:104px;}
#menu ul .b2i {width:111px;}
#menu ul .b3i {width:108px;}
#menu ul .b4i {width:115px;}
#menu ul .b5i {width:103px;}
#menu ul .b6i {width:105px;}
#menu ul .b7i {width:106px;}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;


margin: 0;
padding: 0;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

/*#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
} /*

/* Positioning the Pop Outs */
#menu li {position: relative;}
#menu ul ul {position: absolute; z-index: 500;background: #ae323a;  text-transform:uppercase; padding:0 5px;}
#menu ul ul a {line-height:20px; color:#fff; text-decoration:none; font-size:10px;}
#menu ul ul ul {top: 0; left: 100%;}

/* Hiding and Revealing using :hover */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* IE 7 Fix /

.IE7 body {behavior: url(../csshover.htc);}
.IE7 #menu ul li ul li {float: left; width: 100px; z-index:500;}
.IE7 #menu ul li a {height: 1%;} 
	*/