body {
  font-family:tahoma;
}
h1,h2,h3,h4 {
  margin:0;
}
h3,h4,.display-ib {
  display:inline-block;
}
a {
  text-decoration:none;
  color:black;
}
h2 {
  color:#999;
}
h2 small {
  display:inline-block;
  font-weight:normal;
  font-size:.6em;
}
h4 {
  font-style:italic;
}
ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
abbr {
	font-style:italic;
}
.swatch {
  float:none;
  height:1.5em;
  width:auto;
  position:relative;
  transition:all .5s;
}
.single-line {
  font-size:1rem;
  line-height:1.5rem;
}
.block-info {
  display:inline-block;
  position:relative;
  top:0;
  left:0;
}
.Bars .block-info {
  padding-left:1em;
}
.Bars .hideme, .Bars ul {
  display: none;
}
.Bars:hover {
  height:4.5em;
  overflow:hidden;
}
.Bars:hover .hideme {
  display: inline-block;
}
.Bars:hover ul {
  display:block;
}
.Bars ul {
  clear:left;
  margin-left:1em;
}
.Bars .block-color {
  position:absolute;
  bottom:0;
  right:0;
  width:2em;
  height:100%;
}
.Boxes {
  width:100px;
  height:100px;
  float:left;
  position:relative;
}
.Boxes .hideme {
  display:none;
}
.Boxes h4 {
  font-size:.75em;
}
.Boxes .block-info {
  padding:0;
}
.Boxes .block-color {
  position:absolute;
  bottom:0;
  right:0;
  width:40%;
  height:40%;
}
.block-color {
  transition:all .5s;
}
.block-color:hover {
  height:100%;
  width:100%;
}
.display-ib {
  display:inline-block;
}

footer {
  display:block;
  clear:both;
  font-size:.5em;
  padding-top:1em;
}

.options-bar {
  margin:.5em .5em 1em;
}

nav {
  margin:.5em 0;
}
nav li {
  display:inline-block;
}
nav a {
  display:block;
  padding:.25em .5em;
  margin:0 .25em;
  border-radius:5px;
  border:1px solid black;
}
nav a:hover {
  background-color:rgb(240,255,225);
  box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

.company-header {
  text-shadow:1px 2px 4px rgba(0,0,255,0.4);
}