/* sitewide CSS */

html, body {
	font-family: Arial, sans-serif;	
	color: #4a4a4a;
}

html {
	background-color: #4a4a4a;
}

/* fix for IE8 and earlier */
a > img {
	border: none;	
}

sup {
	/*vertical-align: super;*/
	font-size: 65%;
}

.bold {
	font-weight: bold;	
}

.lowercase {
	text-transform: lowercase;	
}

.toggle_case {
	text-transform: capitalize;	
}

.middle_align {
	width: 980px;
	position: relative;
	margin: 0px auto;	
	background-color: transparent;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

img.right {
	margin-left: 10px;
	margin-bottom: 10px;	
}

.clear_float {
	clear: both;	
}

.underline {
	text-decoration: underline;	
}

.picture_row img {
	display: inline-block;
	margin-left: 5px;
}

.picture_row img:first-child {
	margin-left: 0;
}

header {
	height: 197px;	
	position: relative;
	
	background-image: url('/images/header/header_bg.jpg');
	background-repeat: no-repeat;
	background-color: white;
}

	#header_top_right {
		width: 400px;	
		position: absolute;
		right: 30px;
		top: 16px;
		text-align: right;
	}

		#header_top_right > * {
			display: block;
			float: right;	
			padding-left: 20px;
		}

		#header_social_media img {
			float: left;	
		}

			#facebook {
				margin-left: 3px;	 /*36*/
			}
		
			#twitter {
				display: none;	
			}

		#header_phone {
			margin-top: 2px;
			font-size: 26px;
			color: #bcbec0;	
		}
		
		#header_flag {
			margin-top: 6px;	
		}
	
	#header_logo {
		position: absolute;
		top: 34px;
		left: 80px;	
		cursor: pointer;
	}
	
	#header_tagline {
		position: absolute;
		top: 105px;
		left: 380px;
		color: #4a4a4a;	
	}
	
		#header_tagline > h2 {
			margin: 0px;
			font-size: 28px;
			font-weight: normal;	
		}
	
	#header_navigation {
		width: 100%;	
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	
		#header_navigation > ul {
			height: 33px;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			
			position: absolute;
			bottom: 0px;
			left: 80px;
		}

			#header_navigation > ul > li {
				height: 100%;
				float: left;
				text-align: center;
				margin-left: 1px;
				cursor: pointer;
			}
			
			#header_navigation > ul > li:first-child {
				margin-left: 0px;	
			}
			
			#header_navigation > ul > li:hover, #header_navigation > ul > li.current {
				background-color: #0077c0;	
				background-image: url('/images/header/current_nav_bg.png');
				background-repeat: repeat-x;
				background-position: bottom left;
			}
			
				#header_navigation > ul > li:hover > a, #header_navigation > ul > li.current > a {
					color: white;
				}

				#header_navigation > ul > li > a {
					display: inline-block;
					
					width: 100%;	
					
					padding: 6px 0px;
					
					color: #4a4a4a;
					text-transform: uppercase;
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
					
					border-right: 1px solid #d6d6d6;
					
					cursor: pointer;
				}
													
				#link_home {
					width: 31px;
					padding-right: 15px;
					text-align: right !important;	
					background-color: #bebebe;
				}
				
					#link_home a {
						border-right: none !important;	
					}
				
				#link_products {
					width: 101px;	
				}
				
				#link_capability {
					width: 110px;	
				}
				
				#link_facility {
					width: 90px;	
				}
				
				#link_history {
					width: 92px;	
				}
				
				#link_contact {
					width: 95px;	
				}
				
					#link_contact a {
						border-right: none !important;	
					}
					
	#sales_link {
	position: absolute;
	bottom: 8px;
	right: 5px;
	text-align: right;
	width: 330px;
	}
	
		#sales_link a {
			font-size: 20px;
			font-weight: bold;
			color: #0077c0;	
		}
				
#middle_wrapper {
	width: 100%;
	height: 880px;
	position: relative;
	margin: 0px;
	padding: 0px;
	background-color: #333;
	background-image: url('/images/main/main_bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;	
}

	#middle_wrapper > .middle_align {
		height: 880px;
		background-image: url('/images/main/rail_repeat.png');
		background-repeat: repeat-x;
		background-position: top left;	
	}

#main_content_wrapper {
	display: none;
	
	width: 980px;
	height: 880px;
	position: absolute;
	top: 0px;
	left: 0px;
}

	#main_content {
		width: 678px;
		height: 880px;
		position: absolute;
		top: 0px;
		left: 67px;
		display: block;
		background-image: url('/images/main/main_content_bg.png');
		background-repeat: no-repeat;
		background-position: top left;
		background-color: transparent;	
	}
			
			#slide_left {
				position: absolute;	
				top: 442px;
				left: 15px;
				
				cursor: pointer;
			}
			
			#slide_right {
				position: absolute;	
				top: 442px;
				left: 643px;
				
				cursor: pointer;
			}
			
				#page_content {
					/*position: absolute;
					bottom: 0px;
					left: 57px;*/
					width: 460px;
					height: 820px;
					margin: 60px 0 0 57px;
					padding: 0px 60px 0px 40px;
					overflow-y: auto;
				}
				
					#page_content a {
						color: black;
						text-decoration: underline;	
					}
					
					#page_content > h1 {
						margin: 0px;
						font-size: 40px;
						line-height: 36px;
						color: #0077c0;
						text-shadow: -3px 3px 3px rgba(0,0,0,.2);	
						text-transform: uppercase;
					}
				
					#page_content > h2 {
						margin: 15px 0px 0px;
						font-size: 20px;
						color: #a3a3a3;
						text-transform: uppercase;
					}
					
					#page_content .bottom_margin {
						margin-bottom: 20px;	
					}
					
					#page_content .top_margin_plus {
						margin-top: 40px;
					}
					
					#page_content p {
						font-size: 14px;
						line-height: 22px;
					}
					
					#page_content p.first {
						margin-top: 0px;	
					}
				
					#page_content p.last {
						margin-bottom: 0px;	
					}
				
					#page_content ul {
						list-style-type: none;
						padding: 0 0 0 30px;
						margin: 6px 0 40px;	
					}
					
					#page_content ul.short_bottom_margin {
						margin-bottom: 20px;	
					}
					
					#page_content li {
						margin-left: 15px;
						text-indent: -15px;
						font-size: 14px;
						line-height: 22px;	
					}

					.body_float_right {
						float: right;
						width: 186px;
						text-align: right;
						margin-top: 4px;
					}
		
						.body_float_right > img {
							margin: 15px 0px;	
						}
						
						.body_float_right > img:first-child {
							margin-top: 0px;	
						}
						
					.video_drawer {
						width: 249px;
						height: 332px;
						background-image: url('/images/main/video_drawer.png');
						background-repeat: no-repeat;
						
						position: absolute;
						bottom: 0px;
						right: -235px;	
						
						text-align: center;
						color: #4a4a4a;
					}
					
					.video_drawer a {
						text-decoration: none !important;	
					}
					
					.video_drawer img {
						margin: 71px 0px 0px 3px;	
					}
					
					.video_drawer h3 {
						margin-bottom: 4px;
					}
					
					.video_drawer h4 {
						margin-top: 0px;	
					}
				
footer {
	background-color: #3b3b3c;
}

	#footer_red_top {
		width: 100%;
		height: 17px;
		background-color: #4a4a4a;
		/*background-image: url("/images/footer/red_pinstripe.png");
		background-repeat: repeat;	*/
	}
	
	#footer_white_bar {
		width: 100%;
		height: 3px;
		background-color: white;	
	}
	
	#tagline {
		width: 100%;
		padding: 10px 0px;
		background-color: #2e2e2f;
		text-align: center;
	}
	
		#tagline > h2 {
			margin: 0px;
			font-size: 14px;
			font-weight: normal;
			color: #95979a;	
		}

	#footer_sitemap {
		height: 170px;
		position: relative;	
	}
	
		#footer_navigation {
			width: 100%;
		}
		
			#footer_navigation > ul {
				padding: 10px 30px;
				margin: 0px;
				list-style-type: none;
			}
			
				#footer_navigation > ul > li {
					width: 12.5%;
					float: left;
				}
				
					#footer_navigation > ul > li > a {
						font-size: 11px;
						font-weight: bold;
						
						color: #95979a;
						text-transform: uppercase;
						text-decoration: none;
					}
					
						#footer_navigation > ul > li > ul {
							padding: 7px 0px 30px;
							list-style-type: none;
						}	
						
							#footer_navigation > ul > li > ul > li {
								line-height: 9px;	
							}
						
							#footer_navigation > ul > li > ul > li > a {
								font-size: 9px;
								color: #95979a;
								text-decoration: none;
							}
	
		#adobe_link {
			position: absolute;
			bottom: 0;
			left: 30px;
		}
	
		#copyright_area {
			width: 70%;
			position: absolute;
			bottom: 2px;
			right: 30px;
			
			font-size: 10px;
			text-align: right;
			color: #95979a;
		}