@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */


html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
}


#navbar {
	width:800px;
	height:125px;
	margin-left:auto;
	margin-right:auto;
	}
	
#topnav {
	position:relative;
	height:125px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#content {
	width:800px;
	margin-top:375px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 22px 180px 30px;
} 

#content-splash {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 220px 0px;
} 


    
#column
{
	position:relative;
	width:225px;
}

#content-column {
	padding-top: 35px;
	 width:300px;
	float:left;
	}
	
#left-column
{
	width:490px;
	padding-left:0;
	float:left;
}

#full-span
{
	width:100%;
	padding-right:10px;
	padding-left:0;
	float:left;
}
	
	
#sidebar
{
	float:right;
	width:190px;
	padding-left:10px;
	padding-top:15px;
	padding-right:10px;
	margin-top:-5px;
	margin-right:30px;
	}

#footer {
	/* background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D6D6D6));
	background: -moz-linear-gradient(top, #F7F7F7, #D6D6D6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D6D6D6'); */
	border-top: thin solid #999;
	position: relative;
	width:760px;
	text-align:center;
	padding: 30px 20px 10px 30px;
	margin-left:auto;
	margin-right:auto;
	margin-top: -125px; /* negative value of footer height */
	height: 125;
	clear:both;
} 

#footer-column
{
	
	width:150px;
	float:left;
	padding-right:15px;
}

/* ---------------PHOTO BARS----------------*/

#photo-bar-contact-splash
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(contactus-bg3.jpg) no-repeat center;
	border-top: #000000 thick solid;
	border-bottom: #000000 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-contact-engineering
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(design/contact-bg2.jpg) no-repeat center;
	border-top: #000000 thick solid;
	border-bottom: #000000 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-contact-fabrication
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(fabrication/contactus-bg3.jpg) no-repeat center;
	border-top: #000000 thick solid;
	border-bottom: #000000 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-contact-research
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(research/contact-bg.jpg) no-repeat center;
	border-top: #000000 thick solid;
	border-bottom: #000000 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-home-splash
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(home-bg.jpg) no-repeat center;
	border-top: #000000 thick solid;
	border-bottom: #000000 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#photo-bar-home-engineering
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(design/home-bg.jpg) no-repeat center;
	border-top: #BF311A thick solid;
	border-bottom: #BF311A thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-home-fabrication
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(fabrication/home-bg3.jpg) no-repeat center;
	border-top: #716147 thick solid;
	border-bottom: #716147 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-home-research
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(research/res-homebg.jpg) no-repeat center;
	border-top: #0083a9 thick solid;
	border-bottom: #0083a9 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-about-engineering
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(design/hangar-interior-day-bw.jpg) no-repeat center;
	border-top: #000000 thick solid;
	border-bottom: #000000 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-about-fabrication
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(fabrication/aboutus-bg.jpg) no-repeat center;
	border-top: #000000 thick solid;
	border-bottom: #000000 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photo-bar-about-research
{
	position: absolute; 
	top: 125px;
	left:0;
	width: 100%;
	height: 370px;
	clip: rect(auto, auto, auto, auto);
	bottom: 0;
	background: url(research/about-bg.jpg) no-repeat center;
	border-top: #000000 thick solid;
	border-bottom: #000000 thick solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*-----------------END PHOTO BARS-----------------*/

.content-head
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:36px;
	font-weight:300;
	font-style:normal;
	margin-top:35px;
	margin-bottom:30px;
	color:#333;
}

.content-subhead
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
	color:#333;
	min-width:450px;
	max-width:700px;
}
.content-body
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:14px;
	font-weight:200;
	line-height:18px;
	margin-bottom:14px;
	margin-top:10px;
	color:#333;
	clear:both;
}
.content-body2
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:14px;
	margin-top:10px;
	color:#333;
	clear:both;
}
.content-body-index
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:14px;
	font-weight:200;
	line-height:18px;
	margin-bottom:14px;
	color:#333;
	min-width:450px;
	max-width:850px;
	min-height:150px;
}

.sidebar-subhead
{

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	margin-bottom:14px;
	margin-top: 85px;
	color:#333;
}

.imagenav {
	position: relative;
	float: right;
	top: 50%;
	color:#455560;
	text-decoration: none;
	padding-right: 25px;
	padding-left: 25px;
	letter-spacing: .05em;
	font: bold 17px/34px  "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


.navlink {
	position: relative;
	zoom: 1;
	float: right;
	height: 34px;
	top: 50%;
	color:#455560;
	text-decoration: none;
	padding-right: 22px;
	padding-left: 22px;
	letter-spacing: .05em;
	font: normal 17px/34px  "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
}
.navlink:hover {
	background-color: #e6e7e8;
	color:#455560;
	-moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
	}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

.bodylink {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#999;
	text-decoration:none;
}


.bodylink:hover {
	color:#333;
}

.footer-subhead{
	color:#9D9D9D;
	font: 14px  "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:200;
	cursor:pointer;
}

.footer-subhead:hover{
	color:#000000;
}
	
	
.footer-copy {
	color:#333333;
	font: 11px  "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

.sidebar-copy
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:11px;
	font-weight:200;
	line-height:16px;
	margin-bottom:14px;
	color:#333;
}

.divline {
	border:1px solid #EAEAEA;
	margin-top:35px;
	margin-bottom:35px;
	}
	
	.image-c {
	margin:	85px 225px -20px 225px;
	border:5px solid #FFFFFF;
	-webkit-box-shadow: 0 0 20px 2px #666;
	-moz-box-shadow: 0 0 20px 2px #666;
	box-shadow: 0 0 20px 2px #666;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	}

.image-l {
	float:left;
	border:5px solid #FFFFFF;
	-webkit-box-shadow: 0 0 20px 2px #666;
	-moz-box-shadow: 0 0 20px 2px #666;
	box-shadow: 0 0 20px 2px #666;
	zoom: 1;
	margin-bottom:10px;
	margin-right: 30px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	}
	
.image-r {
	float:right;
	border:5px solid #FFFFFF;
	-webkit-box-shadow: 0 0 20px 2px #666;
	-moz-box-shadow: 0 0 20px 2px #666;
	box-shadow: 0 0 20px 2px #666;
	zoom: 1;
	margin-bottom:10px;
	margin-left: 30px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	}
	
.image-left {
	float:left;
	margin-right:30px;
	margin-bottom:10px;
	border:5px solid #C1C1C1;
}

.image-right {
	float:right;
	margin-left:30px;
	margin-bottom:30px;
	border:5px solid #C1C1C1;

}
	

/* the overlayed element */
div#voverlay {
	
	/* growing background image */
	background-image:url(white.png);
	
	/* dimensions after the growing animation finishes  */
	width:705px;
	height:422px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;
}

/* default close button positioned on upper right corner */
div#voverlay div.close {
	background-image:url(close.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div#vcontainer{
	left:0;
	top:0;
	width:100%;
	height:100%;	
	background:url(loading.gif) no-repeat 50% 50%;
}

#videogallery {
	width:100%;
	zoom:1;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#videogallery span{ display:block; }
#videogallery a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	opacity:0.87;
}
#videogallery a img{
	display:block;
	border:none;
	margin:0;
}
#videogallery a:hover{
	opacity:1;
}

/* -------------IMAGE ROLLOVERS------------- */

a.rollover {
	display: block;
	width: 225px;
	height: 70px;
	text-decoration: none;
	background: url("rollover-design.png");
	}

a.rollover:hover {
	background-position: -225px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rollover-f {
	display: block;
	width: 225px;
	height: 70px;
	text-decoration: none;
	background: url(rollover-fabrication.png);
	}

a.rollover-f:hover {
	background-position: -225px 0;
	}

.displace-f {
	position: absolute;
	left: -5000px;
	}
	
	a.rollover-r {
	display: block;
	width: 225px;
	height: 70px;
	text-decoration: none;
	background: url(rollover-research.png);
	}

a.rollover-r:hover {
	background-position: -225px 0;
	}

.displace-r {
	position: absolute;
	left: -5000px;
	}
	
/* -------------END IMAGE ROLLOVERS------------- */


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]

*/
/* -------------FRONT PAGE STYLES------------- */
h3.news-title {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 500;
	text-align:center;
	clear:both;
	padding-top:15px;
	padding-bottom:10px;
}
ul.news-list {
	list-style-type:none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 200;
}
ul.news-list li {
	clear:both;
	padding:3px 0;
}
.news-list a.circle {
	float:left;
	padding-right:6px;
}
img.circle{
	width:30px;
	height:30px;
	border:none;
 }
 ul.news-list p{
	padding:6px 0;
}
 /* -------------END FRONT PAGE STYLES------------- */