* {
  padding: 0px;
  margin: 0px;
}
html, body {
  background-color: #000;
  background-image: url("images/background.jpg");
  background-position: center 25px;
  background-repeat: no-repeat;
  text-align: center;
}
.hidden {
  position: absolute;
  top: -1000px;
  left: -1000%;
}
a img {
  border-width: 0px;
}
a {
  outline-width: 0px;
}

/****************/
/* MENU         */
/****************/
#mainmenu {
  width: 650px;
  line-height: 0px;
}
.mleft {
  clear: left;
  float: left;
  width: 325px;
}
.mright {
  clear: right;
  float: right;
  width: 325px;
}
ul.box li a {
  display: block;
  width: 325px;
  height: 233px;
}
ul.box {
  list-style-type: none;
}
ul.box li a {
  background-position: -325px 0px;
}
ul.box li a:hover {
  background-position: 0px 0px;
}
a#products {
  background-image: url("images/menu/products.png");
}
a#homepage {
  background-image: url("images/menu/homepage.png");
}
a#news {
  background-image: url("images/menu/news.png");
}
a#faqs {
  background-image: url("images/menu/faqs.png");
}

/****************/
/* BOX          */
/****************/
#menu, #menu img {
  float: right;
  margin-top: 6px;
  width: 80px;
  height: 47px; 
}
.box {
  width: 642px;
  margin-left: auto;
  margin-right: auto;
}
.topleft {
  background-repeat: repeat-y;
} 
.top {
  margin-right: 12px; 
  height: 68px;
}
.topright {
  background-position: 8px 0px;
  margin-left: 22px;
}
.right {
  background-position: 8px 0px;
  margin-left: 22px;
}
.middle {
  margin-right: 12px;
  height: 370px;
  overflow: auto;
}
.bottomleft {
  background-repeat: repeat-y;
}
.bottom {
  margin-right: 12px;
}
.bottomright {
  background-position: 8px 0px;
  margin-left: 22px;
}

/****************/
/* FAQS         */
/****************/
#faqtopleft {
  background-image: url("images/faqs/tl.png");
}
#faqtopright {
  background-image: url("images/faqs/tr.png");
}
#faqtop {
  background-image: url("images/faqs/t.png");
}
#faqleft {
  background-image: url("images/faqs/l.png");
}
#faqright {
  background-image: url("images/faqs/r.png");
}
#faqmiddle {
  background-image: url("images/faqs/m.jpg");
  background-color: #e8e838;
}
#faqbottomleft {
  background-image: url("images/faqs/bl.png");
}
#faqbottomright {
  background-image: url("images/faqs/br.png");
}
#faqbottom {
  background-image: url("images/faqs/b.png");
}

/****************/
/* NEWS         */
/****************/
#newstopleft {
  background-image: url("images/news/tl.png");
}
#newstopright {
  background-image: url("images/news/tr.png");
}
#newstop {
  background-image: url("images/news/t.png");
}
#newsleft {
  background-image: url("images/news/l.png");
}
#newsright {
  background-image: url("images/news/r.png");
}
#newsmiddle {
  background-image: url("images/news/m.jpg");
  background-color: #284878;
}
#newsbottomleft {
  background-image: url("images/news/bl.png");
}
#newsbottomright {
  background-image: url("images/news/br.png");
}
#newsbottom {
  background-image: url("images/news/b.png");
}

/****************/
/* NEWS         */
/****************/
#productstopleft {
  background-image: url("images/products/tl.png");
}
#productstopright {
  background-image: url("images/products/tr.png");
}
#productstop {
  background-image: url("images/products/t.png");
}
#productsleft {
  background-image: url("images/products/l.png");
}
#productsright {
  background-image: url("images/products/r.png");
}
#productsmiddle {
  background-image: url("images/products/m.jpg");
  background-color: #e87808;
}
#productsbottomleft {
  background-image: url("images/products/bl.png");
}
#productsbottomright {
  background-image: url("images/products/br.png");
}
#productsbottom {
  background-image: url("images/products/b.png");
}