/*@import url("reset.css");*/

/* =======================================NAVIGATION MENU */

    /* Standard Navigation */
    nav { display: block; float: right; margin: 15px 0 15px 0;}
        nav a.mobile_handle { display: none; }
        nav ul { display: block; z-index: 2000; text-align: left; margin: 0;}
        nav ul li { display: inline; position: relative; float: left; list-style: none;}
          nav ul a, nav ul a:link, nav ul a:visited { display: block; float: left; margin: 0; line-height: 10px; }
          nav ul li {padding: 2px 12px 4px 12px;}
          nav ul li:last-child {padding-right: 2px;}
          nav ul a:hover, nav ul a:active { text-decoration: underline; }
        /* Sub-Nav */
        nav ul ul { display: none; position: absolute; top: 18px; left: 7px; width: 120px; padding: 5px;   background-color: #000; background-color: rgba(0, 0, 0, .7); }
        nav ul ul a {line-height: 16px !important;}
        .ie8 nav ul ul {background-color: #000; }
        .ie8 nav ul ul ul {}
          nav ul ul li { display: block; float: none; clear: both; }
          nav ul ul a, nav ul ul a:link, nav ul ul a:visited { display: block; float: none; border: 0; padding: 8px 5px; margin: 0; }
          nav ul ul a, nav ul ul a:link, nav ul ul a:visited {/*color: #fff*/}
          nav ul ul a:hover, nav ul ul a:active { text-decoration: underline;}
              /* Third-Level */
                nav ul ul ul { top: 0; left: 125px; }
    
/* MEDIA QUERY */

    @media (max-width: 800px){
        
        body { margin-top: 40px; font-size: 18px; } /* Nudge margin-top to leave room for handle */
        
        nav { position: fixed; float: none; margin: 0; padding: 0; top: 0; left: 0; width: 100%; z-index: 2000; }
        
        nav a.mobile_handle { display: block; padding: 10px; background: #eeeeee; text-align: center; 
        	-moz-box-shadow: 0px 1px 5px rgba(0,0,0, .4);
			-webkit-box-shadow: 0px 1px 5px rgba(0,0,0, .4);
			box-shadow: 0px 1px 5px rgba(0,0,0, .4);
			cursor: pointer;
         }
        
        nav ul { display: none; }
        nav ul li { display: block; position: relative; float: none; padding: 0; background: #ddd; border-top: 1px solid #999; }
        nav ul a, nav ul a:link, nav ul a:visited { display: block; position: relative; float: none; padding: 15px 10px; clear: both; }
            
        /* Second Level */
        
        nav ul ul { display: none; position: relative; width: 100%; top: 0; left: 0; margin: 0; padding: 0; background: none; border-bottom: 2px solid #999; }
            nav ul ul a, nav ul ul a:link, nav ul ul a:visited {  padding: 15px 10px 15px 25px; }
            
        /* Third level */
        nav ul ul ul { top: 0; left: 0; }
            nav ul ul ul a, nav ul ul ul a:link, nav ul ul ul a:visited { padding: 15px 10px 15px 45px; }
            
        nav .sub_nav { position: absolute; right: 0; top: 0; width: 10%; padding: 15px 20px; margin: 0; cursor: pointer; }
        nav .arrow_up { float: right; width: 0; height: 0; padding: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #000; }
        nav .arrow_down { float: right; width: 0; height: 0; padding: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000; }
    
    }