html, body { height: 100%; }
body {
    background: #6d6d6e;
    margin: 0;
    padding: 0;
    font: 62.5% Helvetica, Arial, sans-serif;
}
a img { border: 0; }

#wrap {
    width: 960px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    background: #fff url('img/wrap_bg.gif') repeat-y top left;
}

body > #wrap { height: auto; min-height: 100%; }

#header {
    background: #6d6d6e url('img/header_bot.png') no-repeat 0 100px;
    padding-bottom: 18px;
}
#headWrap {
    background: #fff;
    border: 1px solid #000;
    border-width: 0 1px;
    position: relative;
    height: 100px;
}
#header #logo { position: absolute; top: 16px; left: 23px; }
#header #menu { position: absolute; top: 35px; right: 20px; color: #777; }
#menu ul { margin: 0; padding: 0 0 10px 0; list-style: none; font-size: 1.4em; text-align: right; }
#menu li { display: inline; border-right: 1px solid #e9e9e9; padding: 0 17px 0 18px; }
#menu li.last { border: 0; padding-right: 0; }
#menu a { color: #777; text-decoration: none; }
#menu a:hover { color: #ee3224; }
#menu a.current { color: #000; }
#menu #premium { display: block; text-align: right; }
#premium span { color: #ee3224; }

#main { background: #fff; }

#tabs {
    list-style: none;
    height: 49px;
    margin: 0;
    padding: 0;
    background: url('img/tabs_bg.jpg') no-repeat top left;
}
#tabs li {
    display: block;
    float: left;
    width: 240px;
    height: 49px;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
}
#tabs li a {
    padding-top: 14px;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 35px;
}
#tabs li a:hover { color: #d3d3d3; background: url('img/tabs_bg_roll.jpg'); }
#tabs #tMach a:hover { background-position: -240px 0; }
#tabs #tPro a:hover { background-position: -480px 0; }
#tabs #tQual a:hover { background-position: -720px 0; }
#tabs li a.current { color: #000; }

#content {
    background: #fff;
    border: 1px solid #000;
    border-width: 0 1px;
    padding-bottom: 40px;
}

#contentWrap { border-top: 2px solid #ee3224; padding-top: 18px; }

#homeHi { background: url('img/home_hi_bg.gif') repeat-x; }
#homeHi .right {
    width: 595px;
    height: 314px;
    background: url('img/logo_grey.gif') no-repeat top left;
    float: right;
}
#homeHi .right h1 { font-size: 1.8em; color: #ee3224; padding: 125px 25px 0 25px; font-weight: normal; }
#homeHi .right span { color: #000; }

#homeContent { padding: 14px 0; width: 100%; overflow: auto; color: #565759; }
#homeContent .right { width: 577px; padding-right: 18px; float: right; }
#homeContent h1 { font-size: 1.8em; color: #ee3224; margin: 0; padding: 0 0 12px 0; }
#homeContent p { margin: 0; padding: 0 0 1em 0; }
#homeContent .right p { font-size: 1.4em; line-height: 1.4em; }

#homeContent .leftBox {
    width: 150px;
    float: left;
    border: 1px solid #dedede;
    margin-left: 18px;
    height: 225px;
}
#homeContent .ftpBox {
	clear: left;
	float: left;
	margin: 18px 0 0 18px;
	width: 318px;
}
#homeContent .ftpBox p {
	font-size: 1.4em; line-height: 1.4em;
}
#homeContent .leftBox a { color: #000; font-weight: bold; text-decoration: none; }
#homeContent .leftBox a:hover { color: #ee3224; }
#homeContent .leftBox p { padding: 10px 15px; }
#homeContent .leftBox h3, #homeContent .featureBox h3 {
    text-align: center;
    font-size: 1.2em;
    background: #ee3224;
    color: #fff;
    margin: 0;
    padding: 12px 0;
}
#homeContent .leftBox img { margin-left: 15px; }

#homeContent .wideBox {
	margin-top: 18px;
	width: 320px;
	height: 85px;
}

#homeContent .featureBox {
	width: 575px;
	margin-bottom: 18px;
    border: 1px solid #dedede;
}
#homeContent .featureBox h3 {
	font-size: 1.8em;
	text-align: left;
	padding: 6px 12px;
}

#homeContent .featureBox a {
	display: block;
	height: 313px;
}
#homeContent .featureBox h3 a {
	display: inline;
	font-size: 0.8em;
	color: #000;
	text-decoration: none;
}

.twoCol { clear: both; width: 100%; overflow: auto; border-bottom: 1px solid #fff; }
.twoCol  .leftCol { width: 363px; float: left; }
.twoCol .rightCol { width: 559px; float: left; padding-left: 20px;  }
.twoCol .pull { background: #d3d3d3 url('img/corner_br.gif') no-repeat bottom right; }
.twoCol .pull .wrap {
    background: url('img/corner_tr.gif') no-repeat top right;
    padding: 22px 22px 12px 35px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 922px;
    left: 18px;
    border-top: 1px solid #dedede;
    color: #565759;
    padding-bottom: 6px; 
    text-align: center; 
}
#footer span { color: #ee3224; }
#footer p { margin: 0; padding-top: 10px; }

#stdContent h1 { color: #ee3224; font-size: 1.8em; margin: 0; padding: 0 0 10px 0; }
#stdContent p { color: #777; font-size: 1.4em; margin: 0; padding: 0 0 14px 0; line-height: 1.4; }
#stdContent h2 { color: #000; font-size: 1.6em; margin: 0; padding: 0 0 4px 0; }
#stdContent .rightCol a { color: #000; font-weight: bold; text-decoration: none; }
#stdContent .rightCol a:hover { color: #ee3224; }

.contact .pull { color: #6e6e6e; }
.contact .pull h3 { font-size: 1.8em; color: #000; margin: 0; padding: 0 0 10px 0; }
.pull a { color: #fff; text-decoration: none; font-weight: bold; }
.pull a:hover { color: #ee3224; }

#content .iso .leftBox { height: 170px; }
#content .iso .leftBox img { margin: 10px 0 10px 15px; }

.process #homeHi img { display: block; }
.process #homeHi .right { height: 224px; }
.process #homeHi .right h1 { padding-top: 77px; margin: 0; }
.process #homeHi p { padding: 10px 85px 0 25px; }
.process #homeHi { margin-bottom: 10px; }
.process #homeHi a { color: #000; text-decoration: none; }

.facility table { width: 100%; text-align: center; }
.facility td { padding-top: 40px; }

.machine {
    padding: 0 0 17px 19px; 
    clear: both;
    overflow: auto;
    width: 893px;
    border-bottom: 1px solid #fff;
}
.machine div {
    width: 344px;
    background: url('img/machine_corners.gif') no-repeat top left;
    float: left;
    height: 227px;
    text-align: center; 
    margin-right: 18px;
}

.products .leftCol { width: 217px; }
.products .rightCol { width: 700px; }
.product {
    overflow: auto;
    border-bottom: 1px solid #d3d3d3;
    width: 100%;
    padding: 9px 0;
}
.product img { float: left; margin-right: 19px; }
.product h2 { font-size: 1.4em ;}
