@import "main.css";

.highlightImage {
	font-size:smaller;
	color:#2B0;
	text-align:center;
	margin-bottom:3em;
}

.highlightImage img {
	width:250px;
	border:1px #440 solid;
}

div#highlightImagesContainer {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
	
ul.highlightImages {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
  
}
 
ul.highlightImages li {
  float: left;
  margin: 0;
  padding: 2em 3em 2em 0;
  width: 260px;
}

li.highlightHorizontal {
  height:200px;
}

li.highlightVertical {
  height:285px;
}

li.highlightHorizontal img {
  height:188px;
}

li.highlightVertical img {
  height:274px;
}