/*body {
padding: 0;
border: 0;
margin: 0;
text-align: center;
background: #bbbab6 url(../img/bg.gif) repeat-x;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 90%;
}*/

body { 
margin: 0px; 
padding: 0px; 
text-align: center; 
background-image:url(../img/bg-886.gif);
background-position:top;
background-repeat:repeat-y;
background-color:#bbbab6;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
}

a:link, a:visited {
font-weight: bold;
color: #600;
text-decoration: underline;
}

a:active {
font-weight: bold;
color: #600;
text-decoration: underline;
}

a:hover {
font-weight: bold;
color: #fff;
text-decoration: none;
background: #a9a49b;
}

a:hover.linkimg {border:none; background:transparent;}
img {
border: 0;
}

#wrapper {
width:886px;

margin:13px auto;
padding:0;
text-align: left;
border: 0px solid #666;
background: url(../img/wrap_b.gif) no-repeat;
}

#wrapper2 {
width:886px;
margin:13px auto;
padding:0;
text-align: left;
border: 0px solid #666;
background: #8a7f6c;
}

.topwrapfront {
width:873px;
height: 547px;
margin: 0px 0 0 6px;
background: url(../img/topwrapfront_bg.gif) no-repeat;
}

.topwrap {
width:860px;
height: 193px;
margin: 0 0 0 13px;
background: url(../img/topwrap_bg.gif) no-repeat;
}

.splash {
width:839px;
height: 77px;
margin: 12px 0 0 11px;
background: url(../img/splash_bg.gif) no-repeat;
}

*html .splash {
margin: 10px 0 0 17px;
}

.splashfront {
width:839px;
height: 432px;
margin: 18px 0 0 18px;
background: url(../img/splash_bg_front.gif) no-repeat;
}

*html .splashfront {
margin: 10px 0 0 17px;
}

.splash .splashimg {
margin: 5px 0 0 7px;
}

.splash p.splashtext {
float: right;
padding: 0;
border: 0;
margin: -35px 0px 15px 680px;
font-size: 12px;
line-height: 115%;
text-align:left;
width: 95%;
}

*html .splash .splashimg {
margin: 3px 0 0 7px;
}


.bottomwrap {
width:869px;
height: 400px;
margin: 0px 0 0 7px;
background: url(../img/bottomwrap_bg.gif) no-repeat;
}

/*************VARIOUS**************/

ul.list-image {
 padding: 0;
 border: 0;
 margin: 5px 0px 0px 0px;
 list-style: none;
}
ul.list-image li {
padding: 1px 4px 0px 25px;
border: 0;
margin: 15px 0px 3px 0px;
font-size: 13px; 
font-weight: normal;
color: #000;
line-height: 111%;
}


#list-image {
padding: 0;
border: 0;
margin: 5px 0px 0px 0px;
list-style: none;
}

#list-image li {
padding: 1px 4px 0px 25px;
border: 0;
margin: 15px 0px 20px 0px;
font-size: 13px; 
font-weight: normal;
color: #000;
line-height: 111%;
background: url(../img/arrow2.gif) no-repeat top left;
}

ul.check {
padding: 0;
border: 0;
margin: 5px 0px 0px 0px;
list-style: none;
}

ul.check li {
padding: 1px 4px 0px 25px;
border: 0;
margin: 0px 0px 20px 20px;
font-size: 100%;
font-weight:bold;
line-height: 150%;
background: url(../../img/check.gif) no-repeat top left;
}

.listwrap {
margin: 70px 0 0 0;


}

.beaker {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
text-decoration: none;
}

.beaker li {
padding: 1px 4px 0px 22px;
border: 0;
margin: 0px 0px 10px 15px;
font-size: 13px; 
font-weight: bold;
color: #333;
line-height: 140%;
background: url(../img/grn_beaker.gif) no-repeat top left;
}

.pinetree {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
text-decoration: none;
}

.pinetree li {
padding: 1px 4px 0px 22px;
border: 0;
margin: 0px 0px 10px 15px;
font-size: 13px; 
font-weight: bold;
color: #333;
line-height: 170%;
background: url(../img/pine_tree.gif) no-repeat top left;
}

.gray-list {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
text-decoration: none;
}

.gray-list li {
padding: 1px 4px 0px 22px;
border: 0;
margin: 10px 0px 10px 10px;
font-size: 13px; 
font-weight: normal;
color: #000;
line-height: 110%;
background: url(../img/gry_arrow.gif) no-repeat top left;
}

.gray-list2 {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
text-decoration: none;
}

.gray-list2 li {
padding: 1px 4px 0px 22px;
border: 0;
margin: 10px 0px 10px 10px;
font-weight: normal;
color: #000;
line-height: 130%;
background: url(../img/gry_arrow.gif) no-repeat top left;
}

.music-list {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
text-decoration: none;
}

.music-list li {
padding: 1px 4px 4px 30px;
border: 0;
margin: 10px 0px 10px 20px;
font-size: 13px; 
font-weight: normal;
color: #000;
line-height: 120%;
background: url(../img/music.gif) no-repeat top left;
}

ul.video {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
}

ul.video li {
padding: 0px 10px 0px 30px;
border: 0;
margin: 10px 0px 10px 10px;
font-size: 100%;
font-weight:normal;
line-height: 165%;
background: url(../img/video.gif) no-repeat top left;
}

ul.list-image-acrobat {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
}

ul.list-image-acrobat li {
padding: 0px 10px 5px 20px;
border: 0;
margin: 10px 0px 10px 20px;
font-size: 100%;
font-weight:normal;
line-height: 95%;
background: url(../img/acrobat_small.gif) no-repeat top left;
}

ul.check {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
}

ul.check li {
padding: 0px 10px 5px 20px;
border: 0;
margin: 10px 0px 10px 20px;
font-size: 100%;
font-weight:normal;
line-height: 95%;
background: url(../img/grn_check.gif) no-repeat top left;
}

ul#sub {
float:right;
list-style-type: none;
padding: 0;
border: 0;
margin: 0px 0px 5px 0px;
width:35%;
font-size: 13px;
text-align:left;
font-variant: normal;
}

ul#sub a:link,ul#sub a:visited,ul#sub a:active {
padding: 0px 0px 0px 16px;
font-size: 85%;
border: 0;
margin: 0;
color : #600;
text-decoration : none;
background: url(../img/mini-arrow.gif) no-repeat top left;
}

ul#sub a:hover {
text-decoration : none;
font-size: 85%;
background: #666 url(../img/mini-arrow2.gif) no-repeat top left;
padding: 0px 0px 0px 16px;
color: #eee;
}

ul#sub li {
border-bottom: 0px dotted #777;
}

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

.flashholder {
margin: 7px 0 0 9px;
}

/*************END VARIOUS**************/



/*************HEADER SECTION**************/

#header {
width: 873px; 
height: 85px;
padding: 0;
border: 0px solid #ccc;
margin: 0px 0px 0px 0px;
/*background: #000 url(../img/header_bg.gif) repeat-x; */
}

#header .logo {
float: left;
padding: 0;
border: 0;
margin: 1px 0px 0px 15px;
}

#headerfront {
width: 873px; 
height: 85px;
padding: 0;
border: 0px solid #ccc;
margin: 0px 0px 0px 0px;
/*background: #000 url(../img/header_bg.gif) repeat-x; */
}

#headerfront .logo {
float: left;
padding: 0;
border: 0;
margin: 12px 0px 0px 20px;
}

#buttons {
width: 96px;
height: 54px;
text-align: center;
padding: 0;
border: 0px solid #fff;
margin: 10px 25px 0px 0px;
float:right;
}

#buttonsfront {
width: 96px;
height: 54px;
text-align: center;
padding: 0;
border: 0px solid #fff;
margin: 20px 20px 0px 0px;
float:right;
}

#buttons ul {
padding: 0;
margin: 0;
float: right;
height: 54px;
overflow: hidden;
}

#buttonsfront ul {
padding: 0;
margin: 0;
float: right;
height: 54px;
overflow: hidden;
}

#buttons ul li, #buttons ul li a {
display: inline;
float: left;
height: 54px;
background-position: left top;
overflow: hidden;
}

#buttonsfront ul li, #buttonsfront ul li a {
display: inline;
float: left;
height: 54px;
background-position: left top;
overflow: hidden;
}

#buttons ul li a:hover {
background-position: left bottom;
}

#buttonsfront ul li a:hover {
background-position: left bottom;
}

#buttons ul li a span {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
}

#buttonsfront ul li a span {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
}

#home a { background: url('../img/home.gif'); width: 48px; }
#home a.selected { background-position: left bottom;}
#contact a { background: url('../img/contact.gif'); width: 48px; }
#contact a.selected { background-position: left bottom;}


/*************END HEADER SECTION**************/




/*************MAIN NAVIGATION SECTION**************/

#nav {
width: 830px;
height: 45px;
text-align: center;
padding: 0;
border: 0px solid #fff;
margin: 0px 0px 0px 4px;
}

*html #nav {
margin: 0px 0px 0px 4px;
}

#nav ul {
padding: 0;
margin: 0;
float: right;
height: 45px;
overflow: hidden;
}

#nav ul li, #nav ul li a {
display: block;
float: left;
height: 45px;
background-position: left top;
overflow: hidden;
}

#nav ul li a:hover {
background-position: left bottom;
}

#nav ul li a span {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
}

#button1 a { background: url('../img/nav/home.gif'); width: 137px; }
#button1 a.selected { background-position: left bottom;}
#button2 a { background: url('../img/nav/products.gif'); width: 137px; }
#button2 a.selected { background-position: left bottom;}
#button3 a { background: url('../img/nav/locations.gif'); width: 137px; }
#button3 a.selected { background-position: left bottom;}
#button4 a { background: url('../img/nav/company.gif'); width: 137px; }
#button4 a.selected { background-position: left bottom;}
#button5 a { background: url('../img/nav/msds.gif'); width: 145px; }
#button5 a.selected { background-position: left bottom;}
#button6 a { background: url('../img/nav/iso.gif'); width: 137px; }
#button6 a.selected { background-position: left bottom;}

#menu_wrapper {
width: 800px;
margin: 0px auto;
}

/*************END MAIN NAVIGATION SECTION**************/




/*************FRONT PAGE SECTION**************/

#bottomwrap {
width:867px;
height: 400px;
margin: 0px 0 0 9px;
background: url(../img/bottomwrap_bg.gif) no-repeat;
}

#triwrap {
width: 853px;
height: 340px;
margin: 0px 0 0 8px;
border: 0px solid #ccc;
}

*html #triwrap {
width: 850px;
height: 340px;
margin: 10px 0 0 8px;
border: 0px solid #ccc;
}

#bottomwrap a:link, #bottomwrap a:visited {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#bottomwrap a:active {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#bottomwrap a:hover {
font-size: 13px;
font-weight: bold;
color: #555;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#bottomwrap a:hover.linkimg {border:none; background:transparent;}
img {
border: 0;
}

#btleft {
float:left;
width: 266px;
height: 335px;
margin: 0px 0px 0px 0px;
padding: 0 0 0px 0;
border:0px solid #600;
}

#btleft p {
text-align: left;
font-size:13px;
padding: 5px 1px 5px 1px;
margin: 55px 5px 0 13px;
}

#btleft a:link, #btleft a:visited {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#btleft a:active {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#btleft a:hover {
font-size: 13px;
font-weight: bold;
color: #555;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}


#btmiddle {
float:left;
width: 295px;
height: 335px;
margin: 0px 0px 0px 15px;
padding: 0 0 0px 0;
border:0px solid #600;
}

#btmiddle p {
text-align: left;
font-size:13px;
padding: 5px 5px 5px 5px;
margin: 22px 5px 0 16px;
}

#btmiddle p.learn {
text-align: left;
font-size:13px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 16px;
}

#btmiddle a:link, #btmiddle a:visited {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#btmiddle a:active {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#btmiddle a:hover {
font-size: 13px;
font-weight: bold;
color: #555;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#btright{
float:left;
width: 260px;
height: 335px;
margin: 0px 0px 0px 15px;
padding: 0 0 0px 0;
border:0px solid #600;
}

#btright p {
text-align: left;
font-size:13px;
padding: 5px 5px 5px 5px;
margin: 56px 5px 0 20px;
line-height: 120%;
}

*html #btright p {
margin: 55px 5px 0 22px;
}

/*#btright .contactus {
margin: 10px 0 0 25px;
}*/

#contactus {

width: 260px;
margin: 10px 0 0 25px;
}

*html #contactus {
width: 240px;
margin: 10px 0 0 25px;
}

#btright a:link, #btright a:visited {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#btright a:active {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#btright a:hover {
font-size: 13px;
font-weight: bold;
color: #555;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#btright a:hover.linkimg {border:none; background:none;}
img {
border: 0;
}

.linkbox {
float:left;
width: 325px;
padding: 0;
border: 1px solid #a9a69e;
margin: 20px 0px 2px 0px;
text-align: left;
background: #dfdad4;
}


.linkbox a:link, a:visited, a:active {
font-size: 12px;
font-weight: bold;
}

.linkbox a:hover {
font-size: 12px;
font-weight: bold;
}

.linkbox h4 {
font-size: 13px;
font-weight: bold;
color: #eee;
text-align: center;
background: #333;
padding: 0px 0px 0px 0px;
border-top: 2px solid #ccc;
border: 0px solid #ccc;
margin: 0;
}


.flashwrapper {
margin: 5px 0 5px 7px;
width: 305px;
height: 240px;
padding: 2px;
border: 1px solid #999;
background-color: #fff;
}

.flashheader-wrap {
float:right;
margin: 23px 0 5px 0px;
width: 150px;
height: 75px;
padding: 0px;
border: 0px solid #fff;
background: url(../img/globe_bg.gif) no-repeat;
}

.frontimg {
margin: 7px 5px 5px 5px;
border: 0px;
}

/*************END FRONT PAGE SECTION**************/




/*************CONTENT SECTION**************/

#contentwrap {
width: 860px;
margin: 5px 0 0 13px;
background: #8a7f6c;
}

#content {
width: 860px;
padding: 0px 0px 0px 0px;
margin: 0;
background: #e7e4e0;
border-right: 0px #fff solid;
border-left: 0px #fff solid;
border-bottom: 0px #fff solid;
}

#content .hd {
margin: 10px 0 0 5px;

}

#content p {
padding: 0;
border: 0;
margin: 5px 10px 5px 15px;
font-size: 13px;
line-height: 135%;
text-align:left;
}

#content h1 {
font-size: 22px; 
font-weight: normal;
color: #600;
padding: 10px 0px 0px 0px;
width: 95%;
border-bottom: 1px solid #555;
margin: 0px 10px 0px 10px;
}

#content h2 {
font-size: 16px; 
font-weight: bold;
color: #000;
padding: 0;
margin: 3px 0px 10px 15px;
border-bottom: 0px dashed #666;
}


#content h3 {
font-size: 14px; 
font-weight: bold;
color: #666;
padding: 0;
margin: 3px 0px 4px 15px;
border-bottom: 0px dashed #666;
}

#content h4 {
font-size: 18px; 
font-weight: bold;
color: #000;
padding: 0;
margin: 12px 0px 4px 10px;
border-bottom: 0px dashed #666;
width: 95%;
}

#content .plants {
margin: 0px 50px 5px 0px;
}

#content .company {
margin: 0px 20px 5px 0px;
}

#content .transportation {
margin: 10px 0px 15px 70px;
}

#content .product_logo {
float: right;
margin: 5px 5px 5px 10px;
padding: 2px;
background: #fff;
border: 1px solid #ccc;
}

#content .image {
float: right;
margin: 5px 50px 5px 0px;
padding: 2px;
background: #fff;
border: 1px solid #ccc;
}

#content a:link, #content a:visited {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#content a:active {
font-size: 13px;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#content a:hover {
font-size: 13px;
font-weight: bold;
color: #555;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

#content .nsfleft{
float:left;
width: 260px;
margin: 10px 0px 0px 15px;
padding: 0 0 0px 0;
border:0px solid #600;
}


#content .nsfright{
float:left;
width: 260px;
margin: 10px 0px 0px 15px;
padding: 0 0 0px 0;
border:0px solid #600;
}


.img-right-cap {
float:right;
margin: 12px 25px 10px 10px;
padding: 6px 6px 6px 6px;
border: 1px solid #ccc;
background-color: #f0f0f0;
text-align: right;
font-size: 75%; 
}

.img-right-cap span {
margin: 18px 5px 5px 0px; 
width: 100%;
line-height: 110%;
}

#video {
margin: 10px 10px 10px 10px;	
}

/*************END CONTENT SECTION**************/


/************RIGHT-SIDE NAVIGATION*********/

#navmenu {
float: right;
padding: 0;
border: 0;
margin: 0;
background: #000;
color: #000;
}
 
ul#navlinks {
float: right;
display: block;
list-style-type: none;
background: #ccc;
padding: 0px;
border: 0;
margin: 10px 25px 0px 10px;
width: 200px;
font-size: 14px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/ 
*html ul#navlinks {
margin: 10px 15px 0px 10px;
}
/* End hide from IE5/mac */

ul#navlinks a:link {
display: block;
padding: 4px 0px 6px 3px;
border: 0;
margin: 0;
color : #600;
text-decoration : none;
}

ul#navlinks a:visited {
display: block;
padding: 4px 0px 6px 3px;
border: 0;
margin: 0;
color : #600;
text-decoration : none;
}

ul#navlinks a:hover {
text-decoration : none;
background: #333 url(../img/navlinks_bg.gif) repeat-x;
padding: 4px 0px 6px 3px;
color: #eee;
}

ul#navlinks a:active {
display: block;
padding: 4px 0px 6px 3px;
border: 0;
margin: 0;
color : #eee;
background: #333 url(../img/navlinks_bg.gif) repeat-x;
text-decoration : none;
}

ul#navlinks a#selected {
text-decoration : none;
background: #333 url(../img/navlinks_bg.gif) repeat-x;
padding: 4px 0px 6px 3px;
color: #eee;
}

ul#navlinks li {
border-bottom: 1px dashed #666;
}	

/************END RIGHT-SIDE NAVIGATION*********/





/*************FOOTER SECTION**************/

#footer {
clear: both;
weight: 600px;
padding: 0px;
border: 0;
margin:5px auto;
font-size: 10px;
color: #fff;
text-align: center;
}		

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
font-size: 10px;
padding: 0;
border: 0;
margin: 0;
color: #eee;
text-decoration: underline;
}

#footer a:hover {
font-size: 10px;
color: #eee;
background-color:#333;
}

#footer .footerlogo {
margin: -10px auto;
}

/*************END FOOTER SECTION**************/


/**************ADDRESS POPUP****************/

#address {
width: 95%;
padding: 10px 5px;
border-top: solid 3px #ccc;
border-bottom: solid 3px #ccc;
margin: auto;
background: #e7e4e0;
text-align: left;
height: auto;
}

#address h3 {
padding: 0;
border: 0;
margin: 0px 5px 5px 5px;
font-size: 16px; 
font-weight: normal;
color: #600;
}

#address p {
padding: 0;
border: 0;
margin: 0px 5px 5px 5px;
color: #000;
line-height: 150%;
}

#close {
width: 95%;
margin: 5px auto;
padding: 0;
border: 0;
font-size: 10px; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-weight: bold;
color: #fff;
text-align: right;
}

#close a {
padding: 0;
border: 0;
margin: 0;
font-size: 10px; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-weight: bold;
color: #fff;
}

/**************END STAFF POPUP****************/