@charset "utf-8";
/* CSS Document */

a {
	color: inherit;
}
a.link{
	color: #0088CC !important;
}
a.link:hover{
	text-decoration: underline !important;
	color: #005580 !important;	
}
body {
	font-family: "Droid Sans", Arial, sans-serif; 
	background-color: black;
}

p {
	font-size: 16px;
	line-height: 24px;
	padding: 5px;
	padding-left: 10px;
}

p.emph {
	font-size: 1.4em;
	font-weight: bold;	
}

p.smaller {
	font-size: 0.9em !important;
}

ul {
	list-style-type: none;	
}

li{
	line-height: 22px;	
}

/* Styling */
.top-border-line{
	border-top: thin solid #BBBBBB; 	
}

.left-border-line{
	border-left: thin solid #BBBBBB; 	
}

.bottom-border-line{
	border-bottom: thin solid #BBBBBB; 	
}

.right-border-line{
	border-right: thin solid #BBBBBB; 	
}

.shadow{
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);	
}

/* Header */
#top{
	height: 20px;
	display: block;	
}
#fixed-bar {
	position: fixed;
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
	z-index: 100;
	background-color: black;
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: white;
	font-weight: bold;
}
	#fixed-bar a {
/*		font-weight: inherit;
		color: inherit;*/
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	#fixed-bar a:hover {
		color: #005A87;
		text-decoration: none;
	}
	#fixed-bar #social-media {
		display: block;
	}
		#fixed-bar #facebook-rollover, #fixed-bar #linkedin-rollover, #fixed-bar #twitter-rollover{
			float: left;
			margin: 5px;
			width: 20px;  
			height: 20px;	
		}
		#fixed-bar #twitter-rollover {
			width: 25px;   
			background: transparent url(../img/icons/twitter-rollover.png) no-repeat 0 0;
		}
		#fixed-bar #facebook-rollover {
			background: transparent url(../img/icons/facebook-rollover.png) no-repeat 0 0;
		}
		
		#fixed-bar #linkedin-rollover {
			background: transparent url(../img/icons/linkedin-rollover.png) no-repeat 0 0;
		}
		
		#fixed-bar #twitter-rollover:hover, #fixed-bar #facebook-rollover:hover, #fixed-bar #linkedin-rollover:hover{
			background-position: 0 -25px;
		}
	/*form#search-bar {
		margin: 0px;
		display: inline;
		padding-left: 20%;
	}
		form#search-bar input{
			padding: 0px;
			margin: 4px;
			margin-right: 0px;
			background-color: black;
			color: #999999;
			border-color: #323232;  
		}
			input[type="text"]:focus{
				box-shadow: none;	
			}
		form#search-bar button{
			background-image: none;
			background-color: #222222;
			padding: 3px;
			font-size: 12px;
			line-height: 12px;
			margin-left: 0px;
			color: #999999;
			position: relative;
			right: 4px;
		}
		form#search-bar button:hover{
			color: white;	
		}*/
/* Menu */
		#menu a:hover{
			text-decoration: none !important;
		}
		
		#menu{
			color: white;
			border-bottom: #5F7EC0 10px solid;
			/*Box Shadow*/
				/* Firefox v3.5+ */
				-moz-box-shadow:0px 2px 8px rgba(0,0,0,0.38);
				/* Safari v3.0+ and by Chrome v0.2+ */
				-webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.38);
				/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
				box-shadow:0px 2px 8px rgba(0,0,0,0.38);						
		}
		
		#jMenu {
			display:table;
			margin:0;
			width: 100%;
			z-index: 500;			
		}
		
		/********************/
		/** premier niveau **/
		/********************/
		#jMenu li {
			display:table-cell;
			background-color:#0B3080;
			margin:0;
			//float:left;
			text-align:center;
			height: auto;
		}
		
		#jMenu li:hover {
			background-color:#5F7EC0;
			cursor: pointer;
		}
			#jMenu li a {
				display:block;
				position: relative;
				color:#fff;
				cursor:pointer;
				font-size: 18px;
				font-weight: normal;
				padding: 10px 0px;
			}
			#jMenu li a.down-arrow {
				background: url('../img/icons/down-arrow-white.png') no-repeat 95% 55%;
			}
			
		/*******************/
		/** second niveau **/
		/*******************/
		#jMenu li ul {
			display:none;
			position:absolute;
			padding:0;
			margin:0;
			z-index: 100;
			-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
			-moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
			box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
		}
			#jMenu li ul li {
				background-color:#5F7EC0;
				opacity: 1.0;
				display:block;
				padding:0px;
			}
			#jMenu li ul li:first-child {
				margin-top: 10px;	
			}
				#jMenu li ul li a {
					color: black !important;
					font-size:14px;
					padding:7px;
					display:block;
					border-top:2px solid #0B3080;
				}
				#jMenu li ul li a:hover {
					background-color:#3A5FAE;
				}

#subnav {
	background-color: #5F7EC0;
	text-align: center;
	width: 100%;
	height: 25px;
	color: white;
}
	#subnav ul {
		list-style: none;
		margin: 0px;
	}
	#subnav ul li {
		display: inline;	
	}
	#subnav ul li a {
		font-size: 15px;
		font-weight: normal;
		padding: 12px 15px;
	}
	#subnav ul li a:hover {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}
/* Active Menu Links */
#home #nav-home, #about #nav-about, #about #nav-about > a, #services #nav-services, #services #nav-services > a, #industry #nav-industry, #industry #nav-industry > a, #engineering #nav-engineering, #engineering #nav-engineering > a, #careers #nav-careers, #careers #nav-careers > a, #contact #nav-contact, #contact #nav-contact > a{
	background-image: none;
	background-color: #5F7EC0;
	color: black;
}

/* Active Subnav Links */
body.molds #subnav ul li a#subnav-molds, body.castings #subnav ul li a#subnav-castings, body.machining #subnav ul li a#subnav-machining, body.ava #subnav ul li a#subnav-ava, body.industrial #subnav ul li a#subnav-industrial, body.electrical #subnav ul li a#subnav-electrical, body.medical #subnav ul li a#subnav-medical, body.communications #subnav ul li a#subnav-communications, body.transportation #subnav ul li a#subnav-transportation, body.industrial #subnav ul li a#subnav-industrial, body.design #subnav ul li a#subnav-design, body.technical #subnav ul li a#subnav-technical, body.equipment #subnav ul li a#subnav-equipment {
	color: black;
	font-size: 18px;
}
	
/* Footer */
#footer{
	text-align: center;
	margin: 10px 0px;
	color: white;
	padding: 0% 25%;
	width: 50%;
	font-size: 12px;
}
#footer a{
	padding: 5px;	
}
#footer a:hover{
	text-decoration: underline !important;
	color: white;	
}
#footer #footer-menu a{
	font-weight: bold;
}
	#footer #footer-section{
		overflow: hidden;
		padding: 10px 18%;	
	}
	#footer img {
		float: left;	
	}
	#footer #contact-info {
		float: right;
		font-size: 11px;
		line-height: 15px;
	}
/* Main Sections */

#content {
	text-align: center;
	height: auto;
	background-color: white;
	border: 1px solid #BBBBBB;
	padding: 15px 0px 30px;
}
	#content h2 {
		font-size: 22px;
		color: #0C3180;
		font-weight: normal;
	}
	
	#content h1 {
		color: #0C3180;
		font-size: 28px;
		font-weight: normal;
	}

.content-box {
	padding: 15px;
	margin: 5px 25px;
	text-align: left;
	height: auto;
	overflow: hidden;
	position: relative;
}

/* Home */

body#home p.quote {
	padding: 5px 12px;
	font-size: 18px;
	font-weight: 550;
	color: #0B307F;
	text-align: center;
}

body#home p#mission-statement {
	font-weight: 400; 
	line-height: 26px; 
	padding: 5px 5%; 
	font-size: 1.3em;	
}

body#home div#accreditations img{
	padding: 10px;
}
body#home div#accreditations h4{
	margin-bottom: 5px;	
}

/* About */
body#about img#buildingpan {
	width: 97%; 
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); 
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);	
}
body#about div.testimonial {
	padding: 10px 10% 0px 5%;	
}
body#about div.testimonial p:first-child {
	font-size: 15px;
	font-style: oblique;	
}

body#about div.testimonial p:last-child {
	margin-top: 0px;
	padding-top: 0px;
	text-align: right;	
}
body#about img#accred1{
	display: inline; 
	padding: 30px; 
	padding-left: 80px;
}
body#about img#accred2{
	display: inline; 
	padding: 30px;	
}
body#about img#accred3{
	padding: 0px 30%;	
}
/* Services */
body#services img#img{
	float:right; 
	width: 45%; 
	margin-top: 15px;
}
body#services.molds img#img1{
	float: right; 
	width: 350px; 
	margin: -20px 30px 0px 15px;	
}
body#services.molds img#img2{
	float: left; 
	width: 320px; 
	margin: 5px 15px 5px 15px;	
}
body#services.machining img#img1{
	float:right; 
	width: 45%; 
	margin-top: 15px;	
}
body#services.castings img#img1{
	width: 95%;	
}
body#services.ava img#img1{
	float:right; 
	margin-right: 5%; \
	width: 300px;	
}
/* Industry Solutions */
a.read-more {
	color: #0B307F;
	position: relative;
	left: 70px;
	bottom: 10px;
	cursor: pointer;
}

#content.industry{
	padding-top: 0px;	
}
	.industry .main-blurb {
		text-align: left;
		display: block;
		padding: 5px 40px;
		margin: 0px;
		margin-top: 15px;
	}
	.industry .main-blurb p {
		line-height: 24px;
		font-size: 16px;
		padding: 10px;
	}
	.industry .main-blurb .span4 {
		text-align: center;	
	}
	.industry .main-blurb img {
		margin: 15px;
	}
.industry .gallery {
	text-align: left;
	border-top: thin solid #BFBFBF;
	margin: 0px;
	padding: 15px 40px;
}
	.industry h4{
		color: #0B307F;
		font-size: 16px;
		margin-top: 20px;
	}
	
	.industry .row-fluid {
		border-top: thin solid #BFBFBF;
	}
	
	.industry .categoriesGrid .content-box{
		padding: 3px;
		margin: 5px 10px;
		overflow: hidden;
	}	
		.industry .categoriesGrid .content-box img{
			margin: 10px 20px;
			float: left;
		}
		.industry .categoriesGrid p{
			font-size: 12px;
			line-height: 16px;
		}
		.industry .categoriesGrid .content-box:first-child{
			padding-top: 20px;	
		}
	
	#content.industry .gallery h2 {
		color: black;
	}
	.industry .gallery small {
		padding: 4px;
		font-weight: bold;
		font-size: 16px;
	}
	.industry .gallery .photos {
		padding: 7px 20px;
		float: left;
		text-align: center;
		width: 100%;
	}

	
/* Fancybox */
img.thumb {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
 a.fancybox {
	position: relative;
	float: left;
	clear: none;
	width: 25%;
	margin: 15px 30px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	text-align: center;
	text-decoration: none;
}
	
	a.fancybox:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3);
		-moz-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3);
		box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3);				
	}
	
	a.fancybox p { 
		position: absolute;
		top: 0px;
		left: 20%;
	}
	
	p.enlarge{
		color: white;
	}
	
	.alert-success {
		text-align: center;
		height: 16px;
		z-index: 10000;
		display: block;
		margin: 5px;
	}
	
	body#industry .alert-success {
		display: none;
		position: fixed;
		top: 5px;
		width: 50%;
		z-index: 10000;		
	}
	
	.alert-success button.close {
		padding: 2px 15px 0px;		
	}
/*Engineering*/
body#engineering.equipment img#img1{
	float: right;
	width: 370px;
}
body.equipment #content ul li{
	font-size: 15px;
	line-height: 24px;	
}
	body.equipment strong {
		font-size: 1.1em;
		font-weight: normal;
		padding-right: 20px;
	}
                            
    body.equipment em {
		font-size: 0.8em;
		padding-left: 2.5em;
		font-style: normal;
		line-height: 0.8em;	
	}
/* Careers */
#content.careers{
	padding-top: 0px;	
}
	.careers .main-blurb{
		text-align: left;
		padding: 20px;
		/*Gradient*/
			background: rgb(255,255,255); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(255,255,255,1) 55%, rgba(241,241,241,1) 83%, rgba(225,225,225,1) 100%, rgba(246,246,246,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(255,255,255,1)), color-stop(83%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(241,241,241,1) 83%,rgba(225,225,225,1) 100%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(241,241,241,1) 83%,rgba(225,225,225,1) 100%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(241,241,241,1) 83%,rgba(225,225,225,1) 100%,rgba(246,246,246,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(255,255,255,1) 55%,rgba(241,241,241,1) 83%,rgba(225,225,225,1) 100%,rgba(246,246,246,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
		/*Box Shadow*/
			/* Firefox v3.5+ */
			-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.38);
			/* Safari v3.0+ and by Chrome v0.2+ */
			-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.38);
			/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
			box-shadow:0px 0px 8px rgba(0,0,0,0.38);
			-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#61000000,Positive=true)";
			filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#61000000,Positive=true);
			}
		.careers .main-blurb img{
			float: left;
			height: 200px;
			margin: 0px 30px 10px;	
		}
		.careers .main-blurb p{
			font-size: 15px;
			line-height: 24px;
			position: relative;
			left: 20px;
			width: 830px;
		}
		.careers .main-blurb p:last-child{
			font-size: 17px;
			position: relative;
			left: 70px;
			bottom: 10px;
		}
.careers #current-openings{
	padding: 15px;
	text-align: left;		
}
	.careers #current-openings h2{
		font-size: 24px;
		color: black;
		margin: 15px 30px;
	}
	.careers #current-openings .posting{
			margin: 15px 50px;
			padding: 10px;
			/*Box Shadow*/
				/* Firefox v3.5+ */
				-moz-box-shadow:0px 2px 8px rgba(0,0,0,0.38);
				/* Safari v3.0+ and by Chrome v0.2+ */
				-webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.38);
				/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
				box-shadow:0px 2px 8px rgba(0,0,0,0.38);
			/*Border Radius*/
				/* Firefox v1.0+ */
				-moz-border-radius:20px ;
				/* Safari v3.0+ and by Chrome v0.2+ */
				-webkit-border-radius:20px ;
				/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
				border-radius:20px ;

		}
		.careers #current-openings .posting h4{
			font-size: 18px;
			color: #0B307F;
			margin: 5px;
			
		}
		.careers #current-openings .posting li{
			padding-bottom: 5px;
		}
		.careers #current-openings .posting table{
			margin: 20px;
		}
		.careers #current-openings .posting td:first-child{
			font-weight: bold;
			font-size: 14px;
			vertical-align: top;
		}
		
	.careers #current-openings .no-postings{
		font-size: 18px;
		width: 50%;
		padding: 20px;
		margin: 5px 25%;
		/*Box Shadow*/
				-webkit-box-shadow: 0px 0px 2px rgba(22, 22, 22, 0.75);
				-moz-box-shadow: 0px 0px 2px rgba(22, 22, 22, 0.75);
				box-shadow: 0px 0px 2px rgba(22, 22, 22, 0.75);
			/*Border Radius*/
				/* Firefox v1.0+ */
				-moz-border-radius:20px ;
				/* Safari v3.0+ and by Chrome v0.2+ */
				-webkit-border-radius:20px ;
				/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
				border-radius:20px ;
	}
/*Contact Us*/
.contact h4{
	font-size: 20px;
	color: #333333;
	display: inline;
	padding: 0 5px;
}

.contact a {
	color: #0B307F;
}

	.contact a:hover {
		color: #0B307F;
	}

.contact td {
	padding: 8px;
	vertical-align: top;
}

.contact td:first-child {
	font-weight: bold;
	text-align: right;
}

.contact .icon {
	height: 20px;
	width: auto;
	vertical-align: none;
	margin-bottom: 5px;
}

.contact .content-box {
	height: auto;
	padding: 20px;
	margin: 0px;
}

.contact .contact-box {
	height: auto;
	margin: 10px;
	padding: 5px;
}

.contact .content-box.reps td{
	font-weight: normal;	
}

.contact .shift-right {
	margin-left: 60px;
}

.contact #map {
	border: 2px solid #5B5B5B;
	width: 517px;	
}

/* Login */
#login {
	padding: 20px;
	margin-bottom: 0px;
	height: auto;
}

.alert-block {
	display: block;
	margin: 10px 32%;
	padding: 5px;
	text-align: center;
}
	.alert-block .close {
		position: static;	
	}

div#login button {
	margin: 5px;	
}
body#employee-portal a.btn{
	margin: 15px;	
}
body#employee-portal .content-box, body#employee-portal p{
	padding: 10px 10%;	
	font-size: 15px;
	line-height: 1.5em;
	margin: 0px;
}
body#employee-portal ol#employee-docs {
	text-align: left; 
	padding-left: 30%;
	padding-top: 10px;	
}
	body#employee-portal ol#employee-docs a {
		color: #08C;
	}
	body#employee-portal ol#employee-docs a:hover{
		text-decoration: underline !important;	
	}

/* Site Map */
.sitemap h1 {
	padding-bottom: 15px;
}
.sitemap h3 {
	padding-left: 8%;
}

.sitemap li{
	padding-left: 12%;	
}

.sitemap a {
	color: #333333;
	padding: 5px;
	cursor: pointer;
}

/* Bootstrap Edits */

.container {
	position: relative;
}

.alert-error {
	position:relative; 
	top: 30px; 
	margin: 5px; 
	text-align: center;	
}