nav {
   /*margin: 0;
   height: 60px;	
   float: right;*/
}



nav ul#menu { list-style: none; margin: 0 auto; float: right; position: relative; top: 9px; }

body.home nav ul#menu{
	top: initial;
}

nav ul#menu  li {      
  float: none; 
  position: relative;
  display: inline-block;
  padding: 0; } 
  nav ul#menu  li.nav-menu { display: none; }

nav ul#menu li#home { display: inline-block; font-family: 'trilogyicons'; font-size: 20px;  }
body.home nav ul#menu li#home { display: none; }

nav ul#menu  li a {
   height: 14px;
   margin: 24px 12px;
   font-size: 16px;
   letter-spacing: 0px;
   font-weight: 400;
   line-height: 1;
   color: #11899f;
   display: inline-block;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; }
   
   nav ul#menu li:last-child a { margin-right: 0; }

nav ul#menu  li a:hover { color: #f16034; }
nav ul#menu  li a:active { color: #24334b; }


/* --- Connect --- */
ul#social {
   list-style: none;
   position: absolute;
   top: 20px;
   right: 0;
	display: none;
}
footer ul#social { position: relative; top: 1px; right: -5px; display: inline-block; }
body.home footer ul#social { display: none; }

ul#social  li {
  float: none; 
  position: relative;
  display: inline-block;
  padding: 0; }

ul#social a {
   color: #c3c1c0; 
   font-family: 'trilogyicons'; 
   font-size: 20px; 
   text-transform: lowercase;
   font-weight: 300;   
   margin: 0 .25em;
   padding: 0;
   text-align: center;
   background-color: #none;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; }
   
   ul#social li:last-child a { margin-right: 0; }
   
ul#social a:hover { color: #f16034; }
ul#social a:active { color: #11899f; }

body.home header ul#social { display: block; }
footer ul#social a { font-size: 16px; color: #11899f; }
   
/* Section Nav
------------------------------------ */
#snav { 
   text-align: left;
    background: none;
    width: 100%;
    margin-top: 1em;
    height: auto; }

#snav ul { list-style: none; }   
#snav li { margin: 0 auto; }  
#snav li a { 
   position: relative;
   padding: 0.5em 0; 
   display: block;
   font: 600 20px/1 "Open Sans", sans-serif;
   color: #11899f;    
   -webkit-transition: all .25s ease-in-out;
   -moz-transition:    all .25s ease-in-out;
   -o-transition:      all .25s ease-in-out;
   -ms-transition:     all .25s ease-in-out;
   transition:         all .25s ease-in-out; }
  #snav li a:before { font-family: 'trilogyicons'; content: '>'; font-size: 16px; padding-right: 0px; }
  
#snav li a:hover { 
   color: #f16034; }
#snav li a:active { 
   color: #24334b;  }


/* --- Device and Mobile Menu --- */
nav ul#menu li#top-menu  { 
   display: none !important;
   background: #11899f;
   height: 80px; }

#home-button a,
nav ul#menu li#top-menu  > a {
   background-repeat: no-repeat;
   width: 80px;
   height: 80px;
   position: relative; }
      
#home-button > a {  
   background-image: url(/theme/mobile/img/home.png);
   background-position: center center; }
   
nav ul#menu li#top-menu  > a  {
   width: 80px;
   height: 80px;
   padding: 0;
   font-family: 'trilogyicons';
   font-size: 40px;
   vertical-align: middle;
   line-height: 80px;
   color: #fff !important;
   margin: 0; }
nav ul#menu li#top-menu .active a,
nav ul#menu li#top-menu  a:active {  }

nav ul#menu li#top-menu #top-dropdown {
   background-color: #7899bc;   
   width: 250px;      
   box-shadow:            0 4px 3px rgba(0, 0, 0, 0.25);       
      -moz-box-shadow:    0 4px 3px rgba(0, 0, 0, 0.25);  
   	-webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);   
   display: none; 
   margin: 0;
   position: absolute;
      top: 80px; 
      right: 0px;
      z-index: 9999; }

nav ul#menu li#top-menu #top-dropdown li { 
   width: 100%;
   padding: 0;
   border-right: 0;
   background: #11899F;
   color: #fff;
   border-bottom: 1px solid #fff; }
nav ul#menu li#top-menu #top-dropdown li:last-child { border-bottom: 0; }
   
nav ul#menu li#top-menu #top-dropdown li a { 
   width: 100%;
   height: auto;
   padding: 1em 0;
   margin: 0;
   line-height: 1;
   color: #fff; }
nav ul#menu li#top-menu #top-dropdown li:last-child a {}
      
nav ul#menu li#top-menu #top-dropdown li a:active {   
   background-color: #f16034 !important;
   color: #fff; }
   
nav ul#menu li#top-menu #top-dropdown li.close a { 
   padding: 5px 10px; 
   background: #f16034; 
   color: #fff; }
nav ul#menu li#top-menu #top-dropdown li.close a:active { background: #f16034; }