body {
  background-color: #ECECEC;
}
.portfolioitem {
  display: inline;
  color: #6779b4;
  font-size: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.portfolioitem a:link, .portfolioitem a:visited {
  color: #8c9696;
  font-size: 30px;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 40px;
  text-decoration: none;
}
.portfolioitem a:hover {
  color: #000000;
  font-size: 50px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 40px;
  text-decoration: none;
  word-spacing: -5px;
}
.portfolioitem .star {
  color: #c8c8c8;
  font-size: 30px;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 40px;
}

.imagedisplayer {
  display: inline;
  position: absolute;
  visibility: hidden; /* Starting value */
  z-index: -1; /* Starting value */
}

.imagedisplayer .previmage {
  bottom: -5px;
  position: absolute;
  right: 40px;
  visibility: hidden; /* Starting value */
  z-index: -1; /* Starting value */
}

.imagedisplayer .nextimage {
  bottom: -5px;
  position: absolute;
  right: 20px;
}

.imagedisplayer .closeimage {
  bottom: -5px;
  position: absolute;
  right: 0px;
}

#contact {
  bottom: 7px;
  color: black;
  font-size: 10px;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  left: 7px;
  line-height: 15px;
  letter-spacing: 1px;
  position: absolute;
}

#contact a:hover {
  color: #f00;
  font-weight: 700;
  text-decoration: none;
}

#contact a:link {
  color: #6779b4;
  text-decoration: none;
}