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

nav {
	max-width:1000px;
	margin:0px auto 0px auto;
    float:right;
}

nav > ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

nav > ul > li {
	float:left;
    border-left:1px solid #666;
}

nav > ul > li > a {
	display:block;
	text-decoration:none;
	padding:0px 20px;
	font-size:115%;
    color:#fff;
    margin:0px;
    background:#000;
    line-height:60px;
}

nav > ul > li > a:hover {
    background:#f90;
    color:#fff;
}

nav > ul > li:first-child > a {
	border-left:none;
}

nav > ul > li:last-child > a {
	border-right:none;
}

nav > ul > li > ul {
    display:none;
    margin:0px;
    padding:0px;
    list-style:none;
    border:1px solid #333;
    border-top:none;
}

nav > ul > li:hover > ul {
    display:block;
    position:absolute;
}

nav > ul > li > ul > li {
    float:none;
    border:none;
}

nav > ul > li > ul > li > a {
    background:#c84;
    display:block;
    color:#fff;
    text-decoration:none;
    line-height:40px;
    padding:10px 20px 10px 20px;
    font-size:150%;
    border-bottom:1px solid #ea6;
    border-top:1px solid #951;
}

nav > ul > li > ul > li > a:hover {
    color:#fff;
    background:#484;
    border-bottom:1px solid #6a6;
    border-top:1px solid #151;
}

nav > ul > li > ul > li:last-child > a {
    border-bottom:none;;
}

@media (max-width:850px){
	nav {
		display:none;
		width:100%;
		height:auto;
                float:none;
                margin-top:0px;
	}
	
        nav ul {
            float:none;
            width:100%;
            display:block;
        }
        
	nav ul li {
            width:50%;
            display:block;
	}
	
	nav ul li a {
		text-align:center;
		padding:20px;
		font-size:125%;
	}
	
	nav ul li {
		border:none;
		border-bottom:1px solid #915;
	}
        
        nav ul li:hover ul {
            display:none;
        }
}