.industries  {
	/*margin: 0 0 0 -15px;*/ 
	background: none repeat scroll 0 0 #333;
	/*min-height: 700px;*/
	display:table-cell;
}

@media only screen
and (max-width : 420px) {
	.industries  {	
	display:none;
}
}

.industries > ul {
	width: 100%;
	margin: 0; 
	padding: 10px; 
	list-style: none; 
	display: table;
	background: #333;
	}
	
.industries > ul > li {
	  display: block; 
	  margin: 0; 
	  /*padding: 0;*/ 
	  padding: 0;    
	  /*color: #fff;*/
	  color: #000; 
	  position: relative;	  
	  width:auto; /* mine added to make the menu not go over two lines*/
	  border-bottom: 1px solid #ccc;	  
}
	  
.industries ul > li a {
		color: #fff; 
		text-decoration: none; 
		/*height: 40px; */
		/*line-height: 40px;*/  /* taken out to allow the text to break on menu items ie food distribution companies*/
		display: block; 
		text-align: left; 
		width: 100%;
		/*font-size:14px;*/
		font-size:13px;
		padding: 0 5px;				
		list-style: outside none none;
		text-transform:capitalize;		
		}		

		
.industries ul > li a:hover {	
	background: none #0095bf;
	color:#FFF;
	 -webkit-transition: all 0.5s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.5s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.5s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */		  
		  }
		  
.industries ul > li ul {
	display: none;
	width: 100%;
	background: #FFF;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 40px;
	left: -1px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	list-style: outside none none;
	z-index:999999;
	width:250px;	
}

.industries ul > li:hover ul {display: block;}