<style>
.menuHolder {background:url(backing.png); padding:30px 70px 300px 70px; float:left; font-family:arial, sans-serif; margin-left:10px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.clear {clear:both;}
.menuHolder h4 {color:#111; text-shadow: 0px 2px 3px #555; font-size:50px; text-align:center; padding:0; margin:0; 
font-weight:normal; padding:5px 0; font-family:'times new roman', serif;}
.nav, .nav ul {padding:0; margin:0; list-style:none;}
.nav {position:relative;}
.nav ul {position:absolute; top:37px; left:0; height:0; overflow:hidden;}
.nav li {float:left; position:relative; background:url(trans.gif);}
.nav li a {display:block; line-height:35px; padding:0 20px; border:1px solid #444; border-bottom-color:#000; 
color: #999; text-shadow: 1px -1px 1px #000; text-decoration:none; font-size:12px; font-weight:bold;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.nav li:hover > a {background:#666; border-color:#888 #777 #444 #555; color:#fff;}
.nav li:hover ul.sub1 {width:180px; height:185px;}
.nav li:hover ul.sub2 {width:150px; height:111px;}
.nav li:hover ul.sub3 {width:130px; height:222px;}
.nav li:hover ul.sub4 {width:150px; height:111px;}
.nav li:hover ul.sub5 {width:160px; height:111px;}
.nav ul li {width:100%; opacity:0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.nav li ul li.p1 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p3 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p4 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p5 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p6 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li:hover ul li {opacity:1;}
.nav li:hover ul li.p1 {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.nav li:hover ul li.p2 {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.nav li:hover ul li.p3 {
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.nav li:hover ul li.p4 {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.nav li:hover ul li.p5 {
-webkit-transition-delay: 0.9s;
-moz-transition-delay: 0.9s;
-o-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.nav li:hover ul li.p6 {
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.nav ul li a {background:#666; border-color:#888 #777 #444 #555; color:#bbb; line-height:1px;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
}
.nav li:hover ul li a {line-height:35px;}
.nav ul li a:hover {background:#09c;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));}
/* for IE6 */
.nav table {border-collapse:collapse; margin-bottom:-1px;}
* html .nav a {border-color:#444 #444 #000 #444; height:35px; float:left;}
.nav a:hover {background:#666; border-color:#888 #777 #444 #555; color:#fff;}
.nav a:hover ul.sub1 {width:180px; height:185px;}
.nav a:hover ul.sub2 {width:150px; height:111px;}
.nav a:hover ul.sub3 {width:130px; height:222px;}
.nav a:hover ul.sub4 {width:150px; height:111px;}
.nav a:hover ul.sub5 {width:160px; height:111px;}
.nav a:hover ul li a {line-height:35px; height:35px; float:none;}
</style>
<ul class ="nav">
    <li><a href="#">Sales<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <ul class ="sub1">
		  <li class ="p1"><a href="#">Digital SLR Cameras</a></li>
		  <li class ="p2"><a href="#">Interchangeable Lenses</a></li>
		  <li class ="p3"><a href="#">Flash Guns</a></li>
		  <li class ="p4"><a href="#">Professional Tripods</a></li>
		  <li class ="p5"><a href="#">Lens Hoods</a></li>
	   </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li><a href="#">Services<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <ul class ="sub2">
		  <li class ="p1"><a href="#">Printing &amp; Framing</a></li>
		  <li class ="p2"><a href="#">Photo Editing</a></li>
		  <li class ="p3"><a href="#">Storage &amp; Backup</a></li>
	   </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li><a href="#">Contacts<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <ul class ="sub3">
		  <li class ="p1"><a href="#">Support</a></li>
		  <li class ="p2"><a href="#">Sales</a></li>
		  <li class ="p3"><a href="#">Buying</a></li>
		  <li class ="p4"><a href="#">Photographers</a></li>
		  <li class ="p5"><a href="#">Stockist</a></li>
		  <li class ="p6"><a href="#">General</a></li>
	   </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li><a href="#">Stores Location<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <ul class ="sub4">
		  <li class ="p1"><a href="#">South West Region</a></li>
		  <li class ="p2"><a href="#">North East Region</a></li>
		  <li class ="p3"><a href="#">Central Region</a></li>
	   </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li><a href="#">Contact Us<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <ul class ="sub5">
		  <li class ="p1"><a href="#">Email Addresses</a></li>
		  <li class ="p2"><a href="#">By Post</a></li>
		  <li class ="p3"><a href="#">Telephone Numbers</a></li>
	   </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
</ul>
</div>
<br class ="clear"><br>
<br><br><br><br>