/* westfallmfg.com */

/* base.css */

/*
  This is the base style for all body text.
  Special thanks to Owen Briggs for relative font sizing tips.
  Apply to all block elements to override any browser defaults.
*/
body,
div,
img,
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
p,
ul,
ol,
dl {
 font-family: "Tahoma", "Arial", san-serif;
 /*font-size: 68.75%;*/   /* = 11px, based on default (100%) = 16px */ 
 font-size: 14px;
 font-weight: normal;
 color: white;
 line-height: 1.6363em; /* 18px from 11px base */
 text-align: left;
 vertical-align: middle;
}

/*
  Remove all margins & padding.
  They will be replaced only as needed.
*/

a,
body,
div,
img,
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
p,
ul,
ol,
li {
 margin: 0;
 padding: 0;
 border: none;
 display: block;
}

img {
 display: inline;
}

ul {
 list-style-type: square;
}

body {
 /*background-color: #5594f2;*/
 /*background-color: #bbc9dd;*/
 background-color: #89b6f7;
 background-image: url('images/background_grad_3.jpg');
 background-repeat: repeat-x;
}

p {
 margin-bottom: 1.6363em; /* 18px from 11px base */
}

/*
  This is the base style for all headers.
*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
 font-family: "Tahoma", sans-serif; 
 font-weight: bold;
 line-height: 1.4em;
 text-align: left;
 vertical-align: middle;
 margin-bottom: 8px;
}

h1 {
 font-size: 1.2727em;  /* 14px from 11px base */
 line-height: 1.1429em; /* 16px from 14px base */
}

h2 {
 font-size: 1.1018em;  /* 12px from 11px base */
 line-height: 1.1667em;  /* 14px from 12px base */
}

h3 {
 font-size: 1em;
 font-weight: bold;
}

h4 {
  font-size: 1em;  
  font-style: italic;
}

h5 {
/*  font-size: 0.6em;  */
}

h6 {
/*  font-size: 0.6em;  */
}

/*
  Default link settings
*/
a {
 display: inline;
 text-decoration: underline; 
 outline-width: 0;
}

a:link {
 color: white;
 background-color: inherit;
}

a:visited {
 color: #dbe8ff;
 background-color: inherit
}

a:hover {
 color: #b5cfff;
 background-color: inherit
}

a:active {
 color: white;
 background-color: inherit
}

.clear_floats {
 display: block;
 clear: both;
}

#main_content {
 position: relative;
 z-index: 200;
 width: 700px;
 margin-top: 120px;
 left: 424px;
 min-height: 420px;
 padding: 16px;
 color: white;
 border-bottom: 2px solid #db0029;
}

#main_content .captioned_image,
#main_content .product_image {
 text-align: center;
 font-size: .9167em;
 line-height: 1.1818em;
 font-weight: bold;
 margin-bottom: 16px;
 display: block;
}

#main_content .product_image {
 width: 240px;
}

#main_content .captioned_image img,
#main_content .product_image img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 8px;
}

#main_content .product_image {
 float: right;
 margin-left: 8px;
 margin-bottom: 8px;
}

#main_content .full_column {
 float: none;
 width: auto;
}

#main_content .product_elevation {
 position: absolute;
 top: 24px;
 right: 48px;
}

#main_content cite {
 font-style: italic;
 font-weight: bold;
}

#main_content ul {
 margin-left: 32px;
 margin-bottom: 16px;
}

#main_content li {
 display: list-item;
 line-height: 1.1667em;
 margin-bottom: 6px;
}

#main_content dt {
 font-weight: bold;
 width: 10.5em;
 text-align: right;
 float: left;
}

#main_content dd {
 margin-left: 11em;
 margin-bottom: 6px;
}

#main_content table {
 caption-side: bottom;
 margin-left: 16px;
 border: 2px solid #eef4fa;
 background-color: #eef4fa;
}

#main_content td,
#main_content th {
 padding-left: 8px;
 padding-right: 8px;
}

#main_content table caption {
 padding-top: 8px;
}

#main_content table .col_1,
#main_content table .col_2 {
 text-align: center;
 width: 30px;
}

#main_content table .alt_row {
 background-color: #c5d8ec;
}

#main_content td.fill_col {
 width: 100px;
}

#main_content table caption {
 font-size: .8333em;
 line-height: 1em;
 font-weight: bold;
 margin-top: 8px;
 margin-bottom: 16px;
}

#main_content .k_value,
#main_content .cov_value {
 text-align: center;
 font-size: 1.1667em;
 font-weight: bold;
 margin-top: 8px;
 margin-bottom: 16px;
 margin-right: 24px;
 width: 130px;
 clear: both;
 float: left;
}

#main_content .file_download_list {
 margin-left: 16px;
}

#main_content .file_download_list p {
 margin-bottom: 0;
}

#main_content .file_download_list a {
 font-weight: bold;
 text-decoration: none;
}

#main_content .file_size {
 padding-left: 16px;
}

#main_content .file_description {
 font-style: italic;
 margin-left: 16px;
}

#tagline {
 position: absolute;
 z-index: 5;
 color: white;
 font-size: 1.6667em;
 line-height: 1.2em;
 letter-spacing: .05em;
 font-weight: bold;
 top: 50px;
 left: 424px;
 width: auto;
}

#main_menu {
 position: absolute;
 z-index: 150;
 top: 120px;
 left: 180px;
}

#main_menu li {
 position: relative;
 padding-bottom: 8px;
}

#main_menu a,
#btn_about_us a {
 color: white;
 font-weight: bold;
 font-size: 12px;
 letter-spacing: .1em;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 display: block;
 margin: 0;
 margin-bottom: 8px;
 padding: 12px 8px 0 8px;
 border-bottom: 0;
 height: 30px;
 background-image: url('images/btn_main_fill.png');
 background-repeat: repeat-x;
 background-position: 0 0;
}


/* default menu btn */

#main_menu a {
 float: left;
}

#main_menu a:link {
 background-position: 0 0;
}

#main_menu a:visited {
 background-position: 0 -47px;
}

#main_menu a:hover,
#main_menu a:focus {
 background-position: 0 -94px;
}

#main_menu a:active {
 background-position: 0 -141px;
}

/* current menu btn only has one state*/
/* hmmm not true anymore */

#main_menu .current>a,
#main_menu .current>.btn_left,
#main_menu .current>.btn_right {
 background-position: 0 -188px;
}

/* closed menu btn */
/* currently unused */

#main_menu #btn_main_industries a,
#main_menu #btn_main_industries a:link,
#main_menu #btn_main_mixers a,
#main_menu #btn_main_mixers a:link,
#main_menu .closed a,
#main_menu .closed a:link {
 background-position: -167px 0;
}

#main_menu #btn_main_industries a:visited,
#main_menu #btn_main_mixers a:visited,
#main_menu .closed a:visited {
 background-position: -167px -47px;
}

#main_menu #btn_main_industries a:hover,
#main_menu #btn_main_industries a:focus,
#main_menu #btn_main_mixers a:hover,
#main_menu #btn_main_mixers a:focus,
#main_menu .closed a:hover,
#main_menu .closed a:focus {
 background-position: -167px -94px;
}

#main_menu #btn_main_industries a:active,
#main_menu #btn_main_mixers a:active,
#main_menu .closed a:active {
 background-position: -167px -141px;
}

/* open menu btn */
/* currently unused */

#main_menu .open a,
#main_menu .open a:link {
 background-position: -334px 0;
}

#main_menu .open a:visited {
 background-position: -334px -47px;
}

#main_menu .open a:hover,
#main_menu .open a:focus {
 background-position: -334px -94px;
}

#main_menu .open a:active {
 background-position: -334px -141px;
}

/* open current menu btn */
/* currently unused */

#main_menu .open.current a,
#main_menu .open.current a:link {
 background-position: -501px 0;
}

#main_menu .open.current a:visited {
 background-position: -501px -47px;
}

#main_menu .open.current a:hover,
#main_menu .open.current a:focus {
 background-position: -501px -94px;
}

#main_menu .open.current a:active {
 background-position: -501px -141px;
}

/* by default the home btn is current  */
/* other pages must override */

#main_menu #btn_main_home a,
#main_menu #btn_main_home a:link,
#main_menu #btn_main_home a:visited,
#main_menu #btn_main_home a:hover,
#main_menu #btn_main_home a:focus,
#main_menu #btn_main_home a:active,
#main_menu #btn_main_home .btn_left,
#main_menu #btn_main_home .btn_right {
 background-position: 0 -188px;
}

#main_menu img {
 position: absolute;
 top: -16px;
 right: 232px;
 display: none;
}

/* submenus */

#main_menu .open ul {
 display: block;
}

#main_menu #btn_main_industries ul,
#main_menu #btn_main_mixers ul,
#main_menu .closed ul {
 display: none;
}

#main_menu ul { 
 margin-top: -15px;
 margin-left: 28px;
 padding-top: 10px;
 border-left: 2px solid #db0029;
}

#main_menu ul li {
 margin-left: -8px; /* align to red line */
 height: 30px;
}

#main_menu .btn_left {
 display: block;
 font-size: 1px;
 width: 8px;
 height: 47px;
 background-image: url('images/btn_main_left.png');
 background-position: 0 0;
 background-repeat: no-repeat;
 float: left;
 /*clear: left;*/
}

#main_menu .btn_right {
 display: block;
 font-size: 1px;
 width: 7px;
 height: 47px;
 background-image: url('images/btn_main_right.png');
 background-position: 0 0;
 background-repeat: no-repeat;
 float: left;
}

#main_menu ul li a {
 text-transform: capitalize;
 text-align: left;
 padding-left: 12px;
 background-image: url('images/btn_main_sub_fill.png');
 background-repeat: repeat-x;
 background-position: 0 0;
 float: left;
}

#main_menu ul li.current a {
 background-image: url('images/btn_main_sub_fill_current.png');
}

/* sub menu individual widths */

#main_menu #main_water-treatment {
 width: 136px;
}

#main_menu #main_waste-water-treatment {
 width: 175px;
}

#main_menu #main_chemical-processing {
 width: 160px;
}

#main_menu #main_petrochemical {
 width: 114px;
}

#main_menu #main_pharmaceutical {
 width: 126px;
}

#main_menu #main_food-beverage {
 width: 136px;
}

#main_menu #main_static {
 width: 60px;
}

#main_menu #main_variable {
 width: 72px;
}

#main_menu #main_multistage {
 width: 88px;
}

#main_menu #main_gas-diffusion {
 width: 116px;
}

/* end menu */

#footer {
 position: relative;
 z-index: 100;
 left: 180px;
 /*border-top: 2px solid #db0029;*/
 width: 746px;
}

#footer p {
 color: black;
 letter-spacing: .02em;
 margin-bottom: 0;
 margin-left: 460px;
}

#footer em {
 font-weight: bold;
 font-style: italic;
}

p#btn_about_us {
 width: 96px;
 height: 33px;
 padding: 0;
 margin: 0;
 margin-left: 342px;
 float: left;
}

#btn_about_us a {
 background-image: url('images/btn_hanging.png');
 background-position: 0 -9px;
 background-repeat: no-repeat;
 padding: 0;
 padding-top: 1px;
 margin: 0;
 width: 96px;
 height: 33px;
}

#btn_about_us a:link {
 background-position: 0 -9px;
}

#btn_about_us a:visited {
 background-position: 0 -56px;
}

#btn_about_us a:hover,
#btn_about_us a:focus {
 background-position: 0 -103px;
}

#btn_about_us a:active {
 background-position: 0 -150px;
}

#btn_about_us .current a:visited {
 background-position: 0 -197px;
}

#btn_scroll_down {
 position: absolute;
 top: 260px; 
 left: 44px;
 width: 60px;
 height: 95px;
 border-bottom-width: 0;
}

#main_content #btn_scroll_down a,
#main_content #btn_scroll_down a:link { /*specific override*/
 border-bottom: 0;
}

#btn_scroll_down a {
 background-image: url('images/btn_scroll_down.png');
 background-position: 0 0;
 background-repeat: no-repeat;
 display: block;
 width: 60px;
 height: 95px;
}

#btn_scroll_down a:link,
#btn_scroll_down a:visited {
 background-position: 0 0;
}

#btn_scroll_down a:hover,
#btn_scroll_down a:focus {
 background-position: 0 -95px;
}

#btn_scroll_down a:active {
 background-position: 0 -190px;
}

#logo {
 position: absolute;
 z-index: 100;
 top: 30px;
 left: 90px;
 border-right: 2px solid #db0029;
 height: 100%;
 width: 105px;
}

#logo a {
 border: none;
}

#phone_number {
 color: #89abd2;
 font-size: 1.1667em;
 letter-spacing: .1em;
 position: absolute;
 z-index: 3;
 top: 85px;
 left: 424px;
 width: 500px;
}

#stamp {
 position: absolute;
 z-index: 2;
 top: 300px;
 left: 30px;
}

#flare {
 position: absolute;
 z-index: 1;
 top: -60px;
 left: -120px;
 width: 500px;
 height: 500px;
 background-image: url('images/14.png');
 background-repeat: no-repeat;
}

h3.product {
 border-top: 2px solid #89b6f7;
 padding-top: 4px;
 margin-top: 10px;
 clear: both;
}

p.product_description,
p.product_data {
 margin-left: 138px;
}

.centering {
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 20px;
 display: block;
}