/************************************************************************************************************************/
/* RESET THE CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; }
table { border-collapse:separate; border-spacing:0pt; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
strong { font-weight:bold; }
em { font-style:italic; }
* { margin:0pt; padding:0pt; }
a { outline: none; }
img { vertical-align: bottom; }
.reg { font-size: .6em; vertical-align: top; }

/************************************************************************************************************************/
/* BODY AND MAIN DIV STYLES */
body { background: #ffffff url(../images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 820px; }


/************************************************************************************************************************/
/* FORMATTING TEXT STYLES */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #915416; font-weight: 600; padding: 0px 0px 6px 0px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #601203; font-weight: 600; padding: 0px 0px 3px 0px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #256582; font-weight: 600; padding: 0px 0px 4px 0px; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #601203; font-weight: 600; padding: 0px 0px 4px 0px; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #256582; font-weight: 600; padding: 0px 0px 4px 0px; }
h6 { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #601203; font-weight: 600; padding: 0px 0px 4px 0px; }
p { color: #666666; font-size: .75em; line-height: 1.4em; padding: .2em 0 1.1em 0; }
a { color: #680904; text-decoration: none; }
a:hover { color: #1D4F75; }
.bold { font-weight: 600; }
.italic { font-style: italic; }
ul { font-size: 12px; color: #666666; padding: 0px 35px 14px 20px; }
ul li { padding-bottom: 5px; }
.side-img { float: right; }
ul.two-col { float: left; width: 180px; }

.addresses { float: left; width: 440px; }

.side-box1 { background: #F2EBD1; padding: 15px 18px 5px 18px; }
.side-box2 { background: #EBF2F7; padding: 15px 18px 5px 18px; margin-top: 10px; }
.side-box3 { background: #bd6c16; margin-top: 10px; padding: 15px 18px 5px; }
.side-box1 h1, .side-box2 h3 { font-size: 14px; }

#header { float: left; width: 800px; margin: 0px 10px 0px 10px; }
* html #header { margin: 0px 5px 0px 5px; }
#logo { float: left; width: 265px; height: 53px; margin: 35px 0px 0px 0px; }
#contact-info { background: url(../images/contact-info.png) no-repeat; float: right; width: 182px; height: 63px; }
* html #contact-info { behavior: url(../images/iepngfix.htc); float: right; width: 182px; height: 63px; }
#contact-info p { color: #ffffff; padding: 8px 22px 0px 0px; text-align: right; }


/********************************************************************************************************************************/
/* TAGLINE NAVIGATION */
ul#tagline { float: right; width: 465px; list-style: none; margin: 8px 0px 0px 0px; padding: 0px; }
ul#tagline li { float: left; height: 17px; padding: 0px; }
ul#tagline li a { float: left; height: 17px; }
ul#tagline li#tag-machining { background: url(../images/tag-machining.jpg) no-repeat; width: 92px; }
ul#tagline li#tag-welding { background: url(../images/tag-welding.jpg) no-repeat; width: 75px; }
ul#tagline li#tag-fabrication { background: url(../images/tag-fabrication.jpg) no-repeat; width: 101px; }
ul#tagline li#tag-and { background: url(../images/tag-and.jpg) no-repeat; width: 35px; }
ul#tagline li#tag-millright { background: url(../images/tag-millright.jpg) no-repeat; width: 84px; }
ul#tagline li#tag-services { background: url(../images/tag-services.jpg) no-repeat; width: 75px; }

ul#tagline li#tag-machining a { background: url(../images/tag-machining.jpg) no-repeat; width: 92px; }
ul#tagline li#tag-welding a { background: url(../images/tag-welding.jpg) no-repeat; width: 75px; }
ul#tagline li#tag-fabrication a { background: url(../images/tag-fabrication.jpg) no-repeat; width: 101px; }
ul#tagline li#tag-millright a { background: url(../images/tag-millright.jpg) no-repeat; width: 84px; }
ul#tagline li#tag-services a { background: url(../images/tag-services.jpg) no-repeat; width: 75px; }

ul#tagline li#tag-machining a:hover { background: url(../images/tag-machining-over.jpg) no-repeat; }
ul#tagline li#tag-welding a:hover { background: url(../images/tag-welding-over.jpg) no-repeat; }
ul#tagline li#tag-fabrication a:hover { background: url(../images/tag-fabrication-over.jpg) no-repeat; }
ul#tagline li#tag-millright a:hover { background: url(../images/tag-millright-over.jpg) no-repeat; }
ul#tagline li#tag-services a:hover { background: url(../images/tag-services-over.jpg) no-repeat; }

/********************************************************************************************************************************/
/* BANNER AND NAVIGATION */
#nav-banner { float: left; width: 820px; margin: 11px 0px 0px 10px; }
* html #nav-banner { margin: 10px 0px 0px 5px; }
#nav { background: url(../images/bg-nav.jpg) no-repeat; float: left; width: 309px; height: 224px; border-right: solid 2px #ffffff; }
#banner { background: url(../images/banner.jpg) no-repeat; float: left; width: 495px; height: 215px; }
#banner-tag { background: url(../images/banner-title.png) no-repeat 357px 86px; float: left; width: 495px; height: 215px; }
* html #banner-tag { behavior: url(../images/iepngfix.htc); float: left; width: 137px; height: 123px; margin: 87px 0px 0px 179px; }

/********************************************************************************************************************************/
/* MAIN NAVIGATION */
#nav ul { float: left; width: 283px; list-style: none; margin: 5px 0px 0px 15px; padding: 0px; }
* html #nav ul { margin: 5px 0px 0px 7px; }
#nav ul li { width: 273px; height: 32px; margin: 0px 0px 0px 0px; padding: 0px; }
#nav ul li a { display: block; width: 273px; height: 32px; }

#nav ul li#home { background: url(../images/nav-home.png) no-repeat 7px center; }
#nav ul li#about { background: url(../images/nav-about.png) no-repeat 7px center; }
#nav ul li#compressors { background: url(../images/nav-compressors.png) no-repeat 7px center; }
#nav ul li#services { background: url(../images/nav-services.png) no-repeat 7px center; }
#nav ul li#suppliers { background: url(../images/nav-suppliers.png) no-repeat 7px center; }
#nav ul li#contact { background: url(../images/nav-contact.png) no-repeat 7px center; }

#nav ul li .divide { background: url(../images/nav-divide.jpg) no-repeat bottom; display: block; width: 273px; }

#nav ul li#home a { background: url(../images/nav-home.png) no-repeat 7px center; }
#nav ul li#about a { background: url(../images/nav-about.png) no-repeat 7px center; }
#nav ul li#compressors a { background: url(../images/nav-compressors.png) no-repeat 7px center; }
#nav ul li#services a { background: url(../images/nav-services.png) no-repeat 7px center; }
#nav ul li#suppliers a { background: url(../images/nav-suppliers.png) no-repeat 7px center; }
#nav ul li#contact a { background: url(../images/nav-contact.png) no-repeat 7px center; }

/* #nav ul li#compressors.arrow { background: url(../images/nav-arrow.png) no-repeat 250px 8px; }
#nav ul li#services.arrow { background: url(../images/nav-arrow.png) no-repeat 250px 8px; } */

#nav ul li#home:hover, #nav ul li#about:hover, #nav ul li#compressors:hover, #nav ul li#services:hover, #nav ul li#suppliers:hover, #nav ul li#contact:hover { background: url(../images/nav-highlight.jpg) repeat-y; }

* html #nav ul li { behavior: url(../images/iepngfix.htc); height: 25px; margin-top: 7px; }
* html #nav ul li a { behavior: url(../images/iepngfix.htc); cursor: pointer; height: 25px; }
* html #nav ul li#compressors.arrow,* html #nav ul li#services.arrow { background: none; }

/********************************************************************************************************************************/
/* CONTENT STYLES */
#container { background: url(../images/bg-content.jpg) no-repeat 0px 10px; float: left; width: 820px; }
#content { padding: 10px 45px 0px 45px; }
#left-cont { float: left; width: 470px; padding-right: 30px; }
#right-cont { float: right; width: 225px; }


/********************************************************************************************************************************/
/* ICON NAVIGATION */
#icon-nav { background: url(../images/bg-icons-line.jpg) repeat-x 0px 18px; float: left; width: 800px; margin: 10px 10px 0px 10px; padding-bottom: 20px; }
* html #icon-nav { margin: 10px 5px 0px 5px; }
#icon-bg { width: 723px; margin: auto; }

#icons ul { background: url(../images/bg-icons.png) no-repeat; float: left; width: 703px; list-style: none; padding: 20px 0px 0px 20px }
* html #icons ul { behavior: url(../images/iepngfix.htc); float: left; width: 703px; }
#icons ul li { float: left; width: 121px; text-align: center; }
#icons ul li#icon-machining { padding: 0px 20px 0px 0px; }
#icons ul li#icon-welding { padding: 0px 18px 0px 0px; }
#icons ul li#icon-fabrication { padding: 0px 22px 0px 0px; }
#icons ul li#icon-millright { padding: 0px 18px 0px 0px; }

#icon-machining .icon-img { width: 52px; height: 44px; }
#icon-welding .icon-img { width: 56px; height: 48px; }
#icon-fabrication .icon-img { width: 57px; height: 50px; }
#icon-millright .icon-img { width: 41px; height: 42px; }
#icon-compressors .icon-img { width: 48px; height: 48px; }
.icon-img { behavior: url(../images/iepngfix.htc); }

.icon { height: 57px; }
.icon-title { padding-bottom: 5px; }
.icon-desc { font-size: 10px; font-weight: bold; color: #8C8C8C; padding-bottom: 10px; }
.learn-more { background: url(../images/title-learn-more.jpg) no-repeat; float: left; width: 77px; height: 21px; margin-left: 20px; }
* html .learn-more { margin-left: 10px; }
.learn-more a { background: url(../images/title-learn-more.jpg) no-repeat; float: left; width: 77px; height: 21px; }
.learn-more a:hover { background: url(../images/title-learn-more-over.jpg) no-repeat; }

/********************************************************************************************************************************/
/* HORTIZONTAL ICON NAVIGATION */
ul#icons-hort { float: left; width: 700px; list-style: none; margin: 10px 0px 10px 0px; }
ul#icons-hort li { float: left; width: 700px; padding-bottom: 0px; margin-bottom: 20px; border-bottom: solid 1px #E8E9EA; }
ul#icons-hort li.no-border { border-bottom: none; margin-bottom: 0px; }
.icon-left { float: left; width: 80px; padding-left: 20px; }
.icon-right { float: left; width: 550px; }

#contact-left { float: left; width: 425px; }
#contact-right { float: left; width: 302px; }
#map { float: left; width: 300px; height: 250px; border: solid 1px #1D4F75; }

/********************************************************************************************************************************/
/* FOOTER STYLES */
#footer { background: url(../images/bg-footer.jpg) repeat-y; float: left; width: 820px; }
#footer-bottom { background: url(../images/bg-footer-shadow.jpg) no-repeat bottom; float: left; width: 820px; }
#footer-cont { float: left; padding: 6px 20px 8px 20px; }
#footer-cont p, #footer-cont p a { color: #ffffff; text-decoration: none; }
#footer-cont p a:hover { color: #CAD9E5; }
.footer-left { float: left; width: 450px; font-weight: 600; }
.footer-right { float: right; text-align: right; width: 330px; }

/********************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth a { float: right; clear: both; margin: 0px 10px 5px 0px; }
#binarycanary a { float: right; clear: both; text-decoration: none; font-size: 10px; color: #B3B3B3; margin: 0px 10px 5px 0px; }