<?php 
ob_start ("ob_gzhandler");
header("Content-type: text/css; charset: UTF-8");
header("Cache-Control: must-revalidate");
$offset = 60 * 60 ;
$ExpStr = "Expires: " . 
gmdate("D, d M Y H:i:s",
time() + $offset) . " GMT";
header($ExpStr);
?>

@charset "UTF-8";

input, textarea{outline: 0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
    *zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

* {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;

}
form {
	margin:0px;
}
input {
	margin:0px;
}
img {
	border:none;
}
body {
	text-align: center;
	margin:0px;
	
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Myriad', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color:#4E5C61;
	background-color: #DEE0E4;
	background-image: url(../spimages/back-body.png);
	background-position: center top;
	background-repeat: repeat-x;
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
h1 {
	color: #003366;
	font-size:28px;
	font-family: 'Century Gothic', 'Myriad', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Myriad', Arial, Helvetica, sans-serif;
	padding-left:3px;
	padding-top:10px;	
}
ul{
font-size:11px;
list-style:square;
margin-left:5px;
padding-left:15px;
line-height:16px;
}
h2 {
	color:#336699;
	font-size:16px;
	font-family: 'Century Gothic', 'Myriad', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Myriad', Arial, Helvetica, sans-serif;
	padding-left:5px;
	display:inline-block;
	clear:left;
}
.title {
	color:#333333;
	font-size:14px;
	font-family: 'Century Gothic', 'Myriad', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Myriad', Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:10px;
	display:inline;	
}

hr{
	margin-top: 0px;
	padding-bottom: 10px;
	border:none;
	border-top: 1px solid #d1ceaf;
	margin-right: 2px;
	margin-bottom: 15px;
	margin-left: 2px;
}

.minihr {
	margin: 10px 80px 10px 80px;
	border-top: 1px solid #CCCCCC;
}
p {
	line-height:20px;
	padding:5px;

}

.shadow{
	position:relative;
	top:-1px;
	color:#1E497D;
}

#container {
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	
}
#bodybox {
	width: 980px;
	margin: 0 auto;


}
#header-container {
	width: 980px;
	height:27px;
	text-align:left;
	position:relative;
    background-image: url(../spimages/back-topnav.png);
	background-repeat: repeat-x;
	background-position: center top;
	border:#6D6D6D 1px solid;
	border-top:none;

	
}
.body-container {
	width: 980px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background-color:#FFFFFF;
	background-image: url(../spimages/back-leftnavbar.png);
	_background-image: url(../spimages/back-leftnavbar.gif);

	background-repeat: repeat-y;
	background-position: center top;

}

#footer-container {
	height: 40px;
	width: 980px;
	background-image: url(../spimages/shadow.png);
	background-repeat:no-repeat;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	line-height:40px;
	color:#4E5C61;
	font-size: 10px;
	clear:left;
	text-align:center;
}
#footer-container span{
	color:#3366CC;
}


#nav{
width:341px;
display:block;
padding:0px;
margin:0px;
}

#nav a{
	font-family: Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	font-size: 14px;
	height: 39px;
	display:block;
	line-height:0px;
	background-image: url(../spimages/back-leftnav.gif);
	background-repeat:no-repeat;
}
#nav li{
	float: left;
	position: relative;
	text-align: center;
	cursor: default;
	list-style-type: none;
	display:inline;
}
#nav li a span {display:none;}


.n-specialty{background-position: 0px 0px; width: 341px;}
.n-commodity{background-position: 0px -39px; width: 341px;}
.n-fieldsupport{background-position: 0px -78px; width: 341px;}
.n-labsupport{background-position: 0px -117px; width: 341px;}
.n-distribution{background-position: 0px -156px; width: 341px;}
.n-history{background-position: 0px -195px; width: 341px;}
.n-management{background-position: 0px -234px; width: 341px;}
.n-about{background-position: 0px -273px; width: 341px;}


.n-specialty:hover{background-position: -342px 0px;}
.n-commodity:hover{background-position: -342px -39px;}
.n-fieldsupport:hover{background-position: -342px -78px;}
.n-labsupport:hover{background-position: -342px -117px;}
.n-distribution:hover{background-position: -342px -156px;}
.n-history:hover{background-position: -342px -195px;}
.n-management:hover{background-position: -342px -234px;}
.n-about:hover{background-position: -342px -273px;}


.n-home:active{background-position: 0px -80px;}
.n-portfolio:active{background-position: -95px -80px;}
.n-contact:active{background-position: -193px -80px;}


SELECTED STATES
.n-home_on{background-position: 0px -120px; width: 95px;}
.n-portfolio_on{background-position: -95px -120px; width: 98px;}
.n-contact_on{background-position: -193px -120px; width: 114px;}


#jsddm
{	margin: 0;
	padding: 0;
width:383px;
*width:385px;
position:absolute;
top:0px;
left:50%;
margin-left:108px;
*margin-left:108px;

z-index:1000;

}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		position: relative;
		}

	#jsddm li a
	{
	display: block;
	font-family: 'Century Gothic', 'Myriad','Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	color: #003D79;
	font-size: 15px;
	height: 27px;
	display:block;
	_width:55px;
	padding-left: 18px;
	padding-right: 18px;
	line-height:27px;
	text-decoration: none;
	white-space: nowrap;
	text-shadow:#E0E0E0 0px -1px;
		}

	#jsddm li a:hover
	{
	color: #000000;
	background-image: url(../spimages/back-topnavr.png);
	background-repeat: repeat-x;
	background-position: center top;}
	#jsddm li a:active
	{
	color: #000000;
	}
	#jsddm li a.linkon
	{
	color: #000000;
	font-weight:bolder;
	}	
	#jsddm li ul
	{
		margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		background-image:url(../spimages/nav-dropdown.png);
		_background-image:url(../spimages/nav-dropdown-ie6.gif);1
		background-repeat: no-repeat;
		background-position: center bottom;
	z-index:5000;
	top: 28px;
	left: 0;
	width:167px;
	font-weight: normal;
	margin-left:-63px;
	padding-top:0px;
	padding-bottom:8px;
	}
		
	#jsddm li ul li	{	
		float: none;
		display: inline;
	}
		
	#jsddm li ul li a {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	display: block;
	color: #FFFFFF;
	padding-left:5px;
	padding-right:0px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	margin-left:4px;
	margin-right:7px;
	width:152px;
	background-image: none;
	font-weight:normal;
	text-shadow: #005C22 0px 1px 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6699CC;
	border-bottom-color: #003366;
	}
			
	#jsddm li ul li a:hover {
	background-color: #336699;
	background-image:none;
	color: #FFFFBD;
	text-shadow: none;
	text-shadow: #006600 0px 1px 0px;
	}
	.tndivider{
	width:2px;
	height:27px;
	padding:0px;
		background-image:url(../spimages/topnav-divider.png);
		}


.footerlink {
	color: #004B8D;
	font-size: 11px;
	text-decoration: none;
}
.footerlink:hover {
	color: #005FB2;
	font-size: 11px;
}

.header-logo {
	position: absolute;
	right:50%;
	top: 0px;
	overflow:hidden;
	margin-right: 130px;
}


.bold {
	font-weight: bold;
}

.titleblue {
	font-size:12px;
	color: rgb(136, 136, 136);
}

.caption{
font-size:10px;
font-style:italic;
color:#000000;
margin-top:15px;
text-align:left;
}
.body-lists{
font-size:10px;
color:#406888;
}
.body-lists li{
list-style-type: none;
display:inline;
margin-left:15px;
}

.left-float {
display:block;
	float:left;
}
.left-floatimg {
display:block;
	float:left;
	margin-right:10px;
}
.right-float {
display:block;
	float:right;
}
.right-floatimg {
display:block;
	float:right;
	margin-left:10px;
}

.form-table {
	font-size:11px;
	line-height:15px;
	margin:0px;
	color:#333333;
	text-align:left;
}
.form-table b {
	display:block;
	margin-top:10px;
	font-size:12px;
	color:#6E828C;
	width:100%;
}
.thickbtn {
	width:83px;
	height:18px;
}
.warning{font-size:10px;
color:#990000;}

input, textarea{
	font-size: 16px;
	border: 2px solid #CCCCCC;
	padding:2px;
	
}
input:hover, textarea:hover{
	border: 2px solid #999999;
}
.thickbtn, .thickbtn:hover, #submit {border:0px none; padding:0px;}

#contentLoading{
display:none;
}
#nav-logger{
text-align:right;
width:150px;
position:absolute;
left:50%;
z-index:5000;
margin-left:315px;
top:17px;
font-size:10px;
color:#FFFFFF
}
#nav-logger a {
	color:#FFCCFF;
	border:none;
}
#nav-logger a:hover {
	text-decoration:underline;
	color: #CC99CC;
	}
	

.mainshadow{
	position: absolute;
	overflow:hidden;
	margin-left:-498px;
	width:996px;
top:0px;
left:50%;
z-index:998;

}
.column-600{
width:600px;
float:left;
text-align:left;
padding-bottom:15px;
margin-top:10px;
}

#timeline h3{
color: #004B8D;
float:left;
display:inline;
font-size:22px;
height:22px;
margin-right: 8px;
margin-bottom:0px;
}
#timeline p{
border-bottom: 1px solid rgb(227, 227, 227);
padding-bottom:10px;
font-size:11px;

}


.ticker-green{
	color: #006155;
}
.ticker-red{
	color: #660000;
}
.ticker-date{
	color: #666666;
	font-style:italic;
	font-size: 9px;
}


.tickercontainer { /* the outer div with the black border */

width: 596px; 
height: 27px; 
margin: 0px; 
padding: 0px;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 2px;
top: 6px;
width: 596px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 600px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 20px 0 0;
}
#title-container{
	width: 575px;
	text-align: right;
	margin-top:25px;

}

#title-bin{
	float:left;
	height: 55px;
	width: 575px;
	text-align: left;
	font-family: "Myriad Pro Semibold", "Myriad Pro", "Myriad Roman", "Helvetica Neue", Arial, Verdana, sans-serif;
	font-size: 32px;
	color: #336699;
	margin: 0px;;
	display:none;
}
#flashcontent{
	height: 55px;
	width: 575px;
}

.chem-list{
font-size:11px;
list-style:square;
list-style-position:inside;
line-height:16px;
float: left; 
width: 45%;
margin-bottom:20px;
padding-left:20px;
}

.manage-name{
margin:0px;
font-size:16px;
color: #004B8D;
font-style:normal;
font-weight:normal;
border-bottom: 2px dotted rgb(227, 227, 227);
display:block;
margin: 35px 0px 10px 0px;
clear:left;
}

.comm-section a{ 
display:block;
font-size:18px;
color:#999999;
width:450px;
margin-top:16px;
border-bottom:#CCCCCC solid 1px;
clear:left;
}
.comm-section a:hover{ 
color:#999999;
}

.comm-section b{
display:block;
clear:none;
float: left; 
width: 50%;
font-weight:normal;
margin-bottom:16px;
}
.contact-table{
margin-top:20px;
font-size:11px;
line-height:16px;
}
.contact-table b{
color: #004B8D;
font-size:12px;
display:block;
width:85%;
border-bottom:solid 1px rgb(227, 227, 227);
margin-top:10px;
margin-bottom:4px;
}