html, body {
  height: 100%;
}

.top {
  background-color: #D8D8D8;
}

.top .top-link {
  display: inline-block;
  padding: 7px 7px;
  color: white;
  font-weight: 600;
  background-color: #7F7F7F;
  border-right: 1px solid #999999;
  margin-right: -4px;
}

.captions-block {
  padding-top: 20px;
}

.captions-block .list-inline {
  float: right;
}

.captions-block .list-inline li a {
  text-align: center;
  border-radius: 3px;
  display: block;
  padding: 5px;
}

.captions-block .list-inline li a:hover, .captions-block .list-inline li a:active, .captions-block .list-inline li a:focus {
  text-decoration: none !important;
  background: #D8D8D8;
  transition: all 0.1s ease-out;
}

.captions-block .list-inline li a .glyphicon {
  font-size: 29px;
  color: #141414;
  display: block;
}

.captions-block .list-inline li a .subtext {
  color: #141414;
}

.navbar {
  margin-bottom: 0;
}

.top-callout {
  background-color: #141414;
}

.top-callout a {
  display: block;
  text-align: center;
  padding: 15px;
  color: white;
  font-weight: 600;
  text-decoration: none;
}

.top-callout a:hover {
  background: #292A2B;
}

.feature {
  width: 100%;
  height: 50%;
  background-color: #7F7F7F;
}

.subfeature {
  background-color: #7F7F7F;
  display: block;
  margin: 20px 0;
  margin-bottom: 40px;
  width: 100%;
  min-height: 130px;
  overflow: hidden;
}

.row .col-1-5 {
  width: 20%;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

footer {
    min-height: 150px;
    background-color: #D8D8D8;
}

ul.topmenu li {
    display:inline;
    border: solid 1px;
}

ul.iconmenu li {
    display:inline;
    border: solid 1px;
}

ul.navmenu li {
    display:inline;
    border: solid 1px;
}
div.search {
float: right;
width: 15%;
}


.navmenu ul,
.navmenu li,
.navmenu span,
.navmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
.navmenu:after,
.navmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
.navmenu a {
  color: #ffffff;
  display: inline-block;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #333333;
}
.navmenu ul {
  list-style: none;
}
.navmenu > ul > li {
  float: left;
}
.navmenu > ul > li.active a {
  background: #646464 url(/assets/media/back.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  filter: none;
}
.navmenu > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  filter: none;
}
.navmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #8a8a8a;
  -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
  -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
  background: #4a4a4a url(/assets/media/back.png) repeat-x left top;
  background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
  background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  border-bottom: 1px solid #5d5d5d;
  border-top: 1px solid #5d5d5d;
  border-right: 1px solid #5d5d5d;
  line-height: 34px;
  padding: 0 35px;
  filter: none;
}
.navmenu > ul > li a:hover {
  background: #8a8a8a url(/assets/media/back.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  filter: none;
}
.navmenu > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-left: 1px solid #5d5d5d;
}
.navmenu > ul > li:last-child a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
.navmenu .has-sub:hover ul {
  display: block;
}
.navmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  /* IE7 */

  *width: 100%;
}
.navmenu .has-sub ul li {
  text-align: center;
}
.navmenu .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #5d5d5d;
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}



/* top nav */
nav#top { height: 40px; min-height: 0; border-bottom: none; background: #3c4347; margin: 0; z-index: 1500; font-size: .9em; }
nav#top .navbar-text, nav#top .navbar-nav>li>a { margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; }

nav#top .top-login { color: #999; padding: 0 15px; }
nav#top .top-login a { display: inline-block; padding-left: 0; padding-right: 0; }

/* header */
#header { height: 100px; background: #fff; }
.header-logo img { width: 100%; max-width: 400px; margin-top: 27px; }
.header-tools ul { line-height: 1.1; font-size: .85em; margin-top: 15px; display: inline-block; }
.header-tools li { display: inline; list-style: none; }
.header-tools a { float: left; width: 80px; text-align: center; color: #333; }
.header-tools a:hover { text-decoration: none; color: #999; }
.header-tools .fa { display: block; font-size: 36px; margin: 0 auto 8px; color: #cc1c2a; }
.header-tools .header-tools-status { font-weight: bold; display: block; }

/* main nav */
.navbar-nav .open .dropdown-menu { border-radius: 0; }
nav#nav { margin: 0; border-bottom: none; background: #1e2428; }
nav#nav .navbar-nav>li>a { color: #fff; font-weight: bold; }
nav#nav .navbar-nav>li>a .caret { color: #999; color: rgba(255,255,255,.3); }
nav#nav .navbar-brand { color: #fff; margin-left: -100px; transition: all .5s ease-in-out; }
nav#nav .navbar-nav { margin-left: -15px; transition: all .5s ease-in-out; }
.fixed nav#nav { position: fixed; top: 0; left: 0; width: 100%; }
.fixed nav#nav .navbar-brand { margin-left: -10px; }
.fixed nav#nav .navbar-nav { margin-left: -8px; }

nav#nav .navbar-form { width: 400px; }
nav#nav .global-form input { border-bottom-color: #cc1c2a; color: #fff; font-weight: bold; }
nav#nav .global-form button { color: #fff; }

/* forms */
.global-form { position: relative; }
.global-form input { background: none; border: none; border-bottom: 2px solid #666; padding: 6px 23px 6px 2px; width: 100%; }
.global-form button { background: none; border: none; position: absolute; right: 0; top: 2px; font-size: 16px; }

/* masthead */
#masthead { margin: -30px 0 30px; }
#masthead a { display: block; background-size: cover; text-indent: -9999em; height: 400px; }

/* content */
#background { overflow-x: hidden; padding: 0; background: #fff; width: 100%; }
.fixed #background { padding-top: 50px; }
#body { padding-top: 30px; padding-bottom: 30px; }
.body { padding-top: 30px; padding-bottom: 30px; }
#promos + #body { padding-top: 0; }
#promos + .body { padding-top: 0; }
.row-narrow { margin-left: -5px; margin-right: -5px; }
.row-narrow>div { padding-left: 5px; padding-right: 5px; }
#sidebar, #content { padding-bottom: 30px; }

/* promos */
#promos { background: #2e3539; margin-bottom: 30px; }
#promos .row>div { margin: 0; padding: 0; border-left: 1px solid #666; }
#promos .row>div:first-child { border: none; }
#promos a, #promos span { display: block; color: #fff; padding: 10px; color: #919a9f; }
#promos a:hover { background: rgba(255,255,255,.1); text-decoration: none; }

/* for bootstrap modals */
.max-z-index { z-index: 9999; }

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

.bottom5 { margin-bottom:5px; }
.bottom7 { margin-bottom:7px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom17 { margin-bottom:17px; }
.bottom30 { margin-bottom:30px; }