/* CSS Document */
/************************************************************
SITE COLORS

	#d00f0f - Phone Number Red
	#850000 - Dark Red
	#c60000 - Light Red
	# - 
	# - 
	# - 
	# - 
	#5a5a5a - dark gray
	#8d8d8d - body bg gray

************************************************************/

* {
	margin: 0px;
	padding: 0px;}
:focus {
	outline: 0;}
body {
	background: #8d8d8d url(../images/body.jpg) repeat-x left top;
	height: 100%;
	width: 100%;
	font: 14px Arial, Helvetica, sans-serif;
}
#header {
	width: 980px;
	background: url(../images/header.jpg) no-repeat left top;
	margin: 0px auto;
	text-align: center;
	padding: 0px;
	height: 116px;
}
a.homelink {
	display: block;
	float: left;
}
p#headerinfo {
	width: 480px;
	display: block;
	height: 31px;
	padding-bottom: 25px;
	text-align: left;
	padding-top: 7px;
	color: #CCCCCC;
	font-size: 24px;
	padding-left: 30px;
	float: right;
}
p#headerinfo a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 45px;
}
p#headerinfo a.quote {
	padding-right: 10px;
}
p#headerinfo a:hover {
	color: #ccf;
}
#topnav {
	width:657px;
	height: 35px;
	display: block;
	margin-left: 41px;
	float: right;
	z-index: 10000;
	position: relative;
}
/* remove all the bullets, borders and padding from the default list styling */
#topnav ul {
	width: 650px;
	height: 35px;
	list-style: url(none) none;
	display: block;
}
#topnav ul ul {
	width:232px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnav li {
	float: left;
	position: relative;
	height: 35px;
	list-style: url(none) none;
	font-size: 12px;
	color: #FFFFFF;
}
/* style the links for the top level */
#topnav a, #topnav a:visited {
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	height: 35px;
	text-align: center;
	line-height: 35px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnav ul ul {
	visibility:hidden;
	position:absolute;
	top:35px;
	left:-156px;
	width:232px;
    height: 140px;
	text-align: left;
	margin: 0px;
	list-style-type: none;
	padding: 10px 0px 0px 0px;
	background: #5a5a5a url(../images/topnav-drop.jpg) no-repeat center top;}
#topnav ul ul#service {
	height: 45px;
	left: 0px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#topnav table {
	position:absolute; 
	top:0; 
	left:0;}
/* style the second level links */
#topnav ul ul li {
	margin: 0px;
	height: 19px;
	width: 232px;
	padding: 0px;
	border-bottom: solid 1px #ffffff;}
#topnav ul ul li.bottom {
	border: none;
	clear:both;
}
#topnav ul ul a, #topnav ul ul a:visited {
	color:#fff;
	height:19px;
	width:212px;
	line-height:19px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	display: block;}
/* style the top level hover */
#topnav a:hover {
	color: #CCF;
}
#topnav ul ul a:hover {
	background: #c2c2c2 url(../images/dropnav-arrow.jpg) no-repeat left center;
	color: #036;}
#topnav :hover > a#industrylink {
	background: url(../images/industrylink.jpg) no-repeat left center;
	color: #ccf;}
#topnav :hover > a#serviceslink {
	background: url(../images/servicelink.jpg) no-repeat left center;
	color: #ccf;}
#topnav ul ul :hover > a {
}
/* make the second level visible when hover on first level list OR link */
#topnav ul li:hover ul, #topnav ul a:hover ul {
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#topnav ul :hover ul ul {
	visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#topnav :hover ul :hover ul { 
	visibility:visible;}
#topnav a#samepage {
	color: #183C5A;}
#topnav a#samepage {
	background: url(../images/topnav-hover.jpg) no-repeat center center;
	color: #183C5A;}
#top ul ul {
	z-index: 300;
}
#topnav a#samepage:hover {
 	text-decoration: underline;}
a#homelink {
	width:53px}
a#aboutlink {
	width:68px}
a#newslink {
	width:51px}
a#expertlink {
	width:95px}
a#enginlink {
	width:83px }
a#serviceslink {
	width:112px}
a#industrylink {
	width:73px}
a#supplierslink {
	width:120px; }
a#contactlink {
	width:76px; }
a#homelink:hover {
	background:  url(../images/homelink.jpg) no-repeat left top;}
a#aboutlink:hover {
	background:  url(../images/aboutlink.jpg) no-repeat left top;}
a#newslink:hover {
	background:  url(../images/newslink.jpg) no-repeat left top;}
a#expertlink:hover {
	background:  url(../images/expertlink.jpg) no-repeat left top;}
a#enginlink:hover {
	background:  url(../images/enginlink.jpg) no-repeat left top;}
a#serviceslink:hover {
	background:  url(../images/servicelink.jpg) no-repeat left top;}
a#industrylink:hover {
	background:  url(../images/industrylink.jpg) no-repeat left top;}
	a#supplierslink:hover {
	background:  url(../images/supplierslink.jpg) no-repeat left top; }
a#contactlink:hover {
	background:  url(../images/contactlink.jpg) no-repeat left top; }
	
#middle {
	background: #ffffff;
	width: 100%;
}
#contentholder {
	margin: 0px auto;
	width: 980px;
	text-align: center;
	background: url(../images/contentimage.jpg) repeat-y right top;
	z-index: 5;
}
#contentimage {
	background: url(../images/contentholder.jpg) no-repeat right top;
}
#nav {
	float: left;
	width: 154px;
	text-align: left;
	padding-top: 15px;
	position:relative;
	z-index:150;
}
#nav ul {
	list-style: url(none) none;
}
#nav li {
	display: block;
	margin-bottom: 5px;
}
#nav a {
	display: block;
	font-size: 13px;
	color: #fff;
	line-height: 20px;
	background: url(../images/nav-li.jpg) no-repeat left top;
	width: 150px;
	text-decoration: none;
	padding-left: 4px;
	padding-bottom: 3px;
}
#nav a:hover, #nav a.samepage {

}
#nav ul li {float:left; margin-right:1px; position:relative;}
#nav ul li ul {display: none;}
/* #nav ul li:hover a {color:#fff; background:#000;} */
#nav ul li:hover ul {
display:block; position:absolute; top:0;
left:154px; width:153px; border: solid 1px #036; z-index: 1000;background: #fff;
}
#nav ul li:hover ul li a.hide {
background:#fff; color:#444;
}
#nav ul li:hover ul li:hover a.hide {width:150px;}
#nav ul li:hover ul li ul {display: none;}
#nav ul li:hover ul li a {
display:block; background:#fff; color:#444; width:139px; border-bottom: 1px dashed #6f6f6f; padding-left: 11px; font-size: 12px; line-height:18px; margin-bottom:0;padding-bottom:0;
}
#nav ul li:hover ul li a:hover {	color: #036;
	border-bottom: 1px dashed #036;
	background: url(../images/show-hover.jpg) no-repeat left center;}
#nav ul li:hover ul li:hover ul {
display:block; position:absolute; left:151px; top:0; color:#000;
}
#nav ul li:hover ul li:hover ul li a {
display:block; width:200px; background:#dfc184; color:#000;
}
#nav ul li:hover ul li:hover ul li a:hover {background:#bd8d5e;
color:#fff;
}


/* #nav ul ul.hide {
	display:none;
}
#nav ul ul.show {
	width: 154px;
	background: #FFFFFF url(../images/show-ul.jpg) no-repeat left bottom;
	padding-bottom: 9px;
}
#nav ul ul.show li {
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(../images/show-left.jpg) repeat-y left top;
}
#nav ul ul.show li.top {
	background: url(../images/show-top.jpg) no-repeat left top;
	padding-top: 15px;
	margin-top: -6px;
}
#nav ul ul.show a {
	background: url(none);
	color: #6f6f6f;
	line-height: 18px;
	border-bottom: 1px dashed #6f6f6f;
	font-size: 12px;
	width: 141px;
	padding-left: 11px;
	margin-left: 1px;
	padding-bottom: 0px;
}
#nav ul ul.show a:hover {
	color: #c60000;
	border-bottom: 1px dashed #c60000;
	background: url(../images/show-hover.jpg) no-repeat left center;
}
#nav ul ul.show li.bottom a {
	border-bottom: none;
}
#nav ul ul.show li.bottom a:hover {
	border-bottom: none;
} */
#content {
	float: left;
	width: 653px;
	padding-right: 10px;
	padding-left: 10px;
}
h1.pagetitle {
	font-size: 18px;
	text-align: left;
	color: #5B5B5B;
	padding-top: 10px;
}
h2.subtitle {
	font-size: 14px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #C20013;
}
#breadcrumbs {
	text-align: left;
	padding-right: 10px;
	font-size: 11px;
	color: #28517D;
	padding-top: 3px;
	padding-bottom: 3px;
}
#breadcrumbs a {
	color: #036;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #5B5B5B;
}
#content p {
	font-size: 13px;
	color: #333333;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#content p strong {

}
#content p a {

}
#content p a:hover {

}
#content ul {
	text-align: left;
}
#content ul li {
	font-size: 12px;
	color: #333333;
	margin-left: 20px;
}
.homebox {
	height: 125px;
	width: 455px;
	margin-bottom: 10px;
	background: url(../images/homebox.jpg) no-repeat center 10px;
	padding-top: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.homebox h1 {
	color: #c60000;
	font-weight: normal;
	display: block;
	float: left;
	font-size: 16px;
	margin-top: 5px;
	line-height: 22px;
	text-align: right;
	width: 440px;
	padding-bottom: 5px;
	margin-right: 5px;
}
.homebox p {
	float: right;
	display: block;
	text-align: left;
	font-size: 14px;
	color: #FF0000;
	width: 300px;
	padding: 15px 5px 5px;
}	
.homebox p strong {
	font-weight: normal;
	color: #c60000;
}

ul.mainpage {
	height: 160px;
	width: 645px;
	padding-left: 0px;
	padding-top: 10px;
	margin-top: 25px;
	list-style-type: none;
	margin-left: 0px;
}
ul.mainpage li {
	line-height: 15px;
	float: left;
	width: 290px;
	padding: 5px;
	margin-left: 0px;
	list-style-type: none;
	display: block;
}
ul.mainpage a {
	color: #6E6E6E;
	text-decoration: none;
	font-weight: bold;
}
ul.mainpage a:hover {
	color: #28517D;
}
#content img.rightimg {
	padding: 1px;
	float: right;
	border: 1px solid #999999;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#content img.leftimg {
	padding: 1px;
	float: left;
	margin-right: 10px;
	border: 1px solid #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.piclist {
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	list-style: none;
	width: 445px;
}
ul.piclist li {
	display: block;
	width: 445px;
	height: 150px;
}
ul.piclist img {
	float: left;
	margin-right: 10px;
	border: 1px solid #72000A;
}
ul.piclist p {
	text-align: left;
	font-size: 12px;
	color: #595959;
	padding-top: 10px;
}
ul.piclist p strong {
	color: #333333;
	display: block;
}
ul.piclist a {
	color: #76000A;
	font-weight: bold;
	display: block;
	padding-top: 15px;
	text-decoration: none;
}
ul.piclist a:hover {
	color: #000000;
}
ul.captionlist {
	width: 670px;
	margin-left: 2px;
	text-align: center;
}
ul.captionlist li {
	padding: 2px;
	float: left;
	width: 305px;
	height: 230px;
	display: block;
	margin-bottom: 6px;
	text-align: center;
	margin-left: 0px;
	list-style-type: none;
}
ul.captionlist li img {
	padding: 2px;
	border: 1px solid #CCCCCC;
}
ul.captionlist li p {
	font-size: 10px;
	width: 280px;
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
#navright {
	float: right;
	width: 151px;
}
#navright ul {}
#navright li {}
#navright a {}
#navright a:hover, #navright a.samepage {}

.imhs {
	text-decoration: none;
	background: url(../images/ism.jpg) no-repeat center top;
	margin-top: 10px;
	height: 235px;
	width: 145px;
	margin-left: 2px;
}
a.imhslink {
	text-decoration: none;
	display: block;
	height: 235px;
}
a.imhslink h1 {
	font-size: 16px;
	color: #003;
	text-align: center;
	padding-top: 65px;
	padding-bottom: 5px;
}
a.imhslink p {
	font-size: 11px;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	color: #484848;
	padding-top: 4px;
}
a.imhslink p strong {
	color: #039;
	font-weight: normal;
}

a.imhslink:hover {
}
a.imhslink:hover u {
	color: #700a0a;
}
#navright .menuitem {
	background: url(../images/right-menuitem.jpg) no-repeat center bottom;
	width: 146px;
	margin-left: 2px;
	margin-top: 10px;
	padding-bottom: 6px;
}
#navright .menuitem-image {
	background: url(../images/right-menuitem.jpg) no-repeat center top;
}
#navright .menuitem h3 {
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 4px;
}
#navright .menuitem h2 {
	font-size: 12px;
	text-align: left;
	color: #333;
	padding-top: 8px;
	padding-left: 4px;
	padding-bottom: 4px;
}
#navright .menuitem p {
	font-size: 12px;
	color: #666;
	text-align: left;
	display: block;
	margin-right: 4px;
	margin-left: 4px;
	padding-bottom: 8px;
	border-bottom: 1px solid #aaa;
}
#navright .menuitem p a {
	font-size: 11px;
	color: #333333;
	text-align: right;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
#navright .menuitem p a:hover {
	color: #C90013;
}
#navright .menuitem a {
	font-size: 12px;
	color: #036;
	text-align: left;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	text-decoration: none;
}
#navright .menuitem a:hover {
	color: #000000;
}
#footer {
	background: url(../images/footer.jpg) repeat-x left top;
	width: 100%;
	height: 70px;
}
#footercontent {
	background: url(../images/footercontent.jpg) no-repeat center top;
	text-align: center;
	margin: 0px auto;
	width: 826px;
	height: 70px;
	padding-left: 154px;
	font-size: 12px;
	color: #2A2A2A;
}
p#copyright {
	text-align: left;
	float: left;
	width: 240px;
	display: block;
	padding-top: 10px;
}
.industriallink {
	text-align: right;
	float: right;
	width: 300px;
	padding-top: 10px;
}
.industriallink a {
	color: #2A2A2A;
}
.industriallink a:hover {
	color: #C90000;
}
p.homeinfo {
	float: right;
	width: 240px;
	display: block;
	height: 280px;
	z-index: 92;
	color: #FFFFFF;
	position: relative;
	top: 40px;
	right: 0px;
}
p.homeinfo b {
	color: #FFFFFF;
}
p.homeinfo strong {
	color: #FFFFFF;
}
#menu2 {
	font-family: verdana, arial, sans-serif;
	width:662px;
	height:450px;
	margin:15 0 0;
	position:absolute;
	background: url(../images/homebox.jpg) no-repeat center center;
	z-index: 5;
}
h2.hometitle {
	color: #c60000;
	font-weight: normal;
	display: block;
	float: left;
	font-size: 16px;
	margin-top: 5px;
	line-height: 22px;
	text-align: right;
	width: 440px;
	padding-bottom: 5px;
	margin-right: 5px;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
#menu2 ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	border:0;
}
#menu2 ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
#menu2 ul li {
	float:left;
	display: block;
	width: 100%;
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#menu2 ul li a, .menu2 ul li a:visited {
	display:block;
	text-align:left;
	text-decoration:none;
	width:188px;
	height:25px;
	color:#414141;
	line-height:25px;
	font-size:11px;
	padding-left: 4px;
	margin-left: 1px;
}
/* make the dropdown ul invisible */
#menu2 ul li ul {
	position:absolute;
	height:0;
	right: -9999px;
	display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#menu2 ul li#current a {
	color:#c30000;
}
#menu2 ul li a:hover,
#menu2 ul li:hover a {
	color:#c30000;
	background:url(../images/home-hover.jpg) no-repeat right center;
}
/* make the sub menu ul visible and position it beneath the first list item */
#menu2 ul li#current ul,
#menu2 ul li.click ul {
	top:0px;
	height:350px;
	background:url(../images/home-ul.jpg) no-repeat left 62px;
	text-align:left;
	right: 0px;
	width: 471px;
	padding-top: 62px;
	padding-bottom: 25px;
	display: block;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#menu2 ul li#current ul li,
#menu2 ul li.click ul li {
	color:#000;
	padding:10px 15px 10px 10px;
	width:445px;
	height:430px;
}
#menu2 ul li#current ul li {
}
/* style the paragraph font height */
#menu2 ul li#current ul li h5,
#menu2 ul li.click ul li h5 {
	font-size:16px;
	color: #C30000;
}
/*float the image left with padding and no border */
#menu2 ul li#current ul li img,
#menu2 ul li.click ul li img {
}
/* style the paragraph font height */
#menu2 ul li#current ul li p,
#menu2 ul li.click ul li p {
	font-size: 12px;
}
/* style the background and foreground color of the submenu links */
#menu2 ul li#current ul li a,
#menu2 ul li.click ul li a {
	background: none;
	display: inline;
	color:#c30000;
}
/* style the background and forground colors of the links on hover */
#menu2 ul li#current ul li a:hover,
#menu2 ul li.click ul li a:hover {
	background: none;
	display: inline;
	color:#c30000;
}
#menu2 a.top {
	margin-top: 30px;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;}
#nav ul li ul#mhe {
	top: -300px;
}
.menuitem h3 {
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	color: #B40000;
	margin: 0px;
	padding: 2px;
}
.menuitem p {
	margin: 0px;
	padding: 0px;
}
.menuitem p a{
	color: red;
	text-decoration: underline;
}
div.column {
	float: left;
	width: 48%;
}
div.rightcol {
	float: left;
	width: 47%;
	padding-left: 2%;
	margin-left: 2%;
	border: solid 1px #ccc;
}
dl dt {
	float: left;
	width: 90px;
	height: 120px;
	clear: both;
	font-weight: bold;
	color: #325D8A;
	border: 1px solid #2C5581;
}
dl dd {
	font-size: 12px;
	margin-left: 105px;
	text-align: left;
	margin-bottom: 15px;
}
.column a img, .rightcol a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
dl dt a {
	color: #2E5884;
	text-decoration: none;
}
div.rightcol {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-right: 0%;
	padding-left: 2%;
	margin-left: 2%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
.centered  p a{
	color: #036;
	text-decoration: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #28527E;
}
.producttable td {
	text-align: center;
	padding: 4px;
}
.producttable a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.producttable a {
	text-decoration: none;
	color: #366090;
}
.producttable a:hover {
	text-decoration: underline;
}
div.centeredimages img {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	float: none;
	margin-top: 8px;
	margin-bottom: 8px;
}
div.centeredimages {
	text-align: center;
}