nav {
text-align: left;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size: 17px; 
font-weight:bold;
padding:0;
height:150px;
width:900px;
margin-top:-15px;
}

nav ul ul {
display: none;
color: #000000;
}

nav ul li:hover > ul {
display: block;
color: #000000;
}

nav ul {
color: #000000;
background-image: url('header.jpg');
background-repeat: no-repeat;
list-style: none;
position: relative;
display: inline-table;
z-index:1000;
padding-top:85px;
width:860px;
}

nav ul:after {
content: ""; clear: both; display: block;
color: #000000; 
}

nav ul li {
float: left;
color:black;
}

nav ul li:hover {
background:rgba(150,150,150,0.3);
background: linear-gradient(top, rgba(254,254,254,0.3) 0%, (150,150,150,0.3) 80%);  
background: -moz-linear-gradient(top, rgba(254,254,254,0.3) 0%, (150,150,150,0.3) 80%); 
background: -webkit-linear-gradient(top, rgba(254,254,254,0.3) 0%,(150,150,150,0.3) 80%); 
border-radius:10px 10px 0 0;
color:black;
}

nav ul li:hover a {
color: #424242;
}
		
nav ul li a {
display: block; padding: 10px 20px;
color: #000000; text-decoration: none;
}
			
nav ul ul {
background-image: url('menu.jpg');
background-repeat:no-repeat;
background-size: 230px 100%;
border-radius: 0px 0px 10px 10px; 
position: absolute; top: 100%;
width :230px;
padding:0px;
}
nav ul ul li {
float: none; 
border-radius:10px;
}

nav ul ul li a {
color: #fff;
}	

nav ul ul li a:hover {
background: rgba (150,150,150,0.3);
color:black;
border-radius:10px;
}
		
nav ul ul ul {
position: absolute; left: 100%; top:0;
color: #000000;
}