/*
--------------------------------------------------------------------------------------------------
 Title:			ADXMenu Styles
 Created on: 	29-11-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Talant Corporate Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------

 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Backgound color		#fff	(white)

 =10	Body text		#777	(medium gray)			- also Resize font
 =11	Shortcuts		#999	(medium light gray)
 =12	Menu underline	#c0c0c0	(light gray)			- also Download-size
 =13	Shortcuts MO	#333	(dark grey)
*/
@media screen 
{
	#navigation
	{
		position:				absolute;
		left:					2px;
		top:					56px;
		
		width:					970px;
		height:					204px;

		background-repeat:		no-repeat;
		background-position: 	left top;
		
		z-index:				105;
	}

		#navigation ul
		{
			padding:				0;
			margin:					0;
			width:					970px;
			height:					203px;
		}

			#navigation li
			{
				float:					left;
				display:				inline;
				
				padding:				0;
				margin:					0 2px 0 0;
				width:					192px;
				height:					203px;
				
				background-color:		#e2007a;
			}

				#navigation li a
				{
					float:					left;
					display:				inline;
					
					padding:				170px 0 0 0;
					margin:					0;
					width:					192px;
					height:					33px;
					
					text-align:				center;
					font-size:				1.18em;
					color:					#fff;
					text-decoration:		none;
					
					background-image:		url(/Content/Images/general/background_menu_full.jpg);
					background-repeat:		no-repeat;
					background-position: 	left top;
				}
				
					#navigation li a:hover
					{
						background-position: 	left top;
						text-decoration:		none;
					}
					
					
					#navigation #adxmenu_item_1 a
					{
						background-position: 	left top;
					}
					
					#navigation #adxmenu_item_2 a
					{
						background-position: 	-192px top;
					}
					
					#navigation #adxmenu_item_3 a
					{
						background-position: 	-384px top;
					}
					
					#navigation #adxmenu_item_4 a
					{
						background-position: 	-576px top;
					}
					
					#navigation #adxmenu_item_5 a
					{
						background-position: 	-768px top;
					}
					
						/* over */
						#navigation #adxmenu_item_1 a:hover
						{
							background-position: 	left -203px;
						}
						
						#navigation #adxmenu_item_2 a:hover
						{
							background-position: 	-192px -203px;
						}
						
						#navigation #adxmenu_item_3 a:hover
						{
							background-position: 	-384px -203px;
						}
						
						#navigation #adxmenu_item_4 a:hover
						{
							background-position: 	-576px -203px;
						}
						
						#navigation #adxmenu_item_5 a:hover
						{
							background-position: 	-768px -203px;
						}
					
				#navigation .selectedPath a,
				#navigation .selected span
				{
					float:					left;
					display:				inline;
					
					padding:				170px 0 0 0;
					margin:					0;
					width:					192px;
					height:					33px;
					
					text-align:				center;
					font-size:				1.18em;
					color:					#69085c;
					text-decoration:		none;
					font-weight:			bold;
					letter-spacing:			-1px;
					
					background-image:		url(/Content/Images/general/background_menu_full.jpg);
					background-repeat:		no-repeat;
					background-position: 	left -408px;
				}
				
					/* Selected */
					#navigation #adxmenu_item_1.selectedPath a,
					#navigation #adxmenu_item_1.selected span
					{
						background-position: 	left -406px;
					}
					
					#navigation #adxmenu_item_2.selectedPath a,
					#navigation #adxmenu_item_2.selected span
					{
						background-position: 	-192px -406px;
					}
					
					#navigation #adxmenu_item_3.selectedPath a,
					#navigation #adxmenu_item_3.selected span
					{
						background-position: 	-384px -406px;
					}
					
					#navigation #adxmenu_item_4.selectedPath a,
					#navigation #adxmenu_item_4.selected span
					{
						background-position: 	-576px -406px;
					}
					
					#navigation #adxmenu_item_5.selectedPath a,
					#navigation #adxmenu_item_5.selected span
					{
						background-position: 	-768px -406px;
					}
					
						/* selected over */
						#navigation #adxmenu_item_1.selectedPath a:hover
						{
							background-position: 	left -406px;
						}
						
						#navigation #adxmenu_item_2.selectedPath a:hover
						{
							background-position: 	-192px -406px;
						}
						
						#navigation #adxmenu_item_3.selectedPath a:hover
						{
							background-position: 	-384px -406px;
						}
						
						#navigation #adxmenu_item_4.selectedPath a:hover
						{
							background-position: 	-576px -406px;
						}
						
						#navigation #adxmenu_item_5.selectedPath a:hover
						{
							background-position: 	-768px -406px;
						}
	
	/********************************************************************************************/
	/* =Level 2 																				*/
	/********************************************************************************************/
        #totalContainer #navigation ul ul
		{
			display:				block;

			padding:				0 0 5px 0;
			margin:					0;
			width:					192px;
			min-height:				1px;
			height:					1px;
			
			background-repeat:		no-repeat;
			background-position: 	left bottom;
			background-image:		url(/Content/Images/general/menu_bottom2.gif);
			background-color:		#fff;
		}
		*>#totalContainer  #navigation ul ul
		{
		    height:                 auto;         
		}

			#totalContainer  #navigation ul ul li
			{
				clear:					both;
				float:					left;
				display:				inline;

				padding:				0;
				margin:					0;
				width:					192px;
				min-height:				1px;
				height:					1px;
				
				color:					#69085c;
				font-size:				0.78em;
				font-weight:			normal;
				line-height:			1.4em;
			}
			*>#totalContainer #navigation ul ul li
			{
			    height:                 auto;         
			}

				#totalContainer #navigation ul li ul li a,
				#totalContainer #navigation ul .selectedPath ul li a
				{
					display:				block;

					padding:				5px 10px 5px 10px;
					margin:					0;
					width:					172px;
					min-height:				1px;
					height:					1px;
					
					color:					#69085c;
					text-align:				left;
					font-weight:			normal;
					letter-spacing:			normal;
					
					background-color:       #fff;
					background-repeat:		repeat-x;
					background-position: 	left bottom;
					background-image:		url(/Content/Images/general/menu_background2.gif);
			    }
			    *>#totalContainer #navigation ul li ul li a,
				*>#totalContainer #navigation ul .selectedPath ul li a
				{
			        height:                 auto;         
			    }
				
					#totalContainer #navigation ul li ul li a:hover,
					#totalContainer #navigation ul .selectedPath ul li a:hover
					{
						color:					#fff;
						text-decoration:		none;
						background-image:		url(/Content/Images/general/menu_background2_m.gif);
						
						background-repeat:		repeat-x;
						background-position: 	left top;
					}
					
		
				#totalContainer #navigation ul li ul .selected span
				{
					display:				block;

					padding:				5px 10px 5px 10px;
					margin:					0;
					width:					172px;
					min-height:				1px;
					height:					1px;
					
					color:					#fff;
					text-align:				left;
					letter-spacing:			normal;
					
					background-color:       #fff;
					background-repeat:		repeat-x;
					background-position: 	left top;
					background-image:		url(/Content/Images/general/menu_background2_m.gif);
			    }
				*>#totalContainer #navigation ul li ul .selected span
				{
			        height:                 auto;         
			    }

}