.ddsmoothmenu {
	width: 100%;
}

.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
	padding:0;
	margin:0;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	background:url('/design/i/head_menu_sprite.png') no-repeat;
	background-color:none;
	height:25px;
	text-decoration:none;
	overflow:hidden;
	font-size:0;
}

.ddsmoothmenu .menu_home             {background-position:0 0;      width:113px;}
.ddsmoothmenu .menu_about           {background-position:-114px 0; width:108px;}
.ddsmoothmenu .menu_collection {background-position:-222px 0; width:107px;}
.ddsmoothmenu .menu_article       {background-position:-329px 0; width:107px;}
.ddsmoothmenu .menu_practice     {background-position:-436px 0; width:107px;}
.ddsmoothmenu .menu_contacts     {background-position:-543px 0; width:109px;}

.ddsmoothmenu .menu_home:hover,
.ddsmoothmenu .selected_a .menu_home:hover {background-position:0 -25px;}
.ddsmoothmenu .menu_about:hover ,
.ddsmoothmenu .selected_a .menu_about:hover {background-position:-114px -25px;}
.ddsmoothmenu .menu_collection:hover,
.ddsmoothmenu .selected_a .menu_collection:hover {background-position:-222px -25px;}
.ddsmoothmenu .menu_article:hover,
.ddsmoothmenu .selected_a .menu_article:hover {background-position:-329px -25px;}
.ddsmoothmenu .menu_practice:hover,
.ddsmoothmenu .selected_a .menu_practice :hover {background-position:-436px -25px;}
.ddsmoothmenu .menu_contacts:hover,
.ddsmoothmenu .selected_a .menu_contacts:hover {background-position:-543px -25px;}

.ddsmoothmenu .selected_a .menu_home             {background-position:0  -50px;    }
.ddsmoothmenu .selected_a .menu_about           {background-position:-114px -50px;}
.ddsmoothmenu .selected_a .menu_collection {background-position:-222px -50px;}
.ddsmoothmenu .selected_a .menu_article       {background-position:-329px -50px;}
.ddsmoothmenu .selected_a .menu_practice     {background-position:-436px -50px;}
.ddsmoothmenu .selected_a .menu_contacts     {background-position:-543px -50px;}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: none; collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
	//height:29px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	width: 100px; /*width of sub menus*/
	height:12px;
	padding:9px 20px;
	margin:0;
	display: block;
	background: #fff; /*background of menu items (default state)*/
	color: #474646;
	text-decoration:none;
	font-size:13px;
	opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
		filter: alpha(opacity=90); /* IE 5.5+*/
		-moz-opacity: 0.9; /* Mozilla 1.6 и ниже */
		-khtml-opacity: 0.9; /* Konqueror 3.1+, Safari 1.1 */
}

.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
	color: #5b5b5b;
}

.ddsmoothmenu ul li ul li a.selected  { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background:#6ca7de;
	color:#fff;
}
.ddsmoothmenu ul li ul li.first a.selected {
	background:#6ca7de url('/design/i/header_sub_menu_bg.png') 0 0 repeat-x;
	background-position:0 -129px;
}

.ddsmoothmenu ul li ul li a:hover{
	background:#6ca7de; /*background of menu items during onmouseover (hover state)*/
	color: #fff;
}

.ddsmoothmenu ul li ul li.first a {
	background:#fff url('/design/i/header_sub_menu_bg.png') 0 0 repeat-x;
	background-position:0 -129px;
}
.ddsmoothmenu ul li ul li.first a:hover {
	background:#6ca7de url('/design/i/header_sub_menu_bg.png') 0 0 repeat-x;
	background-position:0 -129px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height:1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}