/* Hunt Engineering -  http://www.huntvalve.com/update/ */

/* LAST EDIT: */
/* 3/20/09 - Roy */


/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}

body {
background: #223053;
}

h1 {
font: bold 24px/28px Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0px 0px 40px 0px;
}

h2 {
font: bold 18px/24px Arial, Helvetica, sans-serif;
color: #223053;
padding: 7px 0px 5px 0px;
}

h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
font: bold 18px/24px Arial, Helvetica, sans-serif;
color: #223053;
padding: 7px 0px 5px 0px;
}

h3 {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #223053;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
padding: 5px 0px 10px 0px;
}

ul {
list-style-position: outside;
margin: 0px 0px 10px 20px;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

a:link, a:active, a:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color: #0100a8;
text-decoration: underline;
}
a:hover {
font: normal 12px Arial, Helvetica, sans-serif;
color: #0100a8;
text-decoration: none;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

.left {
float: left;
margin: 10px 15px 15px 0px;
padding: 0px;
border: 0px;
}

.right {
float: right;
margin: 10px 0px 15px 15px;
padding: 0px;
border: 0px;
}

.clear {
clear:both;
}


table {
}

tr {
}

th {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

fieldset {
font: bold 12px/18px Arial, Helvetica, sans-serif;

}

a.button:link, a.button:active, a.button:visited {
line-height: 32px;
text-decoration: none;
padding: 5px;
margin: 5px 10px 5px 0px;
background: #cccccc;
border: 1px solid #0100a8;
}
a.button:hover {
line-height: 32px;
text-decoration: none;
padding: 5px;
margin: 5px 10px 5px 0px;
color: #ffffff;
background: #11286B;
border: 1px solid #0100a8;
}

/*  ::::::: Main Wrap  ::::::: */

.MainBody-Wrap {
background: #ffffff url(../img/body.jpg) center top repeat-y;
}

.MainBody {
width: 840px;
margin: 0px auto;

}

/* ::::::: Header ::::::: */

.TopOfPage {
background: #ffffff url(../img/header-bg.jpg) top left repeat-x;
width: 100%;
}

.TopOfPage-Inner {
background: transparent;
width: 840px;
height: 106px;
margin: 0px auto;
position: relative;
}

a.HomeLink {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 106px;
}

a.HomeLink span {
display: none;
}

.TopOfPage a.HomeLink img {
border: 0px;
}

.TopOfPage .HeaderText {
float: right;
padding: 10px 0px 0px 0px;

}

.TopOfPage .HeaderText p {
color: #fff;
font: bold 16px/18px arial;
text-align: right;
padding: 5px 0px;
margin: 0px;
}

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
text-align: center;
width: 100%;
padding: 0px;
border-bottom: 1px solid #171717;
background: #ffffff;
}

ul#nav {/* Main List */
width: 840px;
margin: 0px auto;
height: 40px;
display: block;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 140px;
}

ul#nav li a span {
display: none;
}

ul#nav li a.companyinformation:link, ul#nav li a.companyinformation:active, ul#nav li a.companyinformation:visited { /* main links */
background: url(../img/company-information.jpg) left top no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}
ul#nav li a.companyinformation:hover {
background: url(../img/company-information.jpg) left bottom no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}

ul#nav li a.quality:link, ul#nav li a.quality:active, ul#nav li a.quality:visited { /* main links */
background: url(../img/quality.jpg) left top no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}
ul#nav li a.quality:hover {
background: url(../img/quality.jpg) left bottom no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}

ul#nav li a.militaryproducts:link, ul#nav li a.militaryproducts:active, ul#nav li a.militaryproducts:visited { /* main links */
background: url(../img/military-products.jpg) left top no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}
ul#nav li a.militaryproducts:hover {
background: url(../img/military-products.jpg) left bottom no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}

ul#nav li a.industrialproducts:link, ul#nav li a.industrialproducts:active, ul#nav li a.industrialproducts:visited { /* main links */
background: url(../img/industrial-products.jpg) left top no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}
ul#nav li a.industrialproducts:hover {
background: url(../img/industrial-products.jpg) left bottom no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}

ul#nav li a.engineeredsolutions:link, ul#nav li a.engineeredsolutions:active, ul#nav li a.engineeredsolutions:visited { /* main links */
background: url(../img/engineered-solutions.jpg) left top no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}
ul#nav li a.engineeredsolutions:hover {
background: url(../img/engineered-solutions.jpg) left bottom no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}

ul#nav li a.manufacturingtechnology:link, ul#nav li a.manufacturingtechnology:active, ul#nav li a.manufacturingtechnology:visited { /* main links */
background: url(../img/manufacturing-technology.jpg) left top no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}
ul#nav li a.manufacturingtechnology:hover {
background: url(../img/manufacturing-technology.jpg) left bottom no-repeat;
font: bold 12px/40px Arial, Helvetica, sans-serif;
display: block;
height: 40px;
}


ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
border-top: 1px solid #171717;
border-right: 1px solid #666666;
margin: 0px;
}

ul#nav li ul li {
float: left;
position: relative;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
width: 160px;
}

ul#nav li ul li a { /*sub links */
background: #E4E4E4;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #233053;
height: 30px;
display: block;
text-decoration: none;
}

ul#nav li ul li a:hover {
background: #233053;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #ffffff;
height: 30px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


/* ::::::: Inner/Right Wrap ::::::: */

.Wrap {
background: #ffffff url(../img/wrap.jpg) left top no-repeat;
width: 590px;
float: left;
}

/* ::::::: Main Content Area ::::::: */

.InnerBody {
padding: 10px 20px 20px 20px;
}

/* ::::::: Right Column  ::::::: */

.LeftMargin {
display: none;
}


/* ::::::: Left Column ::::::: */

.RightMargin {
background: #E4E4E4 url(../img/rightmargin-top.jpg) left top no-repeat;
padding: 56px 0px 0px 0px;
width: 250px;
float: right;
}

.RightMargin img {
margin: 10px 20px;
}


p.Section {
font: bold 18px/18px Arial, Helvetica, sans-serif;
text-align: center;
padding: 20px 0px 10px 0px;
margin: 0px;
color: #2e3c63;
}

ul.SubLinks {
background: #F0F1F5 url(../img/sublinks.jpg) left bottom repeat-x;
margin: 0px;
list-style-type: none;
padding: 10px 20px 30px 20px;
}

ul.SubLinks li {
list-style-type: none;
}

ul.SubLinks li a:link, ul.SubLinks li a:active, ul.SubLinks li a:visited {
display: block;
width: 210px;
height: 30px;
background: #ffffff;
margin: 0px 0px 1px 0px;
padding: 0px;
font: bold 14px/30px Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
color: #3b3b3b;
}


ul.SubLinks li a:hover {
display: block;
width: 210px;
height: 30px;
background: #223053;
margin: 0px 0px 1px 0px;
padding: 0px;
font: bold 14px/30px Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
color: #ffffff;
}


.subsub {
padding: 10px 20px;
}

.CTA {
background: #fafafa;
margin: 20px;
padding: 20px;
}

.CTA h3 {
font: bold 19px arial;
color: #0100a8;
}

.CTA p {
color: #233053;
}

 /* ::::::: Bottom Links ::::::: */
 
.SiteFooter {
background: #223053;
text-align: center;
clear: both;
}

.SiteFooter a:link, .SiteFooter a:active, .SiteFooter a:visited {
font: bold 11px/30px Arial, Helvetica, sans-serif;
margin: 0px 15px;
text-decoration: none;
color: #ffffff;
}

.SiteFooter a:hover {
font: bold 11px/30px Arial, Helvetica, sans-serif;
margin: 0px 15px;
text-decoration: underline;
}

/* ::::::: Copyright Area ::::::: */

.Footer {
background: #223053;
text-align: center;
padding: 0px 0px 40px 0px;
}

.Footer p {
font-size: 9px;
color: #ffffff;
}

.Footer a:link, .Footer a:active, .Footer a:visited {
font: bold 9px/30px Arial, Helvetica, sans-serif;
margin: 0px 25px;
text-decoration: none;
}

.Footer a:hover {
font: bold 9px/30px Arial, Helvetica, sans-serif;
margin: 0px 25px;
text-decoration: underline;
}

/**** Home ****/

.FlashWrap {
height: 282px;
width: 100%;
}

.Flash {
background: url(../img/flash-bg.jpg) left top repeat-y;
height: 282px;
width: 800px;
margin: 0px auto;
padding: 0px 61px;
}


.HomeWrap {
width: 100%;
}

.HomeWrap {
background: none;
width: 800px;
margin: 0px auto;
padding: 20px 0px;
}

.HomeWrap .Home1 ul, .HomeWrap .Home2 ul {
list-style: disc;
padding: 20px 0px;
}

.Home1 {
width: 380px;
float: left;
}

.Home1 li {
font: bold 12px/18px arial;
padding: 2px 0px;
}

.Home2 {
width: 380px;
float: right;
}

.Home2 li {
font: bold 12px/18px arial;
padding: 2px 0px;
}

/* :::: Form :::: */

.form {
}

.formline {
display: block;
height: 40px;
width: 300px;
}

.formline p {
float: left;
}

.formline input {
float: right;
width: 200px;
height: 20px;
}


.mesg {
display: block;
}

.mesg textarea {
width: 500px;
height: 200px;
}

.submit {
margin: 10px 0px;
clear: left;
}