/* Bruck Manufacturing — shared site styles */
body {
  background-color: #214670;
  margin: 0;
}

/* Banner (800×192) + CSS nav bar below — replaces image-based tabs */
.header,
td.header {
  background-color: #ffffff;
  padding: 0;
  vertical-align: top;
}

td.header {
  height: auto !important;
}

td.header table {
  background-color: #ffffff;
}

.header__banner {
  display: block;
  width: 800px;
  max-width: 100%;
  height: 192px;
  background: url(../images/header1b.jpg) no-repeat top left;
  background-size: 800px 192px;
}

/* Primary nav — matches original nav_*.jpg (mahogany tabs, light blue bottom stripe) */
.main-nav {
  display: flex;
  flex-wrap: nowrap;
  width: 800px;
  max-width: 100%;
  height: 33px;
  margin: 0 0 12px;
  padding: 0;
  box-sizing: border-box;
  background-color: #60281d;
  border-bottom: 2px solid #b8d8eb;
  clear: both;
}

.main-nav__item {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 33px;
  padding: 0 6px;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.1;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  background-color: #60281d;
  border-right: 1px solid #4a2018;
  white-space: nowrap;
}

.main-nav__item--home {
  flex: 0 0 53px;
}

.main-nav__item--equipment {
  flex: 0 0 83px;
}

.main-nav__item--services {
  flex: 0 0 77px;
}

.main-nav__item--company {
  flex: 0 0 167px;
  font-size: 10px;
}

.main-nav__item--career {
  flex: 0 0 166px;
  font-size: 10px;
}

.main-nav__item--contact {
  flex: 1 1 auto;
  min-width: 200px;
  justify-content: flex-start;
  padding-left: 14px;
  border-right: none;
}

.main-nav__item:hover,
.main-nav__item:focus {
  background-color: #703528;
  color: #ffffff;
  text-decoration: underline;
}

.main-nav a:link,
.main-nav a:visited {
  color: #ffffff;
}

.page-title,
.page-intro,
.landing-content {
  clear: both;
}

.style1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.welcome {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #6a3024;
  margin: auto;
  padding: 8px;
}

.welcometext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #214670;
  margin: auto;
  padding: 8px;
}

.style2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #6a3024;
  margin: auto;
  padding: 8px;
}

.style3 {
  color: #000000;
}

/* Default links in white content area */
a:link {
  color: #214670;
  text-decoration: none;
}

a:visited {
  color: #6a3024;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* White text links on nav bar and blue footer */
.main-nav a:link,
.main-nav a:visited,
.footer a:link,
.footer a:visited,
.style1 a:link,
.style1 a:visited {
  color: #ffffff;
}

.footer a:visited {
  color: #e0dfe3;
}

.footer {
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
}

.capability-links {
  line-height: 1.6;
}

.page-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #6a3024;
  margin: 16px 8px 8px;
  padding: 0;
}

.page-intro {
  margin: 0 8px 12px 8px;
}

h2.section-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #6a3024;
  margin: 12px 8px 6px 8px;
  padding: 0;
}

.welcometext a.content-link {
  color: #214670;
  text-decoration: underline;
}

.welcometext a.content-link:visited {
  color: #6a3024;
}

.landing-content {
  padding: 0 8px 16px;
}