/* @group Nav */
/* @group Global Navigation */

#globalNav {
  height: 45px;
  background-color: #5f5f5f;
  background-image: gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.3)), to(rgba(0,0,0,0.3)));
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.3)), to(rgba(0,0,0,0.3)));
  background-image: -moz-linear-gradient(0% 100% 90deg,rgba(0,0,0,0.3), rgba(255,255,255,0.3));
  margin-bottom: 50px;
  color: #cacaca;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  box-shadow: 0 1px 0 rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.8), 0 10px 20px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.8), 0 10px 20px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.8), 0 10px 20px rgba(0,0,0,0.5);
}

#globalNav ul {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
}

#globalNav li {
  display: inline-block;
  /*IE hack for inline block support*/  
  zoom:1;
       *display:inline;
       /*End of IE hack*/
       zoom:1;
            *display:inline;
            margin-left: 1px;
            padding: 12px 13px 0;
            height: 33px;
            text-shadow: #000 0 -1px 0px;
            box-shadow:inset 0 0 0 rgba(0,0,0,0.5);
            -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0.5);
            -moz-box-shadow:inset 0 0 0 rgba(0,0,0,0.5);
            -webkit-transition-property: text-shadow, background-color, -webkit-box-shadow;
            -webkit-transition-duration: 0.2s;
            -moz-transition-property: text-shadow, background-color, -moz-box-shadow;
            -moz-transition-duration: 0.2s;
            -o-transition-property: text-shadow, background-color, box-shadow;
            -o-transition-duration: 0.2s;
            cursor: pointer;
}

#globalNav a:hover {
  border-style: none;
}

#globalNav li:hover {
  text-shadow: #000 0 2px 6px;
  color: #fff;
}

#globalNav li.selected, #globalNav li:active {
  box-shadow:inset 0px 1px 8px rgba(0,0,0,0.5);
  -webkit-box-shadow:inset 0px 5px 10px rgba(0,0,0,0.5);
  -moz-box-shadow:inset 0px 1px 8px rgba(0,0,0,0.5);
  background-color: #4c4c4c;
  background-color: rgba(0,0,0,0.2);
  text-shadow: #000 0 2px 6px;
}

#globalNav li:first-child {
  float: left;
  margin-left: 0;
}

#globalNav li:first-child:active {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: transparent;
  text-shadow: none;
}

#globalNav li:first-child img {
  margin: -12px 10px 0 -25px;
  opacity: 0.85;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
}

#globalNav li:first-child img:hover {
  opacity: 1;
}

#globalNav a {
  text-decoration: none;
  color: #e0e0e0;
  display: block;
}
/* @end */

/* @group Section Nav */

#section_nav ul {
  position: relative;
  width: 900px;
  color: white;
  text-align: right;
  margin: 0 auto 10px;
}

#section_nav li {
  display: inline;
  padding: 1px 13px 2px 10px;
  border-right: 1px solid rgba(254,255,255,0.5);
  vertical-align: bottom;
  font-size: 15px;
  line-height: 15px;
}

#section_nav li h1 {
  visibility: hidden;
}

#sectionTitle {
  float: left;
  border-right-style: none;
}

#sectionTitle a:hover {
  border-style: none;
}

#sectionTitle img {
  margin-left: -14px;
  margin-top: -18px;
  margin-bottom: -12px;
  float:left; /* to keep out of the way of the h1 */
}

#section_nav li:last-child {
  padding-right: 0;
  border-right-style: none;
}

#section_nav a {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: white;
  text-shadow: black 0 1px 3px;
}

#section_nav a:hover {
  border-bottom: 1px dotted rgba(254,255,255,0.6);
}

#section_nav a.current {
  border-bottom: 1px dotted #fff;
}

/* @end */

/* @group Subnav */

#subnav {
  height: 40px;
  background-color: rgba(61,81,101,0.8);
  color: #cacaca;
  top: -50px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.8), 0 10px 20px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.6), 0 1px 0 rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.8), 0 10px 20px rgba(0,0,0,0.5);
  position: relative;
  text-align: center;
}

#subnav li {
  display: inline-block;
  /*IE hack for inline block support*/  
  zoom:1;
       *display:inline;
       margin-right: 15px;
       margin-left: 15px;
       height: 29px;
       padding-top: 11px;
}

#subnav a {
  color: #99a7bf;
  text-decoration: none;
  border-style: none;
  font-size: 14px;
  line-height: 12px;
  -webkit-transition: color 0.5s, text-shadow 0.25s;
  -moz-transition: color 0.25s, text-shadow 0.25s;
  -o-transition: color 0.25s, text-shadow 0.25s;
}

#subnav a:hover {
  text-shadow: #000 0 2px 6px;
  color: #fff;
}

#subnav li.current a {
  color: #fff;
}

/* @end */

/* @end */