body {
  background-image: url("images/site/techbackground-gray.gif");
}

a:link {
  color: #0000ff;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #0000ff;
}
a:hover {
  text-decoration: underline;
  color: #ff0000;
}
a:active {
  text-decoration: none;
  color: #0000ff;
}

.td_styl1 {
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-color: black;
  text-align: center;
}
.style2 {
  color: #666666;
  font-size: 12px;
}
.style13 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  width: 100%;
}
.style14 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.style15 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.style16 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.style19 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.style20 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style21 {
  color: #000000;
}

#gallery {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 500px;
  margin: auto;
}

#presented-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  height: 400px;
}
#presented-image-container img {
  max-height: 80%;
}

.carousel-container {
  display: flex;
  align-items: center;
  width: 90%;
  margin: auto;
}

.carousel {
  display: flex;
  flex: 1;
  justify-content: center;
}
.carousel img {
  margin: 5px;
  max-height: 100px;
}

.selected-image {
  outline: 2px solid blue;
  outline-offset: 2px;
}

/* .triangle-right {
  margin-right: 20px;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid #555;
	border-bottom: 25px solid transparent;
}

.triangle-left {
  margin-left: 20px;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 50px solid #555;
	border-bottom: 25px solid transparent;
} */

.carousel-arrow {
  width: 50px;
  cursor: pointer;
}