		.clearfix{
			display: none;
			clear: both;
		}
		.displace{
			position: absolute;
			left: -9000px;
		}
		b{
			font-weight: 700;
		}
		#top-header-wrap{
			width: 100%;
			margin: 26px auto 0 auto;
		}
		#top-header{
			width: 95%;
			max-width: 1007px;
			margin: 0 auto 0 auto;
			overflow: hidden;
		}
			#logo{
				width: 47.666%;
				max-width: 480px;
				float: left;
				margin: 10px auto 0 auto;
			}
				#logo img{
					width: 100%;
				}
			#header-info-box{
				float: left;
				width: 52.334%;
				max-width: 580px;
				text-align: right;
			}
				#phone-box{
				}
					.header-phone{
						font-family: 'Oswald', sans-serif;
						font-size: 28px;
						color: #336;
					}
				.demo-button,
				.info-button{
					width: 146px;
					height: 32px;
					display: block;
					float: right;
					margin: 20px auto 0 auto;
					background-image: url("../img/demo-button.png");

					text-align: center;
					font-family: 'Open Sans', sans-serif;
					font-size: 14px;
					line-height: 28px;
					color: #fff;
					text-decoration: none;
				}
				.demo-button.product-demo-button,
				.info-button.product-demo-button{
					float: none;
				}
				.info-button{
					background-image: url("../img/info-button.png");
				}
		#nav-bar{
			width: 100%;
			height: 45px;
			margin: 20px auto 0 auto;
			display: block;
			background-image: url("../img/nav-bg.jpg");
			background-repeat: repeat-x;
		}
			#nav-container{
				width: 95%;
				max-width: 1007px;
				margin: 0 auto 0 auto;
			}
				#nav{
					overflow: visible;
				}
					#nav>li{
						height: 45px;
						float: right;
						margin: 0;

						font-family: 'Oswald', sans-serif;
						font-size: 24px;
						line-height: 40px;
						text-transform: uppercase;

						position: relative;
						overflow: hidden;
					}
					#nav>li:hover,
					#nav>li.active{
						background-image: url("../img/nav-bg-hover.jpg");
						background-repeat: repeat-x;
						overflow: visible;
					}
						#nav>li>a{
							display: block;
							height: 45px;
							padding: 0 1em;
							text-decoration: none;
							color: #fff;
						}
						#nav>li>a:hover{
							background-image: url("../img/nav-bg-hover.jpg");
							background-repeat: repeat-x;
						}
					.nav-dropdown{
						position: absolute;
						left: 0;
						right: 0;
						top: 45px;
						width: 150%;
						margin: 0 0 0 -25%;
						/*width: 300px;*/
						background-color: #339;
						z-index: 15;

						font-family: 'Open Sans', sans-serif;
						font-size: 14px;
						text-transform: none;
						text-align: center;
					}
						.nav-dropdown a{
							display: block;
							width: 100%;
							height: 100%;
							color: #fff;
							text-decoration: none;
						}
						.nav-dropdown a:hover,
						.nav-dropdown a.active{
							background-color: #669;
						}
	#main{
		width: 100%;
		max-width: 1060px;
		margin: 0 auto 0 auto;
		padding: 0;
	}
		#front-video-wrap {
			width: 100%;
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 25px;
			height: 0;
			margin: 20px auto 40px auto;
		}
		#front-video-wrap iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		#slider-wrap{
			width: 100%;
			position: relative;
		}
			#slider-wrap img{
				width: 100%;
				height: auto;
			}
			.slider-caption{
				position: absolute;
				bottom: 3px;
				left: 0;
				padding: 10px;
				z-index: 10;

				font-family: 'Source Sans Pro', sans-serif;
				font-size: 30px;
				color: #fff;
				background-image: url("../img/footer-bg.jpg");
				background-repeat: repeat;
			}
			.ghost{
				position: relative;
				width: 100%;
				height: 100%;
			}
				.ghost img{
					width: 100%;
					height: auto;
				}
			.slide{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				
				display: none;
			}
			.slide.active{
				display: block;
				z-index: 3;
			}
			.slide.next{
				display: block;
				z-index: 2;
			}
				.slide img{
					width: 100%;
					height: auto;
				}
		#featured-products{
			width: 100%;
			margin: 0 auto 20px auto;
			overflow: auto;
			padding: 0 0 10px 0;
		}
			#featured-products li{
				width: 20%;
				margin: 20px 2.5% 0 2.5%;
				float: left;
				text-align: left;
			}
			#featured-products a{
				text-decoration: none;
			}
			#featured-products h3{
				font-family: 'Oswald', sans-serif;
				font-weight: 700;
				font-size: 18px;
				color: #336;
			}
			#featured-products img{
				margin: 5px auto 0 auto;
				width: 100%;
				height: auto;
			}
			#featured-products p{
				font-family: 'Open Sans', sans-serif;
				font-size: 12px;
				color: #336;
			}

	#footer{
		width: 100%;
		background-image: url("../img/footer-bg.jpg");
		background-repeat: repeat;
	}
		#footer-top{
			width: 100%;
			height: 48px;
			background-image: url("../img/footer-top-bg.jpg");
			background-repeat: repeat-x;
		}
			#footer ul{
				float: left;
				margin: 0 50px 0 0;
			}
				#footer-bottom{
					width: 95%;
					max-width: 1007px;
					margin: 0 auto 0 auto;
					padding: 0 0 10px 0;
					overflow: auto;
				}
				#footer li{
					margin: 5px auto 0 auto;
				}
				#footer ul h4{
					font-family: 'Oswald', sans-serif;
					font-size: 16px;
					color: #fff;
				}
				#footer ul li a{
					font-family: 'Open Sans', sans-serif;
					font-size: 12px;
					color: #ccc;
					text-decoration: none;
				}
				#footer ul li a:hover,
				#footer ul li a.active{
					color: #fff;
				}
				#footer-contact{
					margin: 20px 0 0 0;
					float: right;
					text-align: right;
					padding: 0 0 5px 0;

					font-family: 'Open Sans', sans-serif;
					font-size: 14px;
					line-height: 16px;
					color: #fff;
					overflow: auto;
				}
					.footer-contact-pane{
						float: right;
					}
					#qr-code{
						width: 80%;
						height: auto;
					}


	/*CATEGORY INDEX STYLES*/

	#cat-index-wrap,
	#product-page-wrap{
			width: 100%;
			background-color: #ccc;
			overflow: auto;
		}
			#side-nav{
				width: 20.757%;
				margin: 90px auto 0 2.358%;
				float: left;
			}
				#side-nav h3{
					font-family: 'Oswald', sans-serif;
					font-size: 26px;
					color: #096;
				}
				#side-nav h4{
					font-family: 'Oswald', sans-serif;
					font-size: 12px;
					line-height: 22px;
					color: #669;
				}
				#side-nav>ul{
					margin: 28px auto 0 auto;
				}
				#side-nav ul li{
					margin: 0 auto 0 auto;
				}
					#side-nav a{
						font-family: 'Open Sans', sans-serif;
						font-size: 12px;
						line-height: 22px;
						display: block;
						color: #669;
						text-decoration: none;
					}
					#side-nav a:hover{
						color: #336;
					}
					#side-nav a.active{
						font-weight: 700;
						color: #336;
					}
						#side-nav ul ul{
							margin: 0 auto 0 18px;
						}
			#main-right{
				height: auto;
				min-height: 628px;
				width: 75.001%;
				display: block;
				background-color: #fff;
				padding: 0 0 20px 1.887%;
				float: left;
			}
				#nav-map{
					display: block;
					margin: 20px auto 0 0.629%;

					font-family: 'Open Sans', sans-serif;
					font-size: 12px;
					color: #669;
				}
					#nav-map a{
						text-decoration: none;
						color: #669;
					}
					#nav-map a:hover{
						text-decoration: underline;
					}
					.nav-map-spacer{
						margin: 0 20px 0 20px;
					}
				#main-right h2,
				#industries-body h2,
				#applications-body h2{
					margin: 20px auto 0 auto;
					padding: 0 0 10px 0;

					font-family: 'Oswald', sans-serif;
					font-size: 46px;
					color: #336;

					border-bottom: 3px #336 solid;
				}
				#main-right h3,
				#industries-body h3,
				#applications-body h3{
					margin: 20px auto 0 auto;

					font-family: 'Oswald', sans-serif;
					font-size: 32px;
					color: #096;
				}
				#cat-index-info-wrap,
				#product-page-info-wrap{
					width: 100%;
					overflow: auto;
				}
					#info-column{
						width: 67%;
						float: left;

						font-family: 'Open Sans', sans-serif;
						font-size: 12px;
						line-height: 18px;
						color: #669;
					}
						#info-column p{
							margin: 25px auto 0 auto;
						}
						#info-column h4{
							margin: 25px auto 0 auto;

							font-family: 'Oswald', sans-serif;
							font-size: 20px;
							color: #336;
						}
						#info-column h5{
							margin: 10px auto 0 auto;
							
							font-family: 'Oswald', sans-serif;
							font-size: 16px;
							color: #336;
						}
						#info-column a{
							color: #669;
							text-decoration: none;
						}
						#info-column a:hover{
							color: #336;
							text-decoration: underline;
						}
						#cat-index-list{
							margin: 18px auto 0 auto;
							list-style: disc inside;
						}

						#cat-index-product-thumbs{
							width: 100%;
							text-align: justify;
						}
							#cat-index-product-thumbs li{
								width: 20%;
								margin: 20px 2% 0 2%;
								display: inline-block;
								text-align: center;
							}
								#cat-index-product-thumbs li a{
									font-family: 'Oswald', sans-serif;
									font-weight: 700;
									font-size: 18px;
									color: #336;
									text-decoration: none;
								}
								#cat-index-product-thumbs li a:hover{
									color: #669;
								}
								#cat-index-product-thumbs li img{
									width: 100%;
									height: auto;
									margin: 5px auto 0 auto;
								}
					#video-column{
						width: 27%;
						float: left;
						margin: 0 auto 0 3%;
					}
					.video-container{
						width: 225px;
						height: 149px;
					}
					#cij-video{
						background: url('../img/video-thumb-sample.jpg') no-repeat;
					}
						.video-thumb-overlay{
							display: block;
							height: 100%;
							background: url('../img/video-play-sprite.png') 0px 0px no-repeat;
						}
						.video-thumb-overlay:hover{
							background: url('../img/video-play-sprite.png') 0px -159px no-repeat;
						}
						#demo-box p{
							font-family: 'Open Sans', sans-serif;
							font-size: 12px;
							line-height: 18px;
							color: #669;
						}

/*CONTACT PAGE STYLES*/
body#contact-page h2{
	width: 95%;
	margin: 20px auto 0 auto;
	padding: 0 0 10px 0;

	font-family: 'Oswald', sans-serif;
	font-size: 46px;
	color: #336;

	border-bottom: 3px #336 solid;
}
#contact-top{
	width: 100%;
	display: block;
}
	#contact-form{
		width: 90%;
		margin: 0 auto 0 auto;
		display: block;
	}
		input:focus,
		textarea:focus{
			outline: none;
		}
		.text-input{
			width: 30%;
			display: block;
		}
		.contact-field{
			font-family: 'Open Sans', sans-serif;
			font-size: 14px;
			color: #669;

			margin: 10px 0 0 0;
			padding: 4px;
			border: 2px solid #336;
		}
		textarea{
			width: 60%;
			height: 150px;
			resize: none;
		}
		.form-question{
			display: block;
			margin: 10px 0 0 0;

			font-family: 'Open Sans', sans-serif;
			font-size: 12px;
			color: #669;
		}
		.captcha-input{
			width: 20%;
			display: block;
		}
		.submit-button{
			width: 10%;
			background-color: #096;
			color: #fff;
		}
#regional-box{
	width: 100%;
	display: block;
	padding: 0 0 40px 0;
	overflow: auto;
}
	.regional-column{
		width: 22%;
		margin: 20px 5% 0 5%;
		float: left;
	}
		.regional-column h3{
			font-family: 'Oswald', sans-serif;
			font-size: 26px;
			color: #096;
		}
			.staff-list{}
				.staff-list li{
					margin: 15px 0 0 0;
				}
					.staff-name{
						margin: 0 auto 0 auto;

						font-family: 'Oswald', sans-serif;
						font-size: 18px;
						color: #336;
					}
					.staff-states{
						font-family: 'Open Sans', sans-serif;
						font-size: 14px;
						color: #336;
					}
					.staff-phone{
						font-family: 'Open Sans', sans-serif;
						font-size: 14px;
						color: #336;
					}
					.staff-email{
						font-family: 'Open Sans', sans-serif;
						font-size: 14px;
						color: #336;
					}


/*PRODUCT PAGE STYLES*/

	#product-brochures{
		display: block;
		margin: 20px 0 0 0;
	}
		.product-brochure{
			display: block;
			height: 30px;
			padding: 0 0 0 35px;
			margin: 10px 0 10px 0;

			background-image: url('../img/download-file.png');
			background-repeat: no-repeat;

			font-family: 'Open Sans', sans-serif;
			font-size: 14px;
			line-height: 30px;
			vertical-align: center;
			color: #669;
			text-decoration: none;
		}
		.product-brochure:hover{
			color: #336;
			text-decoration: underline;
		}
				#product-photo-gallery{
					margin: 20px 0 0 0;
					display: block;
					overflow: auto;
				}
					#product-photo-gallery li{
						float: left;
						width: 20%;
						margin: 10px 2.5% 10px 2.5%;
						
						/*
						display: inline-block;
						height: 160px;
						margin: 15px;
						*/
					}
						#product-photo-gallery li a{
							display: block;
							width: 100%;
							/*
							display: block;
							width: 100%;
							height: 100%;
							margin: -5px;
							border: 5px solid #fff;
							*/
						}
						
						#product-photo-gallery li a:hover{
							-webkit-box-shadow:inset 0 0 10px #336;
							   -moz-box-shadow:inset 0 0 10px #336;
									box-shadow:inset 0 0 10px #336;
							/*border: 5px solid #669;*/
						}
						#product-photo-gallery li a img{
							width: 100%;
							height: auto;
						}
/*INDUSTRIES AND APPLICATIONS STYLES*/
#industries-body h2,
#applications-body h2{
	width: 95%;
	margin: 20px auto 20px auto;
}
#industries-body h3,
#applications-body h3{
	width: 90%;
}
#industries-body #cat-index-info-wrap p,
#applications-body #cat-index-info-wrap p{
	width: 90%;
	margin: 25px auto 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #669;
}
#applications-body #cat-index-info-wrap a,
#industries-body #cat-index-info-wrap a{
	text-decoration: none;
	color: #336;
}
#industries-body #cat-index-info-wrap a:hover,
#applications-body #cat-index-info-wrap a:hover{
	text-decoration: underline;
}
#industries-body #cat-index-list,
#applications-body #cat-index-list{
	width: 90%;
	list-style: disc inside;
	margin: 25px auto 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #669;
}


/*MISC FORM FORMATTING*/
#demo-top{
	width: 90%;
	margin: 20px auto 20px auto;
	overflow: auto;
}

#demo-form{
	width: 60%;
	float: left;
}
	#demo-form .text-input,
	#demo-form .captcha-input{
		width: 60%;
	}
	#demo-form textarea{
		width: 100%;
	}
#product-preview{
	float: left;
	width: 40%;
}

#demo-form .demo-for,
.form-return-message{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #669;
}
.form-return-message{
	margin: 20px auto 20px 40px;
}
#error-body #main{
	min-height: 300px;
}
#demo-page h2,
#error-body h2{
	margin: 20px auto 0 auto;
	padding: 0 0 10px 0;

	font-family: 'Oswald', sans-serif;
	font-size: 46px;
	color: #336;

	border-bottom: 3px #336 solid;
}

#front-top{
	width: 100%;
	margin: 40px auto 0 auto;
	overflow: auto;
}
	.front-top-col{
		width: 45%;
		margin: 0 2.5% 0 2.5%;
		float: left;
	}
.about-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 20px auto 0 auto;
	width: 95%;
	color: #336;
}
