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


#menu {
	height: 44px;
	text-align: left;

}


#menu_header {
	height:44px;
	
}

#menu_content {
	color:#FFFFFF;
	height: 44px;
	width: 894px;
	margin: 0 auto;
	padding: 0 10px;
	position:relative; 
	z-index:3000;
	
	
}

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

 







#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	display:block;
	line-height:2.3em;
	background-color:#212121; 
	text-transform:uppercase;
	background:url(../images/main/images/menu-dropdown-back.jpg) repeat-x bottom;
	
}

#nav a{
	text-align:center;
	display:block;
	padding:0px 0px;
	color:#ff7900 !Important;
	font-size:1.1em;
	text-decoration:none;
	height:44px; 
	font: Helvetica, sans-serif, Verdana, Arial;

	

}

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

}


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


}

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

}

#nav li a{
	margin-right:23px;
	_margin-right:13px;
	
	

}


#menu2-drop li {
	 
	margin-right:0px;
	

}

#nav ul {
	position:absolute;
	display:none;
	width:200px;
	padding:3px 0px 0px 0px;
	top:44px;
	left:-60px;
}

#nav li ul a{
	width:170px;
	height:auto;
	float:left; 
 	padding:5px 0px 5px 0px;	
	margin:0 15px 0 15px;
	text-align:center !Important;
	text-indent:0px;
	border-bottom: 1px solid #545353;

 
}

.list-last {
	border-bottom: none !Important;
}

#nav ul ul{
top:auto;


}	

#nav li ul ul {
		width:180px;
	margin:0px 0 0 0px;
	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;
}





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

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





#menu1 a.linkClass { background:url(../images/menu/images/menu-home.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:81px;
	height:44px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu2 a.linkClass { background:url(../images/menu/images/menu-products.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:39px;
	height:44px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu3 a.linkClass { background:url(../images/menu/images/menu-blog.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:92px;
	height:44px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu4 a.linkClass { background:url(../images/menu/images/menu-community.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:77px;
	height:44px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu5 a.linkClass { background:url(../images/menu/images/menu-about-us.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:47px;
	height:44px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}


#menu6 a.linkClass { background:url(../images/menu/images/menu-press.png) top left no-repeat; }
#menu6 a:hover {background-position:left bottom;}
#menu6 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(../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(../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(../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;}