﻿.menuRow0 {
  position: absolute;
  top: 0px;
}
.menuRow0.animateStart {
  top: -600px;
}
.menuRow1 {
  position: absolute;
  top: 136px;
}
.menuRow1.animateStart {
  top: -600px;
}
.menuRow2 {
  position: absolute;
  top: 272px;
}
.menuRow2.animateStart {
  top: -600px;
}
.menuRow3 {
  position: absolute;
  top: 408px;
}
.menuRow3.animateStart {
  top: -600px;
}
.menuRow4 {
  position: absolute;
  top: 544px;
}
.menuRow4.animateStart {
  top: -600px;
}
.menuColumn0 {
  position: absolute;
  left: 16px;
}
.menuColumn0.animateStart {
  left: -600px;
}
.menuColumn0.internal {
  margin-left: -16px;
}
.menuColumn1 {
  position: absolute;
  left: 152px;
}
.menuColumn1.animateStart {
  left: -600px;
}
.menuColumn1.internal {
  margin-left: -16px;
}
.menuColumn2 {
  position: absolute;
  left: 288px;
}
.menuColumn2.animateStart {
  left: -600px;
}
.menuColumn2.internal {
  margin-left: -16px;
}
.menuColumn3 {
  position: absolute;
  left: 424px;
}
.menuColumn3.animateStart {
  left: -600px;
}
.menuColumn3.internal {
  margin-left: -16px;
}
.menuColumn4 {
  position: absolute;
  left: 560px;
}
.menuColumn4.animateStart {
  left: -600px;
}
.menuColumn4.internal {
  margin-left: -16px;
}
.menuColumn5 {
  position: absolute;
  left: 696px;
}
.menuColumn5.animateStart {
  left: -600px;
}
.menuColumn5.internal {
  margin-left: -16px;
}
.menuColumn6 {
  position: absolute;
  left: 832px;
}
.menuColumn6.animateStart {
  left: -600px;
}
.menuColumn6.internal {
  margin-left: -16px;
}
.menuColumn7 {
  position: absolute;
  left: 968px;
}
.menuColumn7.animateStart {
  left: -600px;
}
.menuColumn7.internal {
  margin-left: -16px;
}
.menuColumn8 {
  position: absolute;
  left: 1104px;
}
.menuColumn8.animateStart {
  left: -600px;
}
.menuColumn8.internal {
  margin-left: -16px;
}
.menuColumn9 {
  position: absolute;
  left: 1240px;
}
.menuColumn9.animateStart {
  left: -600px;
}
.menuColumn9.internal {
  margin-left: -16px;
}
.menuColumn10 {
  position: absolute;
  left: 1376px;
}
.menuColumn10.animateStart {
  left: -600px;
}
.menuColumn10.internal {
  margin-left: -16px;
}
.menuColumnWidth1 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
}
.menuColumnWidth2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 256px;
}
.menuColumnWidth3 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 392px;
}
.menuColumnWidth4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 528px;
}
.menuColumnWidth5 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 664px;
}
.menuColumnWidth6 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 800px;
}
.menuColumnWidth7 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 936px;
}
.menuColumnWidth8 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1072px;
}
.menuRowHeight1 {
  height: 120px;
}
.menuRowHeight2 {
  height: 256px;
}
.menuRowHeight3 {
  height: 392px;
}
.menuRowHeight4 {
  height: 528px;
}
.menuRowHeight5 {
  height: 664px;
}
.menuRowHeight6 {
  height: 800px;
}
.Container1 {
  margin-left: auto;
  margin-right: auto;
  width: 120px;
}
.Container2 {
  margin-left: auto;
  margin-right: auto;
  width: 256px;
}
.Container3 {
  margin-left: auto;
  margin-right: auto;
  width: 392px;
}
.Container4 {
  margin-left: auto;
  margin-right: auto;
  width: 528px;
}
@media (min-width: 1208px) {
  .smallSizeHidden {
    visibility: visible;
  }
  .smallSizeShiftLeft {
    margin-left: 0;
  }
}
@media (max-width: 1208px) {
  .smallSizeHidden {
    visibility: hidden;
  }
  .smallSizeShiftLeft {
    margin-left: -272px;
  }
}
.menuSpace {
  width: 16px;
  height: 16px;
  float: left;
}
.menuTile {
  background-repeat: no-repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  height: 120px;
  font-size: 1em;
  text-align: center;
  cursor: pointer;
  border: 1px solid black;
  color: white;
  overflow: hidden;
  padding-top: 16px;
}
.menuCenter {
  margin: 0 auto;
}
.menuTile:hover {
  box-shadow: inset 0 0 30px #884422, 0 0 15px #888888;
}
