#viewport {
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
}

#footer {
  width: 100%;
  position: static;
  height: 1px;
  bottom: 0px;
}

#sidebar {
  background-color: #000;
  max-height: 100%;
  max-width: 15%;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

#splash {
  background: transparent url("images/KenmareBG.jpg") center;
  background-size: cover;
  width: 85%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

#comingsoon {
  background: url("images/white.png");
  background-size: cover;
  width: 85%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

#menutaq {
  background: transparent url("images/Taq-BW.jpg") center;
  background-size: cover;
  width: 28%;
  height: 91%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 9%;
  overflow: hidden;
}

#menutaq:hover {
  background: transparent url("images/Taq-Color.jpg") center;
  background-size: cover;
}

#footertaq {
  background: transparent url("images/TaqWordWt2.jpg") center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 28%;
  height: 9%;
  position: fixed;
  left: 0px;
  top: 91%;
  bottom: 0px;
  overflow: hidden;
}

#footertaq:hover {
  background: transparent url("images/TaqWordYl2.jpg") center;
  background-size: contain;
  background-repeat: no-repeat;
}

#menubras {
  background: transparent url("images/Bras-BW.jpg") center;
  background-size: cover;
  width: 29%;
  height: 91%;
  position: fixed;
  left: 28%;
  top: 0px;
  bottom: 9%;
  overflow: hidden;
}

#menubras:hover {
  background: transparent url("images/Bras-Color.jpg") center;
  background-size: cover;
}

#footerbras {
  background: transparent url("images/BrasWordWt.jpg") center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 29%;
  height: 9%;
  position: fixed;
  left: 28%;
  top: 91%;
  bottom: 0px;
  overflow: hidden;
}

#footerbras:hover {
  background: transparent url("images/BrasWordYl.jpg") center;
  background-size: contain;
  background-repeat: no-repeat;
}

#menucafe {
  background: transparent url("images/Cafe-BW.jpg") center;
  background-size: cover;
  width: 28%;
  height: 91%;
  position: fixed;
  left: 57%;
  top: 0px;
  bottom: 9%;
  overflow: hidden;
}

#menucafe:hover {
  background: transparent url("images/Cafe-Color.jpg") center;
  background-size: cover;
  background-repeat: no-repeat;
}

#footercafe {
  background: transparent url("images/CafeWordWt.jpg") center; 
  background-size: contain;
  background-repeat: no-repeat;
  width: 28%;
  height: 9%;
  position: fixed;
  left: 57%;
  top: 91%;
  bottom: 0px;
  overflow: hidden;
}

#footercafe:hover {
  background: transparent url("images/CafeWordYl.jpg") center;
  background-size: contain;
}

#bike {
  background: transparent url("images/DeliveryBike.jpg") center;
  background-size: cover;
  width: 35%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

#octopus {
  background: transparent url("images/octopus.jpg") center;
  background-size: cover;
  width: 35%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

#artleft {
  background: transparent url("images/girl.jpg") center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 28%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0%;
  overflow: hidden;
}

#artcenter {
  background: transparent url("images/artsy.png") center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 29%;
  height: 100%;
  position: fixed;
  left: 28%;
  top: 0px;
  bottom: 0%;
  overflow: hidden;
}

#artright {
  background: transparent url("images/luchador.jpg") center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 28%;
  height: 100%;
  position: fixed;
  left: 57%;
  top: 0px;
  bottom: 0%;
  overflow: hidden;
}

#corn {
  background: transparent url("images/corn.jpg") center;
  background-size: cover;
  width: 35%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

#phone {
  background: #FFF url("images/phone.jpg") no-repeat;
  background-position: center top;
  background-size: contain;
  width: 35%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

#menuleft {
  background: transparent url("images/white.png") center;
  background-size: cover;
  width: 35%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

#contentright {
  background: #FFF url("images/white.png");
  width: 50%;
  min-height: 100%;
  position: absolute;
  left: 35%;
  top: 0px;
}

#infoleft {
  background: #FFF url("images/LocationMap.jpg") no-repeat;
  background-position: center center;
  background-size: contain;
  width: 40%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
}

#inforight {
  background: #FFF url("images/white.png");
  width: 45%;
  min-height: 100%;
  position: absolute;
  left: 40%;
  top: 0px;
}

#content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#smallheader {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

#navfooter {
  width: 58%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}

ul {
  width: 100%;
  margin-left: 0px;
  margin-right: auto;
  padding: 0;
  list-style-type: none;
  align: left;
}

.modules ul {
  margin-bottom: 0px;
}

.list_menu li {
  padding-bottom: 7px;
}

.clear {
  clear: both;
}

a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:active {text-decoration: none;} 
a:hover {text-decoration: none;}

html {
  height: 100%;
}

body {
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
  height: 100%;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  display: inline; 
}

h3 {
  font-size: 11px;
  font-weight: bold;
  color: #FF0000;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
  border: 0;
  display: inline; 
}

h2 {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 4px;
}

h1.t_menu {
  color: #231F20;
  margin-bottom: 3px;
  float: none;
  display: block;
}

h1 {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #222222;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 4px;
}