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


#menu {
	height:47px;
	width: 934px;
	background:url(../images/global/images/menu-backg.png) no-repeat;
}


#menu_header {
	height:40px;
}

#menu_content {
	color:#333333;
	font-size: 0px;
	height: 40px;
	width: 553px;
	margin-left:202px;
}

#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: #CCCCCC;
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: "";

}



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

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





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

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

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

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

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

#menu6 a.linkClass { background:url(../images/global/images/menu-6.png) top left no-repeat; }
#menu6 a:hover {background-position:left bottom;}
#menu6 a.open {background-position:left bottom !important;}