@charset "UTF-8";
/* CSS Document */
body{
margin:0;
padding:0;
text-align: center;
font-size: .8em;
font-family: Arial, Helvetica, sans-serif;
background: #336699 url(../images/grad.jpg) repeat-x top left;
}

div#mainwrap{
background:#FFFFFF none repeat scroll 0%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
position:relative;
text-align:left;
width:850px;
padding:20px;
}

div#header{
width: auto;
margin-bottom:10px !important;
}

div#toprow{
position: relative;
}

.logo{
position: relative;
top: -6px;
}

div#nav{
position:absolute;
right:-20px;
top:30px;
}

.links{
position: relative;
}

.links li {
float:left;
list-style-type:none;
right:1px;
position:relative;
margin-right:20px;
}

.links li a:active, .links li a:visited, .links li a:link{
text-decoration: none;
color: #99cc33;
font-size: 140%;
font-weight: bold;
}

.links li a:hover{
text-decoration: none;
color: #4E463F;
}

div#subNav {
float:left;
margin:0pt;
padding:0pt;
position:relative;
width:200px;
}
div#subNav ul {
list-style-type:none;
position:relative;
margin:0;
padding:0;
}
div#subNav ul li {
border:1px solid #666666;
margin-top:2px;
padding:2px;
position:relative;
width:230px;
}
div#subNav ul li a:active, div#subNav ul li a:visited, div#subNav ul li a:link {
color:#336699;
display:block;
font-size:150%;
font-weight:800;
line-height:37px;
text-align:left;
text-decoration:none;
padding-left: 5px;
}
div#subNav ul li a:hover {
color:#99CC33;
}
div#banner-a {
	background:#FBFBFB url(/images/tooling-banner.jpg) no-repeat scroll left top;
	border:1px solid #666666;
	float:right;
	height:222px;
	position:relative;
	width:600px;
	margin-top:2px;
}
div#headline {
position:relative;
}
.headline {
bottom:18px;
color:#FBFBFB;
font-size:150%;
left:20px;
margin-bottom:0px;
position:absolute;
width:590px;
}
.period {
color:#0066CC;
}

div#underpic{
background:#336699 none repeat scroll 0%;
height:auto;
padding:1px;
width:auto;
position:relative;
top:0px;
color:#fbfbfb;
}

div#underpic p{
position: relative;
left: 20px;
font-size: 105%;
font-weight: 800;
letter-spacing: 0px;
width: 560px;
}


div#maincont{
	clear:both;
	float:left;
	margin-top:10px;
	position:relative;
}

div#abouthp{
background:#FBFBFB none repeat scroll 0%;
float:left;
position:relative;
width:560px !important;
margin-bottom:10px;
}

div#abouthp h1{
background:#99CC33 none repeat scroll 0%;
margin:0pt;
padding:0pt;
position:relative;
width:auto;
padding-left:10px;
font-size:150%;
color:#fbfbfb;
font-weight:100;
letter-spacing:1px;
}

div#abouthp p{
position:relative;
padding:5px;
margin:0;
color: #666666;
font-size: 102%;
}

div#techoverview{
background:#FBFBFB none repeat scroll 0%;
float:right;
position:relative;
width:255px;
margin-bottom: 10px;
}

div#techoverview h1{
background:#336699 none repeat scroll 0%;
margin:0pt;
padding:0pt;
position:relative;
width:auto;
padding-left:10px;
font-size:150%;
color:#fbfbfb;
font-weight:100;
letter-spacing:1px;
}

div#techoverview p{
position:relative;
padding:5px;
margin:0;
color: #666666;
font-size: 102%;
}

div#techoverview ul{
list-style-type: none;
margin:0;
padding:0;
position: relative;
top:0;
left: 5px;
}


div#hptriimg {
	clear:both;
	float:left;
	position:relative;
	z-index:5;
}
.images {
padding:0px;
margin:0;
}
.images ul {
list-style-type:none;
margin:0;
padding:0;
}
.images ul li {
border:1px solid #999999;
float:left;
height:128px;
margin:1px;
width:187px;
padding:0;
}
.container{
padding: 5px;
border: 1px solid #666666;
}

div#contacthp {
float:right;
width:267px !important;
}
div#contacthigh {
background:#FBFBFB none repeat scroll 0% 50%;
margin-bottom:10px;
position:relative;
right:0px;
top:0px;
}
div#contacthigh p{
padding:0px;
margin: 0px;
}
.important {
color:#014A66;
font-size:120%;
margin:0pt;
padding:0pt;
letter-spacing: 1px;
font-weight: 800;
}
.quip{
color:#333333;
font-size:100%;
font-style:italic;
}
.getdir {
position:absolute;
text-align:right;
right:9px;
}

.getdir a:active, .getdir a:visited, .getdir a:link{
text-decoration: none;
font-size:100%;
color: #666666;
}

.getdir a:hover{
color: #333300;
}

div#facilityshot {
background:#CCCCCC none repeat scroll 0%;
height:200px;
position:relative;
top:-17px;
width:auto;
}



div#footer{
position: relative;
top: 20px;
clear:both;
height: 40px;
border-top: 1px solid #999999;
}

.left{
text-align: left;
position: absolute;
left: 0px;
color: #cccccc;
font-size: 90%;
top: 5px;
}

.right{
text-align: right;
position: absolute;
right: 0px;
color: #cccccc;
font-size: 90%;
top: 5px;
}

.right a:active, .right a:visited, .right a:link{
text-decoration: none;
font-size: 100%;
color: #99cc33;
}

.right a:hover{
color: #333300;
}

div#readon{
background:#336699 none repeat scroll 0%;
bottom:0px;
position:relative;
text-align:left;
width:auto;
left:0px;
padding:5px;
}

div#readon a:active, div#readon a:visited, div#readon a:link{
text-decoration: none;
font-size: 100%;
color: #fbfbfb;
position: relative;
left: 440px;
text-align: left;
}

div#readon a:hover{
color: #99CC33;
}

.nudge{
position:relative;
line-height:6px;
}

.blue{
color: #336699;
}