.nav-container {}

nav {
	width:970px; height:29px; background: #fff url(../../images/sticky-nav-bg.png) top center no-repeat; margin:0px 0px 8px; padding-top:9px;
	filter: alpha(opacity=80); /* IE6-IE8 */
}

nav ul {
	/*margin-left: 8px;*/
	text-align: center;
}

nav li {
	padding:9px 19px; display: inline;
}

nav li a {
	font-weight: bold; color:#000; font-size: 11px;
}

nav li a:hover,
nav li a.selected {
	color: #007e44;
}

.sticky {
	position: fixed;
	z-index: 999;
	
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
}

.sticky .nav-above {
	position: absolute;
	top:-15px;
	left:1em;
	right:1em;
	height:15px;
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
    
/*media queries*/  

	/* #Tablet (Portrait) width of 768px 
	@media only screen and (min-width: 768px) and (max-width: 959px) {
   		.wrapper { 
   			width: 700px;
   		}
		
		nav {
			width: 728px;
		}

	}
	*/  
	/* #Mobile (Portrait) width of 320px 

    @media only screen and (max-width: 767px) {
        .wrapper { 
        	width: 300px;
        }
        
        .wrapper .column {
        	float: none;
        	width: 100%;
        }
		
		nav {
			width: 328px;
		}
        
        h1 {
			font-size: 2.5em;
			text-align: center;
        }
        
        h3 {
			font-size: 1.3em;
			text-align: center;
		}
		
 	}
 	*/
 	/* Mobile (Landscape) width of 480px 

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .wrapper {
        	width: 400px;
        }
		
		nav {
			width: 428px;
		}
        
        h1 {
			font-size: 3.5em;
        }
        
        h3 {
			font-size: 1.7em;
		}

  	}     
  	*/