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

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
display:block;
line-height:2.2em;
}

#nav a{
	text-align:left;
	display:block;
	padding:9px 18px 10px 18px;
	color:#FFFFFF !Important;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	background: url(../images/main/images/menu-btn-backg.png) 0 0 repeat-x ;
	/*Style to decrease font size in mac products*/
	-webkit-text-size-adjust:93%;	
}

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

}
#nav li{
	float:left;
	position:relative;
	z-index:1000;
	margin-right: 1px;

}




/* drop down relative */
#nav ul {
position:absolute;
display:none;
width:200px;
border-top:1px solid #000;
top:45px;
left:0;
}

#nav li ul a {
	width:180px;
	height:auto;
	float:left;
	padding:7px 0px 7px 10px !Important;
	text-indent:0px;
	background: url(../images/main/images/menu-btn-backg.png) repeat-x 0px -10px;
	background-color:#000 !Important;
}

#nav li ul a:hover{
color:#FEFEFE!Important;
background-color:#333 !Important;
background-position: 0px -10px !Important;

}




/* drop down - secondary relative */
#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:185px;
margin:0px 0 0 0px;
position:absolute;
z-index:9000; 
}


#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;
}

/* fix the last menu item to fit the length */
#menu9 a {
	padding:10px 21px 10px 21px !important;
	margin-right:0px;
}