/* ------ Menu Main Relative (the wrap and other classes that contain the animated buttons- see animated buttons below, (Menu Animatied Hover Relative) ) ----- */


#menu {
	height:38px;
	width: 390px;
	float: right;
	padding-top: 35px;
	position: relative;
}


#menu_header {
	height:5px;
}

#menu_content {
	color:#333333;
	height: 38px;
	width: 390px;
	background: url(../images/menu-round-bak.png);
}

#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:72px;
	height:38px;
	
	
}


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

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

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

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