/* nav-wrap */
    #nav-wrap {
        position: relative;
    }
 

     
    /* main nav */
	
	@media screen and (min-width: 0px) and (max-device-width: 320px) {
#nav{
	top: 35px;
}
	}
@media screen and (min-width: 321px)   {
#nav{
	top: 35px;
}
}


    #nav {
		color:#fff;
        clear: both;
        position: absolute;
		right:0px;
        width: 98%;
        z-index: 10000;
        padding: 6px;
        background: #555;
		opacity: 0.9;
        border: solid 1px #333;
        display: none; /* visibility will be toggled with jquery */
    }
    #nav li {
        clear: both;
        float: none;
        margin: 10px;
		padding-bottom:5px;
		border-bottom:dotted 1px #fff;
		list-style:none;
    }
    #nav a, 
    #nav ul a {
		text-decoration:none;
        font: inherit;
        background: none;
        display: block;
        padding: 0;
        color: #fff;
        border: none;
    }
    #nav a:hover, 
    #nav ul a:hover {
        background: none;
        color: #fff;
    }
     
    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #nav ul li {
        margin: 3px 0 3px 15px;
    }