html, body { height: 100%;}
* {
  margin: 0;
  padding: 0;
  font-family: arial, sans-serif;
}
body {
  background: url(../../intro/page-bg-blur2.jpg) repeat-x;
  background-position: left center;
}

a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

#content {
  background: url(../../intro/bg5.jpg);
  width: 1000px;
  height: 750px;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  box-shadow: 0 0 10px #999;
}

#button-row, #button-row-bg {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  display: none;
}

#button-row {
  display: none;
}

#button-row-bg {    
  z-index: 10;
  /*background: url(../../intro/bg-button.jpg);*/
}

.button {
  display: inline-block;
  width: 32%;
  height: 100%;
  padding: 0;
  text-align: center;
}

.button img {
  position: relative;
  width: 100%;
  margin-top: 28px;
  z-index: 5;
}

.button img.color { 
  display: none;
}

#icon-row {
  position: absolute;
  display: none;
  bottom: -63px;
  left: 0px;
  width: 1000px;
  height: 333px;
}

.icon {
  display: block;
  width: 333px;
  height: 340px;
  position: absolute;
  top: 0;
  z-index: 5;
}

.icon img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;  
  width: 250px;
  height: auto;
}

#icon-1 img { width: 130px; }
#icon-2 img { width: 200px; }
/* #icon-3 img { width: 260px; } */

.button img:hover, .button:hover, .icon img:hover, .icon:hover {
  cursor: pointer;
}

#icon-1 {
  left: 0px;
}

#icon-2 {
  left: 667px;
}

/* #icon-3 {
  left: 667px;
} */