/*Nagivation */
#menu{
   background:url("images/bg-nav.jpg") repeat-x left top transparent;
   height: auto;   
}
#navigation {
	width:100%;
    height: 30px;
    background:url("images/bg-nav.jpg") repeat-x left top transparent;        
}
#navigation > li {
	display:inline;
	margin:0;
    float: left;
    margin-right: 2px;    
}

#navigation > li > a, #navigation > li > span {
	display:inline-block;    
   	padding:4px 10px;	
	text-decoration:none;
    line-height: 22px;
    text-transform: uppercase; 
    color: #fff;
    font-weight: bold;       
}
#navigation li:hover a,#navigation li.active a, #navigation li.active span{
    background:#fcfcfc url("images/bg-nav-active.jpg") repeat-x left top; ;
    color:#7a7978;
    border-radius-topleft:5px;
    border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.navigation-sub{
    /*display: none; wjndy: de phuc vu script navigation.js*/
    height: 26px;
}
#navigation li:hover .navigation-sub,#navigation li.active .navigation-sub{
    background: url("images/bg-nav-sub.jpg") repeat-x left top;
    min-height: 10px;
    display : inline;	
	position : absolute;
    margin-top: 30px;	
    width: 100%;
    left: 0px;    
}
#navigation li:hover .navigation-sub{
    z-index: 1004;
}
#navigation li.active .navigation-sub{
    z-index: 1003;
}

#content{
    z-index: 1000;
}
.navigation-sub ol{    
    margin: 0px auto 0px auto;   
    padding: 3px;
    padding-left: 5px;    
}
.navigation-sub ol li{
    display: inline;
    margin-left: 0px;
    float: left;
}
#navigation li:hover ol a,#navigation li.active ol a{
    background: none;
    text-decoration: none;
    line-height: 20px;
    border-radius-topleft:0px;
    border-radius-topright:0px;
    -moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;    
	padding:4px 15px;	
}
ol li.sep{
    background: #ccc;
    border-right: solid 1px #ccc;
    height: 17px;
    position: relative;
    top: 2px;
    width: 0px;
}
.navigation-sub ol li.active{
    background:none;
    border: none;
}
#navigation ol li:hover a,
#navigation ol li:hover span,
.navigation-sub ol li.active a, 
.navigation-sub ol li.active span{
    color: #0baee0 !important;
}
.layout-header-navigation-sub{
    background:url("images/bg-nav-sub.jpg") repeat-x left top transparent;
    height: 26px;
}
/*wjndy: de phuc vu script navigation.js*/
.display-none{
    display: none;
}