div.showcase {background-image: url('Dark Noise Pattern.png'); width: 80%; height: auto; max-width: 1200px; margin: 30px auto; padding: 5px;}
div.showcase h1 {color: #3465a4; width: auto; position: absolute; top: 10px; left: -5px; margin: 5px; padding: 0px 35px 2px 35px; z-index: 1; background-color: #FFA500; opacity: 1; white-space: nowrap;}
@media only screen and (max-width: 767px) {
div.showcase {background-image: url('Dark Noise Pattern.png'); width: 100%; height: auto; max-width: 1200px; margin: 0px 0px 30px 0px; padding: 65px 0px 5px 0px; overflow: hidden;}
}
div.showcase p {color: #eeeeee; width: auto; max-width: 400px; margin: 5px;}
div.showcase div.hr {width: 100%; height: 1px; background-color: #eeeeee; margin: 5px auto;}
div.showcase img {width: 100%; height: auto; margin: 0px auto;}
div.showcase img.cp {max-width: 416px;}
a.thumbnail {text-decoration: none; float: left; margin: 10px;}
a.thumbnail img {margin: 0px auto; border: 1px solid #333333; display: inline-block;}
a.thumbnail:hover img {margin: 0px; border: 1px solid #3465a4;}
div#closeButton {width: 50px; height: 50px; background-image: url('CloseButtonBG.png'); z-index: 2;}
@media only screen and (min-width: 768px) {
  div#closeButton { position: absolute; top: 5px; right: 5px;}
}
@media only screen and (max-width: 767px) {
	div#closeButton {position: fixed; top: 0px; right: 0px;}
}
div#closeButton a {width: 25px; height: 25px; position: absolute; top: 0px; right: 0px; margin: 0px; background-color: #eeeeee; transition: background-color 0.2s linear;}
div#closeButton a:hover {background-color: #cc0000;}