/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	position: relative;
	background: url("../image/bg-body.png");
	font-size: 62.5%;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	-webkit-text-shadow: none;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	-webkit-text-shadow: none;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

a {
}


	a:hover,
	a:active {
	}

#header {
	position: relative;
	margin: 0 auto;
	padding: 4em 0 7em;
	width: 960px;
	overflow: hidden;
	z-index: 200;
}

	#header:before {
		content: "";
		position: absolute;
		left: -100px;
		top: -100px;
		right: -100px;
		bottom: 40px;
		background: url("../image/bg-header.png") center top repeat-y;
		-moz-transform: rotate(-1.5deg);
		-ms-transform: rotate(-1.5deg);
		-o-transform: rotate(-1.5deg);
		-webkit-transform: rotate(-1.5deg);
		transform: rotate(-1.5deg);
		z-index: -1;
	}

	#header h1 {
		position: absolute;
		left: 40px;
		top: 0px;
		margin: 0;
		padding: 0;
	}

	#header nav {
		float: right;
		padding: 0 2%;
		width: 68%;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, Geneva, sans-serif;
		font-size: 1.3em;
		font-weight: bold;
		text-align: justify;
		-ms-text-justify: distribute-all-lines;
		text-justify: distribute-all-lines;
		text-transform: uppercase;
		letter-spacing: .05em;
	}

		#header nav ul {
			margin: 0;
			padding: 0;
		}

			#header nav ul li {
				display: inline-block;
				margin: 0;
				padding: 0 1em;
			}

				#header nav ul li.active {
					border-radius: 2px;
					background: rgb(206, 0, 0); /* Old browsers */
					/* IE9 SVG, needs conditional override of 'filter' to 'none' */
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzU2MTcxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top, rgb(206, 0, 0) 0%, rgb(86, 23, 23) 91%, rgb(206, 0, 0) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(206, 0, 0)), color-stop(91%,rgb(86, 23, 23)), color-stop(100%,rgb(206, 0, 0))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* IE10+ */
					background: linear-gradient(to bottom, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(206, 0, 0)', endColorstr='rgb(206, 0, 0)',GradientType=0 ); /* IE6-8 */
					-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
					box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
				}

.gt-ie8 #header nav ul li.active {
	filter: none;
}

#header nav ul li.active a:link,
#header nav ul li.active a:visited {
	color: rgb(255, 255, 255);
}

#header nav ul li a {
	display: inline-block;
	padding: .5em 0;
	text-decoration: none;
}

	#header nav ul li a:link,
	#header nav ul li a:visited {
		color: rgb(185, 185, 185);
	}

	#header nav ul li a:hover,
	#header nav ul li a:active {
		color: rgb(255, 255, 255);
	}

#header nav ul:after {
	content: '';
	display: inline-block;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

form[name="form1"] {
    margin-left: -65px;
}

#main {
	position: relative;
	margin-top: -52px;
	color: rgb(102, 102, 102);
	overflow: hidden;
}

	#main:before {
		content: "";
		position: absolute;
		right: -20%;
		bottom: -20%;
		top: 471px;
		left: -10%;
		background: rgb(32, 31, 33);
		-moz-transform: rotate(2.5deg);
		-ms-transform: rotate(2.5deg);
		-o-transform: rotate(2.5deg);
		-webkit-transform: rotate(2.5deg);
		transform: rotate(2.5deg);
		z-index: -1;
	}

	#main > article {
		position: relative;
		margin: 0 auto;
		padding: 0 0 0 0;
		width: 960px;
		background: rgb(255, 255, 255);
		border-top: 10px solid rgb(153, 0, 0);
		z-index: 20;
	}

		.home #main > article {
			background: url("../image/bg-article.png") left top repeat;
		}

		#main > article aside {
			float: left;
			padding: 2em 0% 2em 10%;
			width: 53%;
		}

		#main > article.standard {
			padding-top: 10em;
			border-top: none;
			overflow: hidden;
		}

			#main > article.standard:before {
				content: "";
				position: absolute;
				right: -20%;
				top: -28px;
				left: -10%;
				height: 100px;
				background: rgb(0, 0, 0);
				border-bottom: 10px solid rgb(153, 0, 0);
				-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
				box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
				-moz-transform: rotate(2.5deg);
				-ms-transform: rotate(2.5deg);
				-o-transform: rotate(2.5deg);
				-webkit-transform: rotate(2.5deg);
				transform: rotate(2.5deg);
				z-index: 1;
			}

		#main > article.industry {
			border-top: none;
		}

			#main > article.industry header {
				position: relative;
				display: block;
				margin: 0;
				padding: 0 0 6em 0;
				border-bottom: 6px solid rgb(91, 22, 21);
				overflow: hidden;
				z-index: 10;
			}

				#main > article.industry header:before {
					content: "";
					position: absolute;
					left: 7%;
					top: 0;
					bottom: 0;
					width: 4px;
					background: rgba(255, 255, 255, .25);
					overflow: hidden;
					z-index: 200;
				}

				#main > article.industry header:after {
					content: "";
					position: absolute;
					left: -25%;
					right: -25%;
					bottom: -14%;
					height: 14em;
					background: url("../image/bg-noise-dark.png") left top repeat;
					-moz-transform: rotate(2.5deg);
					-ms-transform: rotate(2.5deg);
					-o-transform: rotate(2.5deg);
					-webkit-transform: rotate(2.5deg);
					transform: rotate(2.5deg);
					z-index: 6;
				}

				#main > article.industry header h1 {
					margin-bottom: 0;
				}

				#main > article.industry header ul.certifications {
					position: absolute;
					bottom: 4%;
					right: 2%;
					margin: 0;
					padding: 0;
					list-style: none;
					z-index: 10;
				}

					#main > article.industry header ul.certifications li {
						display: inline-block;
						margin: 0 1em;
						padding: 0;
					}

				#main > article.industry header section {
					position: relative;
					float: left;
					padding: 5em 10% 1em;
					width: 56%;
					color: rgb(255, 255, 255);
					overflow: hidden;
					z-index: 10;
				}

					#main > article.industry header section:after {
						content: "";
						position: absolute;
						left: -20%;
						top: -20%;
						right: 8%;
						bottom: -20%;
						background: rgb(0, 0, 0);
						-webkit-box-shadow: 4px 0 6px rgba(0, 0, 0, .15);
						box-shadow: 4px 0 6px rgba(0, 0, 0, .15);
						-moz-transform: rotate(9.5deg);
						-ms-transform: rotate(9.5deg);
						-o-transform: rotate(9.5deg);
						-webkit-transform: rotate(9.5deg);
						transform: rotate(9.5deg);
						z-index: -1;
					}

				#main > article.industry header nav {
					position: relative;
					clear: left;
					float: left;
					padding: 1em 4% 1em 10%;
					width: 35%;
					color: rgb(255, 255, 255);
					overflow: hidden;
					z-index: 10;
				}

					#main > article.industry header nav:after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
						background: rgb(131,8,7); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzMDgwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top, rgb(131,8,7) 0%, rgb(153,0,0) 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(131,8,7)), color-stop(100%,rgb(153,0,0))); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top, rgb(131,8,7) 0%,rgb(153,0,0) 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top, rgb(131,8,7) 0%,rgb(153,0,0) 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top, rgb(131,8,7) 0%,rgb(153,0,0) 100%); /* IE10+ */
						background: linear-gradient(to bottom, rgb(131,8,7) 0%,rgb(153,0,0) 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#830807', endColorstr='#990000',GradientType=0 ); /* IE6-8 */
						-webkit-box-shadow: 4px 0 6px rgba(0, 0, 0, .15);
						box-shadow: 4px 0 6px rgba(0, 0, 0, .15);
						z-index: -1;
					}

						.gt-ie8 #main > article.industry header nav:after {
							filter: none;
						}

					#main > article.industry header nav:before {
						content: "";
						position: absolute;
						left: 19.8%;
						top: 0;
						bottom: 0;
						width: 4px;
						background: rgb(255, 255, 255);
						overflow: hidden;
						z-index: 20;
					}

					#main > article.industry header nav h2 {
						font-size: 1.4em;
					}

					#main > article.industry header nav ul {
						margin: 0;
						padding: 0;
						font-size: 1.4em;
						text-transform: uppercase;
					}

						#main > article.industry header nav ul li {
							position: relative;
							margin: .5em 0;
							padding: 0;
						}

							#main > article.industry header nav ul li.active {

							}

								#main > article.industry header nav ul li.active:before {
									content: "";
									position: absolute;
									left: -14%;
									top: 50%;
									margin-top: -6px;
									border-top: 6px solid transparent;
									border-left: 14px solid rgb(255, 255, 255);
									border-bottom: 6px solid transparent;
								}

								#main > article.industry header nav ul li.active a:link,
								#main > article.industry header nav ul li.active a:visited {
									opacity: 1;
								}

							#main > article.industry header nav ul li a {
								text-decoration: none;
							}

								#main > article.industry header nav ul li a:link,
								#main > article.industry header nav ul li a:visited {
									color: rgb(255, 255, 255);
									opacity: .5;
								}

								#main > article.industry header nav ul li a:hover,
								#main > article.industry header nav ul li a:active {
									opacity: 1;
								}

			#main > article.industry header figure {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				overflow: hidden;
				z-index: 5;
			}

				#main > article.industry header figure img {
					position: absolute;
					right: 0;
					bottom: 0;
				}

				#main > article.industry header figure figcaption {
					position: relative;
					float: left;
					padding: 26% 10% 4% 37%;
					width: 66%;
					height: 100%;
					font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, Geneva, sans-serif;
					font-size: 1.4em;
					text-align: center;
					text-shadow: 1px 1px 1px rgb(255, 255, 255);
					text-transform: uppercase;
					color: rgb(153, 153, 153);
					z-index: 5;
				}

					#main > article.industry header figure figcaption:before {
						content: "";
						position: absolute;
						left: -20%;
						top: -20%;
						right: 8%;
						bottom: -20%;
						background: url("../image/bg-article.png") left top repeat;
						-webkit-box-shadow: 4px 0 6px rgba(0, 0, 0, .15);
						box-shadow: 4px 0 6px rgba(0, 0, 0, .15);
						-moz-transform: rotate(9.5deg);
						-ms-transform: rotate(9.5deg);
						-o-transform: rotate(9.5deg);
						-webkit-transform: rotate(9.5deg);
						transform: rotate(9.5deg);
						z-index: -1;
					}

					#main > article.industry header figure figcaption:after {
						content: "";
						position: absolute;
						top: -20%;
						right: 6%;
						left: 90%;
						bottom: -20%;
						background: rgb(85,24,23); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1MTgxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top, rgb(85,24,23) 0%, rgb(153,0,0) 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(85,24,23)), color-stop(100%,rgb(153,0,0))); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top, rgb(85,24,23) 0%,rgb(153,0,0) 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top, rgb(85,24,23) 0%,rgb(153,0,0) 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top, rgb(85,24,23) 0%,rgb(153,0,0) 100%); /* IE10+ */
						background: linear-gradient(to bottom, rgb(85,24,23) 0%,rgb(153,0,0) 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#551817', endColorstr='#990000',GradientType=0 ); /* IE6-8 */
						-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
						box-shadow: 0 0 6px rgba(0, 0, 0, .15);
						-moz-transform: rotate(9.5deg);
						-ms-transform: rotate(9.5deg);
						-o-transform: rotate(9.5deg);
						-webkit-transform: rotate(9.5deg);
						transform: rotate(9.5deg);
						z-index: 5;
					}

						.gt-ie8 #main > article.industry header figure figcaption:after {
							filter: none;
						}

						#main > article.industry header figure figcaption strong {
							display: block;
							margin-bottom: .2em;
							font-size: 2em;
							line-height: 1em;
							color: rgb(51, 51, 51);
						}

#main a {

}

	a:link,
	a:visited {
		text-decoration: underline;
		color: rgb(102, 102, 102);
	}

	#main a:hover,
	#main a:active {
		color: rgb(153, 0, 0);
	}

#main h1 {
	margin: 0 0 1em 0;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, Geneva, sans-serif;
	font-size: 4em;
	text-transform: uppercase;
	-webkit-text-shadow: 0 2px 1px rgba(0, 0, 0, .5);
	text-shadow: 0 2px 1px rgba(0, 0, 0, .5);
}

	#main h1.callToAction {
		padding: 0 .15em;
		border-radius: 2px;
		background: rgb(206, 0, 0); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzU2MTcxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgb(206, 0, 0) 0%, rgb(86, 23, 23) 91%, rgb(206, 0, 0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(206, 0, 0)), color-stop(91%,rgb(86, 23, 23)), color-stop(100%,rgb(206, 0, 0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* W3C */
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
		box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
		font-size: 6em;
		line-height: 1.1em;
	}

		.lt-ie9 #main h1.callToAction {
			background: rgb(206, 0, 0);
		}

		#main h1.callToAction a,
		#main h1.callToAction a:active,
		#main h1.callToAction a:visited {
			color: rgb(255,255,255);
			text-decoration: none;
		}

			#main h1.callToAction a:hover {
				-webkit-text-shadow: 3px 4px 3px rgb(75,55,55);
				text-shadow: 3px 4px 3px rgb(75,55,55);
			}

#main h2 {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0 0 .25em 0;
	border-bottom: 1px solid rgb(204, 204, 204);
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.9em;
	line-height: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-text-shadow: 0 1px 0 rgba(85, 85, 85, .25);
	text-shadow: 0 1px 0 rgba(85, 85, 85, .25);
}

	#main h2:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -2px;
		height: 1px;
		background: rgb(255, 255, 255);
		overflow: hidden;
	}

#main h3 {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0 0 .25em 0;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: bold;
	-webkit-text-shadow: 0 1px 0 rgba(85, 85, 85, .25);
	text-shadow: 0 1px 0 rgba(85, 85, 85, .25);
}

#main img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
}

	#main img.left {
		float: left;
		margin: 0 1em 1em 0;
	}

	#main img.right {
		float: left;
		margin: 0 0 1em 1em;
	}

#main p {
	margin: 0 0 1em 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
}

	#main p.callToAction {
		padding: 0 .25em;
		background: rgb(32, 31, 33);
		border-radius: 2px;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, Geneva, sans-serif;
		font-size: 2em;
		letter-spacing: .05em;
		text-transform: uppercase;
	}

#main ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
}

	#main ul li {

	}

#main ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
}

	#main ol li {

	}

#main figure.client {
	position: relative;
	display: inline-block;
	padding: 0 2%;
	opacity: .75;
}

	#main figure.client:hover {
		opacity: 1;
	}

		#main figure.client:hover figcaption {
			left: 50%;
		}

	#main figure.client figcaption {
		position: absolute;
		top: -40px;
		left: -999em;
		margin-left: -100px;
		padding: .5em 0 0 0;
		width: 200px;
		background: rgb(32, 31, 33);
		border-radius: 4px;
		text-align: center;
		color: rgb(255, 255, 255);
	}

		#main figure.client figcaption:after {
			content: "";
			position: absolute;
			bottom: -4px;
			left: 50%;
			margin-left: -4px;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
			border-top: 4px solid rgb(32, 31, 33);
		}

		#main figure.client figcaption p {
			margin: 0;
			padding-bottom: .5em;
		}

#main section.breakout {
}

#main section.carousel {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 548px;
	background: rgb(0, 0, 0);
}

	#main section.carousel menu {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		padding: .7em 2%;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, Geneva, sans-serif;
		font-size: 2em;
		font-weight: bold;
		z-index: 500;
	}

		#main section.carousel menu a {
			padding: .2em .625em;
			background: rgb(192, 193, 194);
			border-radius: 50%;
			text-decoration: none;
		}

			#main section.carousel menu a:link,
			#main section.carousel menu a:visited {
				color: rgb(1, 4, 11);
				opacity: .7;
			}

			#main section.carousel menu a:hover,
			#main section.carousel menu a:active {
				opacity: 1;
			}

			#main section.carousel menu a.previous {
				float: left;
			}

			#main section.carousel menu a.next {
				float: right;
			}

	#main section.carousel figure {
		position: absolute;
		color: rgb(255, 255, 255);
	}

		#main section.carousel figure:before {
			content: "";
			position: absolute;
			right: -20%;
			bottom: -20%;
			top: 470px;
			left: -10%;
			background: rgba(32, 31, 33, .75);
			-moz-transform: rotate(2.5deg);
			-ms-transform: rotate(2.5deg);
			-o-transform: rotate(2.5deg);
			-webkit-transform: rotate(2.5deg);
			transform: rotate(2.5deg);
			z-index: 1;
		}

		#main section.carousel figure figcaption {
			position: absolute;
			top: 440px;
			padding: 5em 4% 1em 10%;
			width: 46%;
			height: 280px;
			overflow: hidden;
			z-index: 100;
		}

			#main section.carousel figure figcaption:before {
				content: "";
				position: absolute;
				right: 3%;
				bottom: -20px;
				top: 16px;
				left: -10%;
				background: rgb(0, 0, 0);
				-webkit-box-shadow: 4px 0 10px rgba(0, 0, 0, 0.5);
				box-shadow: 4px 0 10px rgba(0, 0, 0, 0.5);
				-moz-transform: rotate(2.5deg);
				-ms-transform: rotate(2.5deg);
				-o-transform: rotate(2.5deg);
				-webkit-transform: rotate(2.5deg);
				transform: rotate(2.5deg);
				z-index: -1;
			}

			#main section.carousel figure figcaption h2 {
				margin-bottom: .25em;
				border: none;
				color: rgb(255, 255, 255);
			}

				#main section.carousel figure figcaption h2:after {
					display: none;
				}

article.home {
}

	article.home h1.callToAction {
		position: absolute;
		top: -500px;
		right: 2%;
		color: rgb(255, 255, 255);
		z-index: 500;
	}

	article.home p.callToAction {
		position: absolute;
		top: -426px;
		right: 2%;
		color: rgb(255, 255, 255);
		z-index: 500;
	}
	#main article.home .callout.alt img{
		margin: 0 30px;
	}
section.callout {
	float: right;
	padding: 2em 2%;
	width: 21%;
}

	.industry section.callout {
		float: left;
		width: 23%;
	}

	section.callout.alt {
		float: left;
		padding-left: 10%;
		width: 45%;
	}

		section.callout.alt + section.callout {
			padding-right: 10%;
			width: 29%;
		}

			.industry section.callout.alt + section.callout {
				padding-left: 10%;
				padding-right: 2%;
				width: 31%;
			}

		.home section.callout.alt {
			padding-top: 180px;
		}

		.industry section.callout.alt {
			float: right;
			padding-left: 2%;
			padding-right: 10%;
			width: 46%;
		}

		section.callout.alt ul {
			text-align: center;
			text-transform: uppercase;
			list-style: none;
		}

		section.callout.alt h2 {
			background: -webkit-linear-gradient(top, rgb(164, 8, 8) 0, rgb(116, 18, 17) 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			color: rgb(116, 18, 17);
		}

section.clients {
	clear: both;
	padding: 1em 10% 2em;
	width: 100%;
	text-align: center;
}
	section.clients a {
		text-decoration: none;
	}
	section.clients figure{
		display: inline-block;
		width: 24%;
		padding: 10px;
	}
section.primary {
	position: relative;
	top: -40px;
	float: right;
	margin: -50px 10% 0 4%;
	padding: 1em 4% 3em;
	width: 33%;
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	overflow: hidden;
	z-index: 100;
}

	section.primary:after {
		content: "";
		position: absolute;
		right: -10%;
		bottom: -10px;
		left: -10%;
		height: 20px;
		background: rgb(255, 255, 255);
		-moz-transform: rotate(-2.5deg);
		-ms-transform: rotate(-2.5deg);
		-o-transform: rotate(-2.5deg);
		-webkit-transform: rotate(-2.5deg);
		transform: rotate(-2.5deg);
		z-index: -1;
	}

	#main section.primary h1 {
		margin: 1em 0 .5em 0;
	}
    
        section.primary a,
        section.primary a:link,
        section.primary a:visited {
	        color: rgb(210,210,210);
        }
		
        #main section.primary a:hover,
        #main section.primary a:active {
	        color: #dc0e0e;
        }

	#header nav ul li.requestQuote{
		position: absolute;
		top: 50px;
		right: 24px;
		display: inline-block;
		margin: 32px 0 10px 0;
		padding: .2em 1em;
		border-radius: 2px;
		background: rgb(206, 0, 0); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzU2MTcxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgb(206, 0, 0) 0%, rgb(86, 23, 23) 91%, rgb(206, 0, 0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(206, 0, 0)), color-stop(91%,rgb(86, 23, 23)), color-stop(100%,rgb(206, 0, 0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgb(206, 0, 0) 0%,rgb(86, 23, 23) 91%,rgb(206, 0, 0) 100%); /* W3C */
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
		box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
	}
		#header nav ul li a.requestQuote__link{
			color: #eee;
		font-size: 1.8em;
		line-height: 1.1em;
		text-decoration: none;
		text-shadow: 0 2px 1px rgba(0, 0, 0, .5);
		}
		#header nav ul li.requestQuote:hover a {
			color: #fff;
			-webkit-text-shadow: 3px 3px 3px rgb(75,55,55);
			text-shadow: 3px 3px 3px rgb(75,55,55);
		}

#footer {
	margin: 0 auto;
	padding: 1em 4%;
	width: 960px;
	background: rgb(32, 31, 33);
	text-align: right;
	color: rgb(255, 255, 255);
}

	#footer p {
		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 1.1em;
		line-height: .75;
		text-transform: uppercase;
	}

	.footer__contact {
		float: left;
		width: 50%;
		text-align: left;		
	}
	
	.footer__contact a,
	.footer__contact a:link,
	.footer__contact a:visited {
		color: white;
		text-decoration: none;
	}
	
	.footer__contact p:first-child {
		font-size: 1.3em!important;
		font-weight: bold;
		color: #dc0e0e;
	}
	
	.footer__contact p,
	.footer__contact .fax-link,
	.footer__contact .fax-link:link,
	.footer__contact .fax-link:visited {
		color: #c0c0c0;
	}











/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		-webkit-text-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

		a[href]:after {
			content: " (" attr(href) ")";
		}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links for images, or javascript/internal links
     */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}