body {
	margin: 0;
	font-family: Franklin Gothic, Helvetica, Arial;
	background-color: #BCBEC0;
	background-image: url(../images/pattern3.gif); background-repeat: repeat; 
}
img {
	margin: 0;
	border: none;
}
form {
	margin-left: auto;
    margin-right: auto;
    width: 6em;
}
.form select, .form input, .form textarea {vertical-align:middle;}
#top {
	margin: 0 auto;
	width: 802px;
}

#main {
	margin: 0 auto;
	margin-top: 50px;
	width: 802px;
	z-index: 1;
}


#main .numberrow {
	margin-left: 580px;
	font: bold 11px  Franklin Gothic, Helvetica, Arial;
	color: #fff;
	clear: both;
	padding-bottom: 10px;
}

#main .numberrow a {
	font: bold 11px  Franklin Gothic, Helvetica, Arial;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

#main .numberrow a:hover {
	font: bold 11px  Franklin Gothic, Helvetica, Arial;
	color: #000;
	text-decoration: none;
	text-align: center;
}

#header {
	width: 805px;
	height: 86px;
	position: relative;
	background: url(../images/header_bg.gif) no-repeat;
}
#header .logo {
	position: absolute;
	width: 182px;
	height: 87px;
	text-indent: -9999px;
	overflow: hidden;
	left: 0;
	top: 0;
}

#header #top-nav ul li a:hover {
	background-color: #003a63; /*any color*/
	color: #fff; /*any color*/
}

#header #top-nav li a:hover {
	color: #6a737b;
}

#header #top-nav {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	right: 3px;
	top: 60px;
	font: bold 11px  Franklin Gothic, Helvetica, Arial;
}
#header #top-nav li {float: left;position: relative;}
#header #top-nav li a {
	display: block;
	height: 16px;
	padding: 8px 0 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#header #top-nav li .link1 {
width: 100px;
font: bold 13px Franklin Gothic, Helvetica, Arial;
}

#header #top-nav li .link2 {
width: 136px;
font: bold 13px Franklin Gothic, Helvetica, Arial;
}

#header #top-nav li .link3 {
width: 128px;
font: bold 13px Franklin Gothic, Helvetica, Arial;
}

#header #top-nav li .link4 {
width: 140px;
font: bold 13px Franklin Gothic, Helvetica, Arial;
}

#header #top-nav li:hover ul, #header #top-nav li.hover ul {display: block;}
#header #top-nav ul {
	display: none;
	position: absolute;
	left: 0;
	top: 24px;
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	border: 1px solid #ffffff;
	border-top: 1px solid #898e95;
	background-color: #6a737b; 
	text-transform: uppercase;
}
#header #top-nav ul li {
	float: left;
	border-bottom: 1px solid #ffffff;
}
#header #top-nav ul li a {
	display: block;
	height: 23px;
	text-align: center;
}
#header #top-nav .first {left: -3px;}
#header #top-nav .first, #header #top-nav .first li, #header #top-nav .first li a {width: 98px;}
#header #top-nav .second {left: -1px;}
#header #top-nav .second, #header #top-nav .second li, #header #top-nav .second li a {width: 132px;}
#header #top-nav .third {left: -4px;}
#header #top-nav .third, #header #top-nav .third li, #header #top-nav .third li a {width: 132px;}
#header #top-nav .fourth {left: 0px;}
#header #top-nav .fourth, #header #top-nav .fourth li, #header #top-nav .fourth li a {width: 138px;}

#content {
	float: left;
	width: 798px;
	border: none;
	border-top: 0;
	z-index: 1;
}
#content img {float: left;}

#services {
	position: relative;
	margin-left: 3px;
	z-index: 1;
}

#content .box {
	float: left;
	width: 796px;
	background-color: #ffffff;
	border-bottom: 3px solid #808080;
	border-left: 3px solid #808080;
	border-right: 3px solid #808080;
	margin-left: 3px;
}
#content .box .row {
	float: left;
	width: 256px;
	padding: 0 6px 0 0;
}

#content .box .row .a {
	float: left;
	width: 196px;
	padding: 0 0 0 0;
}

#content .box .row .b {
	float: left;
	width: 60px;
	padding: 0 0 0 0;
}

#content .last .row {background: none;padding: 8px 0 8px 0;}
#content .box .row h1, #content .box .row h2 {
	margin: 0 0 2px 0;
	color: #003a63;
	font: bold 13px Franklin Gothic, Helvetica, Arial;
	text-align: center;
}
#content .box .row h1 {margin: 0;}
#content .box .row p {
	margin: 0 0 16px 10px;
	font: bold 11px Franklin Gothic, Helvetica, Arial;
	color: #808080;
}
#content .box .row em {
	margin: 0 0 0 10px;
	font: bold 13px Franklin Gothic, Helvetica, Arial;
	font-style: italic;
	color: #003a63;
}
#content .box .middle {
	border-left: 3px solid #808080;
	border-right: 3px solid #808080;
}
#content .box .first p {margin: 12px 0 0 10px;}
#content .box .row p a {color: #6a737b;}
#content .box .row p a:hover {text-decoration: none;}
#content .box .row p i {color: #6b747c;}
#content .box .row .link {
	margin-left: 25px;
	padding-top: 25px;
	text-decoration: none;
	color: #6a737b;
	text-transform: uppercase;
	font: bold 11px Franklin Gothic, Helvetica, Arial;
}
#content .box .row .link:hover {text-decoration: underline;}
#content .box .row .color-link {
	margin: 0 0 0 15px;
	font: bold 12px Franklin Gothic, Helvetica, Arial;
	color: #6a737b;
	text-decoration: none;
}
#content .box .row .color-link:hover, #content .box .row .active  {color: #003A63;}


#content .mainbox .picture {
	float: left;
	width: 320px;
	padding: 20px 35px 0 35px;
}

#content .mainbox .picturerow {
	float: left;
	clear: right;
	width: 360px;
	padding: 15px 0 0 0;
}

#content .mainbox .picturerow p {
	margin: 0 0 16px 0px;
	font: normal 11px Franklin Gothic, Helvetica, Arial;
	color: #fff;
}

#content .mainbox .picturerow h1, #content .mainbox .picturerow h2 {
	margin: 0 0 12px 0;
	color: #fff;
	font: bold 14px Franklin Gothic, Helvetica, Arial;
	text-align: left;
	text-transform: uppercase;
}

#content .mainbox .picture2 {
	float: left;
	width: 400px;
	padding: 20px 35px 0 35px;
}

#content .mainbox .picturerow2 {
	float: left;
	clear: right;
	width: 300px;
	padding: 15px 0 0 0;
}

#content .mainbox .picturerow2 p {
	margin: 0 0 16px 0px;
	font: normal 11px Franklin Gothic, Helvetica, Arial;
	color: #fff;
}

#content .mainbox .picturerow2 a {
	margin: 0 0 16px 0px;
	font: normal 11px Franklin Gothic, Helvetica, Arial;
	color: #fff;
	text-decoration: underline;
	font-style: italics;
}

#content .mainbox .picturerow2 h1 {
	margin: 0 0 12px 0;
	color: #fff;
	font: bold 28px Franklin Gothic, Helvetica, Arial;
	text-align: left;
	text-transform: uppercase;
}

#content .mainbox {
	float: left;
	width: 805px;
	margin-top: 0px;
	background-image: url(../images/engineering.gif);
	background-repeat: norepeat;
}
#content .mainbox .row {
	float: left;
	clear: right;
	width: 266px;
	padding: 15px 0 0 0;
}

#content .mainbox .margin {
  float: left;
  width: 1.8em; /* "em size" is element dependent */
  padding: 0.5em;
  margin: 0 0.5em 0 0;
}

#content .mainbox .rowsmall {
	float: left;
	width: 30px;
	margin: 15px 0 0 60px;
}
#content .last .row {background: none;padding: 8px 0 8px 0;}
#content .mainbox .row h1, #content .mainbox .row h2 {
	margin: 0 0 12px 0;
	color: #fff;
	font: bold 14px Franklin Gothic, Helvetica, Arial;
	text-align: left;
	text-transform: uppercase;
}
#content .mainbox .row h3 {
	margin: 0 0 12px 0;
	color: #fff;
	font: bold 11px Franklin Gothic, Helvetica, Arial;
	text-align: left;
}
#content .mainbox .row h1 {margin: 0;}
#content .mainbox .row p {
	margin: 0 0 16px 0px;
	font: normal 11px Franklin Gothic, Helvetica, Arial;
	color: #fff;
}

#content .mainbox .row ul {
	margin-top: 20px;
}

#content .mainbox .row ul li {
	margin-top: 40px;
	font: normal 11px Franklin Gothic, Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	color: #fff;
	list-style-position: outside;
	list-style-type: square;
	padding: 6px;
	margin: 2px;
}
#content .mainbox .first p {margin: 12px 0 0 10px;}
#content .mainbox .row p a {color: #6a737b;}
#content .mainbox .row p a:hover {text-decoration: none;}
#content .mainbox .row .link {
	margin: 0 0 0 25px;
	text-decoration: none;
	color: #6a737b;
	text-transform: uppercase;
	font: bold 11px Franklin Gothic, Helvetica, Arial;
}
#content .mainbox .row .link:hover {text-decoration: underline;}
#content .mainbox .row .color-link {
	margin: 0 0 0 15px;
	font: bold 12px Franklin Gothic, Helvetica, Arial;
	color: #6a737b;
	text-decoration: none;
}
#content .mainbox .row .color-link:hover, #content .mainbox .row .active  {color: #003A63;}


#content .mainbox .row .second {
	width: 400px;
	margin-top: 40px;
	font: normal 11px Franklin Gothic, Helvetica, Arial, sans-serif;
}

#content .box .row .picture {
	width: 300px;
	margin-top: 10px;
	font: normal 11px Franklin Gothic, Helvetica, Arial, sans-serif;
	color: #000;
}

#content .onecolumn {
	float: left;
	width: 798px;
}
#content .onecolumn .one {
	float: left;
	width: 780px;
	padding: 35px 0 0 0;
}
#content .onecolumn .one h1, #content .onecolumn .one h2 {
	margin: 0 0 12px 0;
	color: #fff;
	font: bold 16px Franklin Gothic, Helvetica, Arial;
	text-align: center;
}
#content .onecolumn .one h1 {margin: 0;}
#content .onecolumn .one p {
	margin: 10px 0 20px 10px;
	font: normal 11px Franklin Gothic, Helvetica, Arial;
	color: #ffffff;
}
#content .onecolumn .first p {margin: 12px 0 0 10px;}
#content .onecolumn .one p a {color: #6a737b;}
#content .onecolumn .one p a:hover {text-decoration: none;}
#content .onecolumn .one p i {color: #6b747c;}
#content .onecolumn .one .link {
	margin: 0 0 0 25px;
	text-decoration: none;
	color: #6a737b;
	text-transform: uppercase;
	font: bold 11px Franklin Gothic, Helvetica, Arial;
}
#content .onecolumn .one .link:hover {text-decoration: underline;}
#content .onecolumn .one .color-link {
	margin: 0 0 0 15px;
	font: bold 12px Franklin Gothic, Helvetica, Arial;
	color: #6a737b;
	text-decoration: none;
}
#content .onecolumn .one .color-link:hover, #content .onecolumn .one .active  {color: #003A63;}



#content2 {
	float: left;
	width: 798px;
	border: none;
}
#content2 .bottom {
	float: left;
	width: 100%;
	padding: 20px 0 69px 0;
	font: 9px Franklin Gothic, Helvetica, Arial;
	color: #003a63;
}
#content2 .bottom p {
	text-align: right;
	margin: 0 8px 0 0;
}
#content2 .bottom p a {color: #003a63;}

div { font: 15px Franklin Gothic, Helvetica, Arial;
	  color: #ffffff;}

span.bold { font-weight: bold; }

div.lev1 {
   width: 0px;
   height: 0px;
   position: relative;
}

#container1 {
   z-index: 1;
   position: absolute;
   top: 30px;
   left: 75px;
}

#container2 {
   z-index: 1;
   position: absolute;
   top: 153px;
   left: 490px;
}

div.lev3top {
   z-index: 10;
   opacity: 0.8;
   width: 180px;
   height: 10px;
   background-image: url(../images/top.gif);
   background-repeat: no-repeat;
   background-color: #000000;
}

div.lev3 {
   z-index: 10;
   opacity: 0.8;
   width: 250px;
   background-color: #B5121B;
   background-image: url(../images/arrow.gif);
   background-repeat: no-repeat;
   background-position: center right;
   position: relative;
   border: 2px outset #910715;
   padding-left: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
}

div.lev3 a{
   z-index: 10;
   width: 180px;
   color: #fff;
   position: relative;
   padding-top: 3px;
   padding-bottom: 3px;
   text-decoration: none;
}

div.lev3 a:hover{
   z-index: 10;
   opacity: 0.8;
   width: 180px;
   color: #000;
   position: relative;
   padding-top: 3px;
   padding-bottom: 3px;
   text-decoration: none;
}