/* -- [ imports ] -- */

@import url("clearfix.css");

/* -- [ /imports ] -- */


/* Link control */
a:link, a:visited {
	color: #10147E;
}

a {
	outline: none;
	border: 0;
}

body {
	background: #999999;
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color: #000;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 7.5in;
	background: #fff url(../images/topGrad.jpg) no-repeat top left;
	margin: 0;
	text-align: left;
	border: 0px solid black;
}

#header {
    width: auto;
}

#logo {
	padding: 0;
}

#logo img {
	border: 0;
}

#flags {
	display: none;
}

#flags img {
	margin: 0 15px 0 15px;
}

#topNav {
	display: none;
}

#leftNotch {
    display: none;
}

#topNav #mid {
    width: 790px;
	text-align: center;
    height: 25px;
	background-color: #F8FBFD;
	float: left;
}

#rightNotch {
	display: none;
}

#mainBody {
    width: auto;
}

#leftSide {
	display: none;
}

#rightSide {
	width: 7.5in;
}

#footer-wrap {
width: 1024px;
text-align: right;
}

#footer {
	display: none;
}

#footer span {
	padding: 5px 10px 0 0;
}

#footer span a:link, #footer span a:visited {
	text-decoration: none;
	font-weight: 900;
	padding: 0 5px 0 5px;
}


/* mainBody Controls */

#leftNav {
	width: 203px;
	float: left;
	border-right: 0px solid #CBE0EF;
}

#leftNav img {
	padding: 2px 7px 0 0;
}

#rightCopy {
	width: 7.5in;
}

#bodyCopy {
	margin: 30px;
}

#home-body {
width: 7.5in;
margin: 0 0 0 1px;
padding: 0;
}

#home-body-left {
float: left;
display: inline;
width: 2in;
margin: 0;
padding: 0;
background: url(../images/home-tech-fab-bg.jpg) top left no-repeat;
}

#home-body-left h3 {
padding: 0;
color: #0B8FEF;
font-weight: bold;
font-size: 16px;
line-height: 20px;
}

#home-body-left p {
margin: 0 0 0 20px;
}

#home-body-left p a {
display: block;
margin: 3px 0 0 0;
width: 100px;
background: url(../images/home-img-link-arrow.gif) center right no-repeat;
line-height: 18px;
}

#home-body-right {
float: left;
width: 5in;
margin: 0 .25in 0 0;
padding: 0;
}

#home-body-right h2 {
margin: 0 0 12px 0;
font-size: 20px;
color: #000;
}

#home-body-right p {
margin: 0 0 15px 0;
padding: 0;
font-size: 11px;
line-height: 14px;
}

#bodyCopyHome {
	margin: 0px;
}

#mainBody h1 {
	font-size: 190%;
	padding: 0;
	margin: 0;
	color: #004679;
	font-weight: 900;
}

#mainBody h1 span {
	font-size: 80%;
	padding: 0;
	margin: 0;
	color: #10147E;
}

.missionStatement {
	float: right;
	width: 310px;
	font-size: 130%;
	color: #000;
	padding: 0 0 0 20px;
}

#mainBody h2.mission {
	font-size: 120%;
	padding: 0;
	margin: 0;
	color: #003D73;
}



/* Nav Control */

#topNav ul {
	list-style: none;
    padding: 0;
    margin: 0;
}

#topNav ul li {
	float: left;
	padding: 3px 0 0 65px;
}

#topNav ul li a:link, #topNav ul li a:visited {
	text-decoration: none;
	color: #004577;
	font-weight: 900;
}

#topNav ul li a:hover {
	text-decoration: underline;
	color: #004577;
}

.navLogos {
	padding: 40px;
}

/* Image Control */

img.border {
	border: none;
}


.photo-left {
	float: left;
	margin: 20px 20px 10px 0;
	border: none;
}

.photo-right {
	float: right;
	margin: 0 0 10px 20px;
	border: none;
}

.photo-right-nb {
	float: right;
	margin: 0 0 10px 20px;
}

.prod-block {
	clear: right;
	margin: 0 0 10px 0;
	overflow: auto;
}

.prod-block img {
	float: right;
	margin: 0 0 0 20px;
}


#buildings {
	float: left;
	width: 226px;
	margin: 0 10px 20px 0;
	text-align: center;
	color: #000;
	font-weight: 900;
}

/* Contact Us */
#contactColumns {
	float: left;
	width: 234px;
	margin: 0 10px 20px 0;
	text-align: left;
	color: #000;
}

#contactColumns h3 {
	margin: 0;
	padding: 0;

}


/* -- [ left nav ] -- */

#leftSide {
display: none;
}

#leftSide img.left-img {
margin: 0 0 0 29px;
}

#leftSide ul#left-nav {
display: none;
}

#leftSide ul#left-nav li.li-title {
float: left;
display: inline;
margin: 0 0 3px 13px !important;
padding: 0 !important;
width: 175px;
height: 35px;
border: 0 !important;
}

#leftSide ul#left-nav li.li-title img {
border: 0;
}

#leftSide ul#left-nav li.li-title a,
#leftSide ul#left-nav li.li-title a:visited,
#leftSide ul#left-nav li.li-title a:hover {
background: none;
}

#leftSide ul#left-nav li {
position: relative;
float: left;
display: inline;
margin: 0 0 3px 29px;
padding: 0;
width: 173px;
height: 20px;
border: solid 1px #CBDFEF;
background: none;
text-align: left;
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 20px;
z-index: 3;
voice-family: "\"}\""; 
voice-family:inherit;
width: 171px;
}

#leftSide ul#left-nav li a,
#leftSide ul#left-nav li a:visited {
display: block;
width: 171px;
padding: 0 0 0 15px;
background: url(../images/left-nav-li-bg.gif) #fff center right no-repeat;
text-decoration: none;
voice-family: "\"}\""; 
voice-family:inherit;
width: 156px;
}

#leftSide ul#left-nav li a:hover {
color: #fff;
background: url(../images/left-nav-li-hvr-bg.gif) #004679 center right no-repeat;
text-decoration: none;
}

#leftSide ul#left-nav li ul {
position: absolute;
width: 192px;
margin: 0;
padding: 0;
left: -999em;
border: 0;
height: auto;
background: none !important;
border: solid 1px #CBDFEF;
z-index: 4;
voice-family: "\"}\""; 
voice-family: inherit;
width: 190px;
}

#leftSide ul#left-nav li ul li {
float: left;
display: inline;
width: 190px;
height: 20px;
margin: 0;
padding: 0;
text-align: left;
line-height: 12px;
border: solid 1px #CBDFEF;
voice-family: "\"}\""; 
voice-family:inherit;
width: 188px;
}

#leftSide ul#left-nav li ul li.nav-sub-last {
border-bottom: none;
}

#leftSide ul#left-nav li ul li a, #leftSide ul#left-nav li ul li a:visited {
float: left;
display: inline;
width: 188px;
margin: 0;
padding: 0 0 0 3px !important;
line-height: 20px;
color: #013f4e;
text-decoration: none;
background: url(../images/left-nav-sub-li-bg.gif) top left no-repeat;
voice-family: "\"}\""; 
voice-family:inherit;
width: 185px;
}

#leftSide ul#left-nav li ul li a:hover {
color: #013f4e;
text-decoration: none;
background: url(../images/left-nav-sub-li-bg.gif) top left no-repeat;
}

#leftSide ul#left-nav li:hover ul, #leftSide ul#left-nav li.sfhover ul {
top: 0;
left: 171px;
}


/* -- [ custom features & custom features nav ] -- */

.minor-nav {
display: none;
}

.minor-nav a,
.minor-nav a:visited,
.minor-nav a:hover {
font-size: 10px;
text-decoration: none;
letter-spacing: .1em;
}

#body-nav,
#body-nav-eng {
float: left;
display: inline;
margin: 16px 0 0 0;
padding: 0 0 50px 0;
}

#body-nav ul,
#body-nav-eng ul {
position: relative;
width: 760px;
height: 25px;
margin: 0;
padding: 0;
list-style: none;
z-index: 1;
}

#body-nav ul li,
#body-nav-eng ul li {
position: relative;
float: left;
display: inline;
height: 22px;
margin: 0 3px 0 0;
padding: 0 0 0 0;
line-height: 22px;
}

#body-nav ul li a,
#body-nav ul li a:visited,
#body-nav-eng ul li a,
#body-nav-eng ul li a:visited {
float: left;
display: inline;
margin: 0;
padding: 0 8px;
height: 22px;
color: #004679;
text-decoration: none;
font-size: 10px;
font-weight: bold;
background: url(../images/body-nav-li-bg.gif) top left repeat-x;
line-height: 22px;
}

#body-nav ul li a:hover,
#body-nav ul li.active,
#body-nav ul li.active a,
#body-nav ul li.active a:visited,
#body-nav ul li.active a:hover,
#body-nav-eng ul li a:hover,
#body-nav-eng ul li.active,
#body-nav-eng ul li.active a,
#body-nav-eng ul li.active a:visited,
#body-nav-eng ul li.active a:hover {
color: #fff;
background: url(../images/body-nav-li-hvr-bg.gif) top left repeat-x;
z-index: 1;
line-height: 22px;
}

#body-nav ul li ul {
position: absolute;
height: 25px;
margin: 0;
padding: 3px 0 0 0;
left: -999em;
background: url(../images/body-nav-li-eng-ul-bg.gif) top left no-repeat;
z-index: 2;
}

#body-nav-eng ul li ul {
position: absolute;
height: 25px;
margin: 0;
padding: 3px 0 0 0;
top: 22px; /* sets subnav as visible on all engineering pages */
left: -445px; /* sets subnav as visible on all engineering pages */
background: url(../images/body-nav-li-eng-ul-bg.gif) top left no-repeat;
z-index: 2;
}

/* -- use this when more than one link needs a sub nav -- */
/*
#body-nav ul li.engineering a:hover ul {
position: absolute;
margin: 0;
padding: 3px 0 0 0;
height: 47px !important;
left: -999em;
}
*/

#body-nav ul li ul li,
#body-nav-eng ul li ul li {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#body-nav ul li ul li a,
#body-nav ul li ul li a:visited,
#body-nav ul li ul li a:hover,
#body-nav-eng ul li ul li a,
#body-nav-eng ul li ul li a:visited,
#body-nav-eng ul li ul li a:hover {
float: left;
display: inline;
margin: 0;
padding: 0 8px;
color: #fff;
text-decoration: none;
font-size: 10px;
font-weight: bold;
/* background-image: none !important; 
background-color: #004679 !important; */
background: url(../images/body-nav-li-hvr-bg.gif) top left repeat-x;
}

#body-nav ul li:hover ul, #body-nav ul li.sfhover ul {
top: 22px;
left: -445px;
}

.sub-page-wrap {
float: left;
display: inline;
width: 7.5in;
margin: 0;
padding: 0;
}

.sub-page-wrap h2 {
margin: 0 0 10px 0;
padding: 0;
font-weight: bold;
font-size: 18px;
line-height: 18px;
color: #004679;
}

.sub-page-content {
float: left;
display: inline;
width: 7.5in;
margin: 0;
padding: 0;
color: #000;
}

.sub-page-content h2 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 16px;
line-height: 18px;
color: #004679;
}

.sub-page-content p {
margin: 0 0 20px 0;
color: #000;
}

.sub-page-content img {
float: left;
display: inline;
margin: 5px 10px 10px 0;
padding: 0;
}

/* -- [ bookmark link ] -- */

#bookmark-link {
cursor: pointer;
color: #004679;
}

/* -- [ print link ] -- */

#print-link {
cursor: pointer;
color: #10147E;
}


/* -- [ tradeshow styles ] -- */

.HeaderStyle{
	background-color: #004679;
	color: #fff;
	text-align: left;
}

.altRow {
	background-color: #e3ebf0;
}

/* -- [ product offering table ] -- */

table.tbl-prod {
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: none;
vertical-align: top;
}

table.tbl-prod tr.tbl-header {
background-color: #004679;
color: #fff;
text-align: left;
font-weight: bold;
}

table.tbl-prod td {
padding: 6px 3px;
}

/* -- [ formulas table ] -- */

table.tbl-formula {
width: 100%;
margin: 0;
border-collapse: collapse;
border: none;
vertical-align: top;
}

table.tbl-formula tr.tbl-header {
background-color: #004679;
color: #fff;
text-align: left;
font-weight: bold;
}

table.tbl-formula td {
padding: 10px;
width: 200px;
}