/* navigation menu styles */
#navmenu {
	b ackground: url('../menu/menupix/menubg.jpg'); background-repeat: no-repeat;
    b ackground: -webkit-linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    b ackground: -moz-linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    b ackground: linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    f ilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e9eaea',GradientType=0 );

    b order-radius: 0 0 4px 4px;
    b order-top: 1px solid #D1D1D1;
    b ox-shadow: -1px 1px 0 rgba(255, 255, 255, 0.8) inset;
    clear: both;
    height: 50px;
    padding-top: 1px;
	position: relative;
	z-index: 999;
	margin-left: 34px;

	 
}
#menu {
    f loat: left;
	}
#menu a {
    text-decoration: none;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu > ul > li {
    float: left;
    padding-bottom: 0px;
	width: 110px;
	text-align: center
}

#menu > ul > li.home {
    float: left;
    padding-bottom: 0px;
	width: 60px;
	text-align: center
}

#menu ul li a {
    border-color: #D1D1D1;
    border-image: none;
    border-style: solid;
    border-width: 0 0px 0 0;
    b ox-shadow: -1px 0 0 rgba(255, 255, 255, 0.8) inset, 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    color: #454545;
	font-family : Oxygen, 'Maven Pro', Arial;
    display: block;
    font-size: .90em; font-weight: 600;
    height: 32px;
    line-height: 30px;
    padding: 8px 12px 7px;
    t ext-shadow: 0 1px 0 #898989;
}
#menu ul li a:hover {
    background: -webkit-linear-gradient(#564800, #816C00) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#564800, #816C00) repeat scroll 0 0 transparent;
    background: linear-gradient(#564800, #816C00) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#564800', endColorstr='#816C00',GradientType=0 );
	color: #fff;
	text-shadow: 0 0px 0 #898989;
}
#menu > ul > li.active > a {
    background: -webkit-linear-gradient(#55A6F1, #3F96E5) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#55A6F1, #3F96E5) repeat scroll 0 0 transparent;
    background: linear-gradient(#55A6F1, #3F96E5) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55A6F1', endColorstr='#3F96E5',GradientType=0 );
    border-bottom: 1px solid #2D81CC;
    border-top: 1px solid #4791D6;
    box-shadow: -1px 0 0 #55A6F1 inset, 1px 0 0 #55A6F1 inset;
    color: #FFFFFF;
    margin: -1px 0 -1px -1px;
    t ext-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	}
#menu > ul > li.active > a:hover {
    background: -webkit-linear-gradient(#499FEE, #3F96E5) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#499FEE, #3F96E5) repeat scroll 0 0 transparent;
    background: linear-gradient(#499FEE, #3F96E5) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499FEE', endColorstr='#3F96E5',GradientType=0 );
	
}
#menu > ul > li:first-child > a {
    b order-radius: 0 0 0 5px;
}

/* dropdown menu */
#menu ul ul {
    background: -webkit-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 );

    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    height: 0;
    margin-top: 0px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 210px;
    z-index: 1; 

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	text-align: left
}
#menu ul  li:hover ul  {
    height: auto;
    margin-top: 0\9;
    opacity: 1;
    visibility: visible;
	margin-left: -1px;
}
#menu ul ul a {
    border-right-width: 0;
    border-top: 1px solid #D1D1D1;
    b ox-shadow: 0 1px 0 #FFFFFF inset;
    color: #444444;
    height: 24px;
	font-size: .96em; font-weight: 500;
    line-height: 24px;
    padding: 7px 12px;
    t ext-shadow: 0 1px 0 #FFFFFF;
}
#menu ul ul li:first-child a {
    border-top-width: 0;
}
#menu ul ul a .icon {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin-right: 10px;
    width: 24px;
}
#menu ul ul a .icon.elem0 {
    background-image: url("../menu/menupix/elem.png");
}
#menu ul ul a .icon.elem1 {
    background-image: url("../menu/menupix/fb.png");
}
#menu ul ul a .icon.elem2 {
    background-image: url("../menu/menupix/go.png");
}
#menu ul ul a .icon.elem3 {
    background-image: url("../menu/menupix/rs.png");
}
#menu ul ul a .icon.elem4 {
    background-image: url("../menu/menupix/sk.png");
}
#menu ul ul a .icon.elem5 {
    background-image: url("../menu/menupix/su.png");
}