@charset "utf-8";
/* CSS Document */

nav#navigation {
    width:700px;
    height:30px;
	margin:auto;
}
 
nav#navigation ul {
    width:700px;
}
 
nav#navigation ul li {
    border-left:1px solid rgba(0, 0, 0, 0);
    border-bottom:1px solid rgba(f, f, f, 0);
    width:120px;
    height:30px;
    float:left;
    list-style:none;
    position:relative;
}
 
nav#navigation ul li:first-child {
    border-left:none;
}
 
nav#navigation ul li a {
    display:block;Z
    height:30px;
    background-color:rgba(0, 0, 0, 0.8);
    text-align:center;
    line-height:30px;
    color:rgba(255, 255, 255, 0.7);
    text-decoration:none;
    -webkit-transition:background-color 0.1s ease-in, color 0.1s ease-in;
    -moz-transition:background-color 0.1s ease-in, color 0.1s ease-in;
    -ms-transition:background-color 0.1s ease-in, color 0.1s ease-in;
    -o-transition:background-color 0.1s ease-in, color 0.1s ease-in;
    transition:background-color 0.1s ease-in, color 0.1s ease-in;
}
 
nav#navigation ul li a:hover {
    background-color:rgba(0, 0, 0, 1);
    color:rgba(255, 255, 255, 1);
    border-bottom:1px solid rgba(f, f, f, 0);

}
 
nav#navigation ul li ul {
    width:120px;
    position:absolute;
    top:31px;
    left:0;
    visibility:hidden;
    opacity:0;
    -webkit-transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
    -moz-transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
    -ms-transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
    -o-transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
    transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
    z-index:9999;
}
 
nav#navigation ul li:hover ul {
    visibility:visible;
    opacity:1;
}
 
nav#navigation ul li ul li {
    margin:-5px 0 0;
    border-left:none;
    float:none;
    -webkit-transition:margin 0.1s ease-in;
    -moz-transition:margin 0.1s ease-in;
    -ms-transition:margin 0.1s ease-in;
    -o-transition:margin 0.1s ease-in;
    transition:margin 0.1s ease-in;
}
 
nav#navigation ul li:hover ul li {
    margin-top:0;
}
 
nav#navigation ul li ul li ul {
    top:0;
    left:101px;
}
 
nav#navigation ul li ul li ul.dd-left {
    top:0;
    left:-101px;
}
 
nav#navigation ul li:hover ul li ul {
    visibility:hidden;
    opacity:0;
}
 
nav#navigation ul li:hover ul li:hover ul {
    visibility:visible;
    opacity:1;
}
 
nav#navigation ul li:hover ul li ul li {
    margin-left:-10px;
}
 
nav#navigation ul li:hover ul li ul.dd-left li {
    margin-left:10px;
}
 
nav#navigation ul li:hover ul li:hover ul li {
    margin-left:0;
}
 
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;
}
 
/*\*/
* html .clearfix {
    height:1%;
}
.clearfix {
    display:block;
}
/**/