html {
  background: #081822;
  margin:0 auto;
}
body {
  margin:0 auto;
  text-align:center;
  font-family: verdana, arial, serif;
}
a {
	text-decoration: none;
	color: #FFF;
}
.galleryHead {
	width:100%;
	display:inline-block;
	padding-top: 1%;
	text-align:center;
}
.container {
	max-width:1280px;
	margin:0 auto;
}
.col-3 {
	display:inherit;
	width:32.9%;
	vertical-align:middle;
}
img.logo {
	width:100%;
	max-width:311px;
}
h1.head {
	color:#8bdcff;
	margin:0px;
	font-size:1.3em;
}
.topBtn {
    background: #ec5900; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ec5900, #cc3b00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ec5900, #cc3b00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ec5900, #cc3b00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ec5900, #cc3b00); /* Standard syntax */
	border:0;
	padding:10px;
	font-size:1.5em;
	border-radius:2px;
	color:#fff;
	font-weight:normal;
	cursor: pointer;
}
.gallery .row img {
	width:18.5%;
	margin: 4px;
	border: solid 1px #FFF;
}
h1.galleryTxt {
	margin:0;
	color:#fff;
}
span.orange {
	color:#ff8a00;
}
.larger {
	font-size:3.27em;
	border-radius:8px;
	margin-bottom:4%;
	margin-top:1.5%;
}
.footer {
	text-align:center;
	width:100%;
	height:100%;
	background-color:#061118;
	color: #FFF;
}
.jPad {
	padding-bottom: 12px;
}
.footTxt {
	margin:0 auto;
	max-width:1280px;
	padding-top:1%;
	color:#fff;
	font-size:1.3em;
}
h1.action {
	font-size:2.4em;
	color:#3db2f5;
	text-decoration:underline
}
.row {
	width:100%;
	display:inline-block;
}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0;}
.picture {text-align:center;position:relative;z-index:1}
.picture IMG {border:1px solid #fff;max-width:1100px;max-height:680px}
.nav_left {position:absolute;top:100px;left:0;z-index:3;border:0}
.nav_right {position:absolute;top:100px;right:0;z-index:2;border:0}
.exo_container {width:60%;}
.imt_container {margin: 0 auto;padding-left:3px;width:1145px;text-align:center;}
.imt_container ul {list-style: none;padding:0;}
.imt_container li {float: left;}
.imt {overflow:hidden;text-align:center;position:relative;}
.imt IMG {border:1px solid #000;padding:1px;margin:0;background-color:#fff;width:159px;height:212px;}
.imt a {color: #FC7;}
.imt a:hover {color: #fff;}
.imt a:hover IMG {border:1px solid #fff;background-color:#000;}
.imt span {height: 25px;width: 100%;position: absolute;left: 2px;bottom: 0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: normal;font-size: 15px;line-height:18px;letter-spacing: -1px;background-image: url(//imilf.net/shader.png);display: block;overflow: hidden;}
.tpt {width:151px;overflow:hidden;text-align:center;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: normal;font-size: 15px;line-height:22px;letter-spacing: -1px;background-image: url(//imilf.net/shader.png);float:left}

@media screen and (max-width: 1000px) {
.picture IMG {height:auto;width:65%;}
.imt_container {width:95%}
}

@media screen and (max-width: 760px) {
.picture IMG {height:auto;width:75%;}
.gallery .row img {margin: 2px;}
.topBtn {display:none}
.logo {display:none}
}

@media screen and (max-width: 530px) {
.picture IMG {height:auto;width:100%;}
.gallery .row img {width: 47.5%;margin: .7%;}
.nav_left img, .nav_right img {width:50px}
}