@charset "UTF-8";

/* GLOBAL STYLES */

body {background: url(back.jpg) repeat-x #c6c5c5; margin:0;}
p {font-family: Arial, Helvetica, san-serif; font-size: .8em; color: #333333; line-height: 1.4em;}
h1 {font-family: Arial, Helvetica, san-serif; font-size: 1.0em; color: #3b3b3b; text-transform: uppercase; letter-spacing: .5em;}
h2 {font-family: Arial, Helvetica, san-serif; font-size: .9em; color: #666666; text-transform: uppercase; letter-spacing: .2em;}
h3 {font-family: Arial, Helvetica, san-serif; font-size: .7em; color: #c9c9c9;}
h4 {font-family: Arial, Helvetica, san-serif; font-size: .8em; color: #3b3b3b; letter-spacing: .1em;}
.pl ul {list-style: url(bullet.jpg); font-family: Arial, Helvetica, san-serif; font-size: .8em; color: #333333; line-height: 1.6em;}
ul li {}
a:link {color: #ee1f25; text-decoration: none;}
a:visited {color: #c62127; text-decoration: none;}
a:hover {color: #d30505; text-decoration: underline;}
a:active {}


/* SPECIFIC DIVS */

* html #container {margin-top: 0;}
#container {width: 950px; margin: 0 auto; background: white;}
.header {float: left; width: 950px; height: 106px; background: url(header.jpg);}
.nav {float: left; width: 950px; background: url(nav.jpg) top; margin-bottom: 10px;}
.content {float: left; width: 940px; padding: 5px; background: url(contentback.jpg) bottom right no-repeat; margin-bottom: 10px;}
#content {float: left; width: 940px; padding: 5px;}
.white {background: url(contentback.jpg) bottom right no-repeat;}
.tubes {background: url(back-rolling.jpg) center top no-repeat;}
html[xmlns*=""] body:last-child .footer {height: 53px;}
.footer {clear: both; width: 950px; height: 45px; background: url(nav.jpg) center repeat-x; border-top: 2pt #c9c9c9 solid; border-bottom: 1pt #c9c9c9 solid;}
.footer p {text-align: center; font-size: .75em;}
p.credits {text-align: center; font-size: .7em; margin-top: -3px; text-transform: none;}

/* HEADERS */

.titletube {width: 320px; height: 60px; background: url(tubeshead.jpg);}
.titletube h1 {visibility: hidden;}
.titlecontact {width: 320px; height: 60px; background: url(contacthead.jpg);}
.titlecontact h1 {visibility: hidden;}
.titlewelding {width: 450px; height: 60px; background: url(weldinghead.jpg) no-repeat;}
.titlewelding h1 {visibility: hidden;}
.titlemachinery {width: 320px; height: 60px; background: url(machineryhead.jpg);}
.titlemachinery h1 {visibility: hidden;}
.titlemachining {width: 450px; height: 60px; background: url(machininghead.jpg);}
.titlemachining h1 {visibility: hidden;}
.titleabout {width: 450px; height: 60px; background: url(abouthead.jpg);}
.titleabout h1 {visibility: hidden;}
.titlegallery {width: 450px; height: 60px; background: url(galleryhead.jpg); float: left;}
.titlegallery h1 {visibility: hidden;}
.titlesitemap {width: 320px; height: 60px; background: url(sitemap.jpg);}
.titlesitemap h1 {visibility: hidden;}
.titlemedical {width: 450px; height: 60px; background: url(medicalhead.jpg);}
.titleneedle {width: 450px; height: 60px; background: url(needlehead.jpg);}
.titlebelts {width: 450px; height: 60px; background: url(titlebelts.jpg);}
.titlenitonol {width: 450px; height: 60px; background: url(titlenitonol.jpg);}
.titlemedical h1 {visibility: hidden;}
.titlespecialty {width: 320px; height: 60px; background: url(specialty.jpg);}
.titlespecialty h1 {visibility: hidden;}

.gallerywelding {width: 167px; height: 60px; background: url(gallerywelding.jpg); float: right;}
.gallerywelding h1 {visibility: hidden;}
.gallerymachining {width: 167px; height: 60px; background: url(gallerymachining.jpg); float: right;}
.gallerymachining h1 {visibility: hidden;}
.gallerytubes {width: 210px; height: 60px; background: url(gallerytubes.jpg); float: right;}
.gallerytubes h1 {visibility: hidden;}
.news {width: 210px; height: 60px; background: url(news.jpg); float: right;}
.news h1 {visibility: hidden;}

/* LAYOUT COLUMNS */

.column1-unit {width:940px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:470px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:450px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:22px;}
.column3-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column4-unit-left {float:left; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column4-unit-middle {float:left; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:6px;}
.column4-unit-middle2 {float:left; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:6px;}
.column4-unit-right {float:right; width:220px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column2-gallery-left {float:left; width:215px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-gallery-right {float:right; width:705px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

* html .box {height: 140px;}
.box {border: 1pt #c9c9c9 solid; padding: 0; width: 99%; min-height: 140px; background: url(backbox.jpg) bottom right;}
.box p {margin: 0 5px 5px 5px;}
.box h2 {margin: 5px;}
.box h3 {margin: 5px;}

/* TEXT STYLES */

.bold {font-weight: bold;}
.italic {font-style: italic;}
.top {width: 100%; padding: 2px 0; text-align: center; background: url(nav.jpg) #c9c9c9; color: white; margin-top: -2px;}
.tablehead {background: #bdbdbd; height: 16px;}
.tablehead h1 {font-size: .8em; color: #333333;}
.contact table {border: solid 1pt #333333; padding: 0;}
.contact td {outline: solid 1pt #ebebeb;}
.small {font-size: .7em;}
.pl {list-style: url(bullet.jpg); font-family: Arial, Helvetica, san-serif; font-size: .8em; color: #333333; line-height: 1.6em;}

/* IMAGE STYLES */

img .border {margin: 2px; border: 1px #666666;}
.right {float: right; margin: 5px;}
.left {float: left; margin: 0 6px 0 0;}
.textright {text-align: right; margin-right: 2px;}
.imgcaption {width: 420px; float: right;}
.imgcaption p {margin-top: 1px;}

/* LAYOUT PROVISIONS */

.clear {clear: both; visibility: hidden;}