@charset "UTF-8";

::selection {
	background: #df2c2f;
	/* Safari */
}

::-moz-selection {
	background: #df2c2f;
	/* Firefox */
}


@media all {

	/* BODY */
	body {
		background: url(links/pattern.jpg) repeat #000;
		background-color: #000;
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		font-weight: normal;
		height: 100%;
		font-size: 16px;
		line-height: 20px;
		text-shadow: 1px 1px #000;
	}

	p {
		font-size: inherit;
		line-height: inherit;
	}

	sub,
	sup {
		font-size: 10px;
		line-height: 10px;
	}

	h1,
	h2,
	h3,
	h4,
	.headline {
		font-size: 22px;
		line-height: 28px;
		font-weight: normal;
	}

	/* HEADLINES */
	.page-title {
		font-size: 26px;
		line-height: 32px;
		border-bottom: solid 2px #df2c2f;
		margin-bottom: 35px;
		padding-bottom: 10px;
	}

	.subhead {
		font-size: 18px;
		line-height: 24px;
	}

	/* LINKS */
	a:link,
	a:visited,
	a:active {
		color: #df2c2f;
		text-decoration: none;
	}

	a:hover {
		color: #df2c2f;
		text-decoration: underline;
	}

	/* FORMATTING */
	.half {
		width: 50%;
		float: left;
	}

	.third {
		width: 33%;
		float: left;
	}

	.rotate {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		/* IE 9 */
		-webkit-transform: rotate(90deg);
		/* Opera, Chrome, and Safari */
	}

	/* HOME BANNER */
	.home-banner {
		max-width: 600px;
		margin: 0 auto;
		padding: 75px 0 0;
		text-align: center;
	}

	.home-banner-saw {
		width: auto;
		max-width: 320px;
		height: 75px;
		margin: 0 auto 16px;
		background: url(links/banner-saw.png) no-repeat center;
		background-size: 200px 75px;
		border-bottom: solid 1px #FFF;
	}

	.home-banner-1 {
		padding: 8px 0;
		letter-spacing: 4px;
		font-size: 28px;
		line-height: 28px;
		text-transform: uppercase;
	}

	.home-banner-2 {
		padding: 8px 0;
		letter-spacing: 4px;
		font-size: 28px;
		line-height: 28px;
	}

	.home-banner-3 {
		padding: 8px 0;
		font-size: 46px;
		line-height: 46px;
		font-weight: bold;
	}

	.home-banner-3 span {
		color: #df2c2f;
	}

	.home-copy {
		max-width: 640px;
		/*max-width: 520px;*/
		padding-top: 25px;
		margin: 0 auto;
		font-weight: bold;
		text-align: center;
	}

	/* BUTTONS */

	.btnnew {
		color: #FFF !important;
		text-decoration: none;
		display: inline-block;
		padding: 10px 15px;
		background-color: #df2c2f;
		z-index: 6000;
	}

	.btnnew:hover {
		background-color: #AF2123;
		text-decoration: none;
	}

	.btn a:link,
	.btn a:visited,
	.btn a:active,
	btn a:hover {
		color: #FFF;
		text-decoration: none;
		display: block;
		padding: 20px 15px;
		background-color: #000;
		z-index: 6000;
		border-top: solid 1px #333;
	}

	.btn a:hover {
		border-left: solid 5px #df2c2f;
		background-color: #111;
	}

	.btn-sm a:link,
	.btn-sm a:visited,
	.btn-sm a:active,
	btn-sm a:hover {
		color: #FFF;
		text-decoration: none;
		display: inline-block;
		padding: 10px 15px;
		background-color: #000;
		z-index: 6000;
		border-top: solid 1px #333;
	}

	.btn-sm a:hover {
		background-color: #df2c2f;
	}

	.thumb a:link,
	.thumb a:visited,
	.thumb a:active,
	thumb a:hover {
		float: left;
		border: solid 1px #000;
		background: #df2c2f;
		margin: 4px;
	}

	.thumb a:hover img {
		opacity: .75;
	}

	/* BULLETS */
	.content ul {
		padding: 10px 0 10px 20px;
		margin: 0;
	}

	.content ul li {
		padding-bottom: 10px;
	}

	.block-bullets ul,
	.block-bullets-sm ul {
		padding: 15px 0;
		margin: 0;
	}

	.block-bullets ul li,
	.block-bullets-sm ul li {
		border-top: solid 1px #333;
		padding: 15px 15px 15px 20px;
		list-style-type: none;
		background: url(links/black.png) repeat;
	}

	.block-bullets-sm ul li {
		padding: 5px 15px 5px 20px;
		font-size: 14px;
		line-height: 16px;
	}

	/* DATE */
	.date {
		text-align: center;
		float: left;
		width: 100px;
		color: #df2c2f;
	}

	.date-content {
		float: left;
		width: -moz-calc(100% - 100px);
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
	}

	/* BACKGROUND BANNER */
	.rotating-banner {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 1;
		overflow: hidden;
	}

	/* BUTTONS-TOP */
	.btn-top-right {
		text-align: right;
		width: 200px;
		margin-top: 80px;
		float: right;
		position: relative;
		z-index: 2000;
	}

	.btn-top-right ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 15px;
		line-height: 20px;
	}

	.btn-top-right li {
		color: #FFF;
		padding: 0;
		margin: 0;
		border-top: solid 1px #262626;
	}

	.btn-top-right li a:link,
	.btn-top-right li a:visited,
	.btn-top-right li a:active,
	btn-top-right li a:hover {
		color: #FFF;
		text-decoration: none;
		display: block;
		vertical-align: middle;
		padding: 20px 40px 20px 25px;
		background: url(links/btn-arrow.png) no-repeat right center #000;
		background-size: 40px 40px;
	}

	.btn-top-right li a:hover {
		background-color: #111;
	}

	.contact-top {
		font-size: 15px;
		font-weight: bold;
		width: 100%;
		height: 75px;
		position: fixed;
		z-index: 4000;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
		/* IE6-8 */
	}

	/* CONTENT */

	.wrapper {
		width: -moz-calc(100% - 500px);
		width: -webkit-calc(100% - 500px);
		width: calc(100% - 500px);
		min-height: -moz-calc(100% - 101px);
		min-height: -webkit-calc(100% - 101px);
		min-height: calc(100% - 101px);
		padding: 0 200px 0 300px;
		position: relative;
		display: block;
		z-index: 500;
	}

	.content {
		max-width: 850px;
		padding: 100px 10px;
		margin: 0 auto;
	}

	.inset-image {
		width: 400px;
		float: right;
		margin: 15px -200px 30px 15px;
	}

	.inset-image a:hover img {
		opacity: .66;
	}

	.inset-thumb {
		width: 400px;
		float: right;
		margin: 15px -200px 30px 15px;
		padding-bottom: 35px;
	}

	/* BOTTOM */
	.bottom-wrapper {
		text-align: right;
		display: block;
		position: relative;
		z-index: 2000;
		background-color: #000;
		width: 100%;
		border-top: solid 1px #262626;
	}

	.bottom-statue {
		width: 300px;
		height: 500px;
		margin-top: -400px;
		display: inline-block;
		vertical-align: bottom;
		float: none;
		background: url(links/statue.png) no-repeat right top;
		background-size: 100%;
	}

	.bottom-usa {
		width: 100px;
		height: 80px;
		display: inline-block;
		vertical-align: bottom;
		float: none;
		padding: 20px 0 0;
		margin-right: -75px;
		font-size: 12px;
		line-height: 14px;
	}

	.bottom-gotham {
		width: 250px;
		float: left;
		padding: 25px 0;
	}
}


@media all and (max-width: 1050px) {

	#hider {
		display: none;
	}

	/* BUTTONS-TOP */
	.btn-top-right {
		border-top: solid 1px #262626;
		margin-top: 110px;
		margin-left: 0;
		margin-bottom: 0;
		width: 100%;
		background: #000;
	}

	.btn-top-right ul {
		padding: 10px;
		font-size: 12px;
		line-height: 15px;
	}

	.btn-top-right li {
		display: inline-block;
		margin: 2px;
		border: solid 1px #262626;
	}

	.btn-top-right li a:link,
	.btn-top-right li a:visited,
	.btn-top-right li a:active,
	btn-top-right li a:hover {
		display: block;
		vertical-align: middle;
		padding: 10px;
		background: #000;
	}

	.btn-top-right li a:hover {
		background-color: #111;
	}

	.contact-top {
		display: none;
	}

	/* HOME BANNER */
	.home-banner {
		padding-top: 180px;
	}

	.home-copy {
		padding-bottom: 250px;
	}

	.side-ceratizit {
		display: none;
		clear: both;
	}

	/* CONTENT */
	.wrapper {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.content {
		padding-top: 200px;
		padding-bottom: 300px;
	}

	.inset-image {
		margin: 15px -10px 30px 15px;
	}

	.inset-thumb {
		width: 300px;
		margin: 15px -10px 30px 15px;
	}

	/* BOTTOM */
	.bottom-wrapper {
		text-align: center;
	}

	.bottom-statue {
		height: 400px;
		margin-top: -300px;
	}

	.bottom-gotham {
		display: block;
		float: none;
		width: 100%;
		border-top: solid 1px #262626;
		padding: 15px 0;
	}
}


@media all and (max-width: 750px) {

	.half,
	.third {
		width: 100%;
		float: none;
	}

	.date {
		text-align: left;
		width: 100%;
		float: none;
	}

	.date-content {
		width: 100%;
		float: none;
	}

	.content {
		padding-bottom: 100px;
	}

	.home-banner {
		padding-top: 130px;
	}

	.home-copy {
		padding-bottom: 100px;
	}

	.inset-image {
		width: 200px;
	}

	.inset-thumb {
		width: 100%;
		margin: 0 auto;
	}

	.bottom-statue {
		width: 125px;
		height: 175px;
		margin-top: -75px;
	}

	.bottom-usa {
		margin-right: -25px;
	}

	.rotating-banner {
		display: none;
	}
}


@media all and (max-width: 450px) {
	.inset-image {
		width: 120px;
	}

	.inset-image a {
		font-size: 10px;
		line-height: 14px;
	}
}


/* ANIMATIONS */
@keyframes fade-in {
	from {
		top: 400px;
		opacity: 0;
	}

	to {
		top: 0;
		opacity: 1.0;
	}
}

@-webkit-keyframes fade-in {
	from {
		top: 400px;
		opacity: 0;
	}

	to {
		top: 0;
		opacity: 1.0;
	}
}

@keyframes strobe {
	from {
		opacity: .25;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes strobe {
	from {
		opacity: .25;
	}

	to {
		opacity: 1;
	}
}