/* ------ Menu Relative ----- */


#menu {
	height: 63px ;
	width: 100%;
	
}


#menu_header {
	height:63px;
}

#menu_content {
	color:#FFFFFF;
	height: 63px;
	width: 990px;
	margin: 0 auto;
}

#menu_content:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
clear: both; 
visibility: hidden;
}

#menu_content ul {
width: 100%;
margin: 0px;
text-align: center; /*set value to "left", "center", or "right"*/
}

#menu_content ul li {
display: inline;
}

#menu_content ul li a {
color: #FFFFFF;
padding:0;
margin: 0;
text-decoration: none;
}

#menu_content ul li a:hover {
 /*THEME CHANGE HERE*/
color:#8C8C8C;

}

#menu_content ul li a[rel]:after { /*HTML to indicate drop down link*/
content: "";

}





#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	display:block;
	line-height:1.3em;
 	 background-color:#3E3E3E;
	
	

}

#nav a{
	text-align:left;
	display:block;
	padding:0px 0px;
	color:#FFFFFF !Important;
	font-size:0.9em;
	text-decoration:none;
	height:44px; 
	

}

#nav a:link{
color:#FFFFFF !Important;

}


#sub-menu a {
  color:#FFFFFF!Important;
  background:none; 

}

#sub-menu a:hover {
  color:#F48427!Important;
 background:url(../images/main/main-gradient-bkg.png) center repeat-x #413f40 ;

}

#nav li{
	float:left;
	position:relative;
	z-index:40000;
}

#nav ul {
	position:absolute;
	display:none;
	width:460px; 
	padding:20px 0px 10px 20px ; 
	top:63px;
	left:0;
}

 

#nav li ul a{
	width:115px;
	height:auto;
	float:left; 
 	padding:5px 10px 10px 10px;	
	text-indent:0px; 
	
 
}

#nav ul ul{
top:auto; color:#FFFFFF!Important;


}	

#nav li ul ul {
	left:177px;
	margin:0px 0 0 10px;
	position:absolute;
	z-index:90000;  
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}



ul #sub-menu {
	width:460px;  
	padding:20px 0px 10px 20px ; 
	background:url(http://www.baronlfi.com/images/main/images/nav-back.png)  #413f40; 
	border-right:1px solid #AEAEAE;  
	border-left:1px solid #AEAEAE; 
	border-bottom:10px solid #AEAEAE;
}


#sub-menu-b1 {
	width:150px; 
	float:left; 
}

#sub-menu-b2 {
	width:150px; 
	float:left;
	
}

#sub-menu-b3 {
	width:135px; 
	float:left;
	padding-right:15px;
}





/* ------ Menu Animatied Hover Relative ----- */

#menu1 a {
	float:left;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	width:141px;
	height:63px;
	
}





#menu1 a.linkClass { background:url(http://baronlfi.com/images/menu-buttons/images/menu-home-button.png) top left  no-repeat;}
#menu1 a:hover {background-position:left bottom;}
#menu1 a.open {background-position:left bottom !important;}



#menu2 a {
	float:left;
	width:141px;
	height:63px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu2 a.linkClass { background:url(http://baronlfi.com/images/menu-buttons/images/menu-about-us-button.png) top left no-repeat; }
#menu2 a:hover {background-position:left bottom;}
#menu2 a.open {background-position:left bottom !important;}



#menu3 a {
	float:left;
	width:141px;
	height:63px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu3 a.linkClass { background:url(http://baronlfi.com//images/menu-buttons/images/menu-products-button.png) top left no-repeat; }
#menu3 a:hover {background-position:left bottom;}
#menu3 a.open {background-position:left bottom !important;}




#menu4 a {
	float:left;
	width:141px;
	height:63px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu4 a.linkClass { background:url(http://baronlfi.com/images/menu-buttons/images/menu-blog-button.png) top left no-repeat; }
#menu4 a:hover {background-position:left bottom;}
#menu4 a.open {background-position:left bottom !important;}



#menu5 a {
	float:left;
	width:142px;
	height:63px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu5 a.linkClass { background:url(http://baronlfi.com/images/menu-buttons/images/menu-testimonials-button.png) top left no-repeat; }
#menu5 a:hover {background-position:left bottom;}
#menu5 a.open {background-position:left bottom !important;}





#menu6 a {
	float:left;
	width:141px;
	height:63px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}


#menu6 a.linkClass { background:url(http://baronlfi.com/images/menu-buttons/images/menu-faqs-button.png) top left no-repeat; }
#menu6 a:hover {background-position:left bottom;}
#menu6 a.open {background-position:left bottom !important;}



#menu10 a {
	float:left;
	width:143px;
	height:63px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}


#menu10 a.linkClass { background:url(http://baronlfi.com/images/menu-buttons/images/menu-contact-button.png) top left no-repeat; }
#menu10 a:hover {background-position:left bottom;}
#menu10 a.open {background-position:left bottom !important;}







/* ------ Header-Buttons ----- */

#header-btns	{
	float:right;
	width:283px;
	height:137px;
	
	

}


#menu7 a {
	float:left;
	width:283px;
	height:47px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}


#menu7 a.linkClass { background:url(http://www.baronlfi.com/images/menu-buttons/menu-7.png) top left no-repeat; }
#menu7 a:hover {background-position:left bottom;}
#menu7 a.open {background-position:left bottom !important;}




#menu8 a {
	float:left;
	width:283px;
	height:40px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}


#menu8 a.linkClass { background:url(http://www.baronlfi.com/images/menu-buttons/menu-8.png) top left no-repeat; }
#menu8 a:hover {background-position:left bottom;}
#menu8 a.open {background-position:left bottom !important;}




#menu9 a {
	float:left;
	width:283px;
	height:50px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}


#menu9 a.linkClass { background:url(http://www.baronlfi.com/images/menu-buttons/menu-9.png) top left no-repeat; }
#menu9 a:hover {background-position:left bottom;}
#menu9 a.open {background-position:left bottom !important;}