body {
    background-image: url("Images/BG.png");
    background-repeat: repeat-x repeat-y;
	width: 900px;
	margin: auto;
}

div.img {
    margin-left: 10px;
	margin-bottom: 10px;
    border: 1px solid #DDD;
    float: left;
}

div.img:hover {
    border: 1px solid #AE4FE9;
}

div.desc {
    padding: 10px;
    text-align: center;
	font-family: helvetica;
	font-size: 14px;
}

#shadowbox {
  position: fixed;
  z-index: 10;
  text-align: center;
  visibility: hidden;
  max-width: 100%;
  max-height: 100%;
}

#shadowbox img {
  border: 1px solid #FFFFFF;
  float: center;
  max-height: 675px;
  max-width: 900px;
}

#shadowbox * {
  outline: 0; /* Disable dotted outline in Firefox */
}

#sb-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#sb-wrapper {
  position: fixed;
  visibility: hidden;
  max-height: 675px;
  max-width: 900px;
  left: 56.8%;
  top: 61%;
}

#sb-body {
	float: center;
}

#sb-content {
  background: black;
}

#sb-cover {
  position: fixed;
}

#sb-close,
#sb-next,
#sb-prev {
  position: absolute;
  display: none;
  background: url("shadowbox-icons.png") no-repeat;
  cursor: pointer;
}

#shadowbox.active #sb-close,
#shadowbox.has-next #sb-next,
#shadowbox.has-prev #sb-prev {
  display: block;
}

#sb-close {
  top: 0;
  right: 0;
  width: 60px;
  height: 40px;
  background-position: 50% 0;
  margin: -18px -30px 0 0;
}

#sb-next {
  right: 0;
  top: 50%;
  width: 60px;
  height: 46px;
  background-position: 50% -40px;
  margin: -20px -40px 0 0;
}

#sb-prev {
  left: 0;
  top: 50%;
  width: 60px;
  height: 46px;
  background-position: 50% -86px;
  margin: -20px 0 0 -37px;
}