/*-----------------------------------------------------/
	CentraSep CSS
	Copyright 2008 InterWorks, Inc.
	
	url:http://interworksinc.com/
/-----------------------------------------------------*/

body {
  background-color: #ffffff;
  margin:0;
}

a {
  text-decoration: underline; 
  font-size: 8pt; 
  font-family: Verdana, Arial, 'Century Gothic';
  color:#2969AF;
}

a:hover {
  color:#000;
  text-decoration:none; 
}

a:visited {
  color:#000;
}

p {
  font-size: 10pt;             
  font-weight:200;                
  font-family: Verdana, Arial, 'Century Gothic';              
  color: #00000;
  padding-right: 30px;
  padding-left: 30px;
}

#right h2 {
  font-size: 13pt; 
  font-family: Verdana, Arial, 'Century Gothic';
  font-weight:bold;    
  color:#000;
  margin:10px 0 20px 22px;
}

ul {
  font-size: 10pt;             
  font-family: Verdana, Arial, 'Century Gothic';              
}

.clear {
  clear:both;
}

body#home h2 {
  font-size: 13pt; 
  font-family: Verdana, Arial, 'Century Gothic';
  font-weight:bold;    
  color:#000;
  padding:0 0 0 0;
}

#header {
  float:left;	
  width:746px;
  height:119px;
  background:url(../images/layout/header-bg-internal.gif) no-repeat;
  margin:0 0 1px 0;
}

body#home #header {
  float:left;	
  width:746px;
  height:119px;
  background:url(../images/layout/header-bg.gif) no-repeat;
  margin:0 0 1px 0;
}

#header h1 {
  float:left;	
  padding:0;
  margin:0;
}

#header h1 a {
  display:block;	
  width:147px;
  height:119px;
  background:url(../images/layout/logo.gif) no-repeat;
  text-indent:-5000px;
}

#header p {
  float:right;
  text-align:right;
  color:#fff;
  font-weight:bold;
  line-height:1.7em;
  padding:0 16px 0 0;
  *padding-top:11px;
}

#headerBelow {
  float:left;	
  width:746px;
  height:104px;
  background:url(../images/layout/header-bg-lower-internal.gif) no-repeat;
  margin:-2px 0 0 0;
}

body#home #headerBelow {
  float:left;	
  width:746px;
  height:104px;
  background:url(../images/layout/header-bg-lower.gif) no-repeat;
  margin:-2px 0 0 0;
}

#left {
  float:left;
  width:170px;
}

#right {
  float:left;	
  width:557px;
  font-size: 10pt;             
  font-family: Verdana, Arial, 'Century Gothic';              
}

#right ul {
  width:400px;
  margin-left:30px;
}

#right a {
  font-size:10pt;
}

#right table {
  font-size:10pt;
  margin:0 30px 0 30px;
}

#right h4, #right h1 {
  padding:0 30px 0 30px;
}

#footer {
  width:743px;
  height:36px;
  text-align:center;
  margin-top:10px;
}

#footer p {
  margin:8px 0 0 0;
  font-size:8pt;
}

#footer a {
  color:#000;
  text-decoration:none;
}

#footer a:hover {
  color:#ffd725;
  text-decoration:underline;
}

#bar {
  width:743px;
  height:33px;
  background-color:#000;
}

#bar table {
  float:right;	
  width:406px;
  margin:3px 0 0 0;
}

#bar table h4 {
  width:218px;
  height:15px;
  background:url(../images/layout/footer-signup.gif) no-repeat;
  text-indent:-5000px;
  margin:5px 0 0 0;
}

/*---------------------------------------------------------
Homepage Styles
---------------------------------------------------------*/

#middleHome {
  float:left;	
  width:381px;
}

#middleHome p {
  padding:0;
  margin:12px 0 0px 0;
}

#rightHome {
  float:left;
  width:176px;
  margin-left:20px;
}

#left h2#centrifuge {
  background:url(../images/layout/centrifuge.gif) no-repeat;
  width:161px;
  height:221px;
  padding:0;
  margin:-10px auto 0 auto;
}

#left a#contact {
  display:block;
  background:url(../images/layout/contact.gif) no-repeat;
  width:137px;
  height:216px;
  margin:10px auto 0 auto;
}

#rightHome a#filter {
  border:0;
  margin-top:-23px;
  padding:0;
}

#rightHome a#filter img {
  border:0;
  margin-top:-23px;
  padding:0;
}

#rightHome a#afs {
  display:block;
  background:url(../images/layout/afs.gif) no-repeat;
  width:95px;
  height:116px;
  margin:10px auto 0 auto;
}

#zinc {
  width:164px;
  background-color:#FDF0C4;
  border:1px solid #000;
  padding:5px 5px;
  margin:10px 0 0 0;
  font-family: Verdana, Arial, 'Century Gothic';   
  font-size:8pt;           
}

#zinc h3 {
  width:110px;
  height:26px;
  background:url(../images/layout/title-zinc-phosphate.gif) no-repeat;
  padding:0;
  margin:0 0 4px 0;
  text-indent:-5000px;
}

#newsletter {
  width:164px;
  background-color:#fff;
  border:1px solid #000;
  padding:5px 5px;
  margin:10px 0 0 0;
  font-family: Verdana, Arial, 'Century Gothic';   
  font-size:8pt;           
}

#newsletter h3 {
  width:110px;
  height:13px;
  background:url(../images/layout/title-newsletter.gif) no-repeat;
  padding:0;
  margin:0 0 4px 0;
  text-indent:-5000px;
}

#tradeshows {
  width:743px;
  height:125px;
  text-align:center;
  margin-top:10px;
}

#tradeshows span {
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

#tradeshows img {
  margin: 0 10px;
  border: 0;
}

/*---------------------------------------------------------
Text Alignment and Manipulation Styles
---------------------------------------------------------*/
.supsc{
vertical-align: sup;
position:relative;
position-top:-2px;
}

.subsc{
vertical-align:sub;
}
				
				
.right{
float:right;
}

.center{
text-align:center;
border-width: 0px;
}

#pdflogo{
border-width: 0px;
text-decoration: none;

}
				
/*---------------------------------------------------------
News Section Styles
---------------------------------------------------------*/

h1.newsTitle{
font-weight:bold;
font-size:15px;
font-variant:small-caps;
}

h2.newsSubTitle{
font-style:italic;
font-size:12px;
}

/*---------------------------------------------------------
Navigation
---------------------------------------------------------*/

#navigation {
  width:746px;
  height:31px;
  background:url(../images/layout/navigation-bg.gif) repeat-x;
  border-bottom:1px solid #000;
}

#navigation ul {
  list-style-type:none;
  height:31px;
  margin:0;
  padding:0px;
  float:right;
}

#navigation ul li {
  float:left;
}

#navigation ul li a#home {
  display:block;	
  width:49px;
  height:31px;
  background:url(/images/home-button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#home:hover {
  background-position: -49px 0;
}

#navigation ul li a#whychoose {
  display:block;	
  width:95px;
  height:31px;
  background:url(/images/why_choose_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#whychoose:hover {
  background-position: -95px 0;
}

#navigation ul li a#technology {
  display:block;	
  width:76px;
  height:31px;
  background:url(/images/centrasep_technology_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#technology:hover {
  background-position: -76px 0;
}

#navigation ul li a#advantage {
  display:block;	
  width:72px;
  height:31px;
  background:url(/images/centrasep_advantage_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#advantage:hover {
  background-position: -72px 0;
}

#navigation ul li a#industry {
  display:block;	
  width:62px;
  height:31px;
  background:url(/images/industry_solutions_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#industry:hover {
  background-position: -62px 0;
}

#navigation ul li a#customers {
  display:block;	
  width:68px;
  height:31px;
  background:url(/images/customers_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#customers:hover {
  background-position: -68px 0;
}

#navigation ul li a#faq {
  display:block;	
  width:41px;
  height:31px;
  background:url(/images/faqs_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#faq:hover {
  background-position: -41px 0;
}

#navigation ul li a#about {
  display:block;	
  width:63px;
  height:31px;
  background:url(/images/aboutus_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#about:hover {
  background-position: -63px 0;
}

#navigation ul li a#contact {
  display:block;	
  width:71px;
  height:31px;
  background:url(/images/contactus_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#contact:hover {
  background-position: -71px 0;
}

#navigation ul li a#what_you_should_know {
  display:block;	
  width:72px;
  height:31px;
  background:url(/images/whatyoushouldknow_button.gif) 0 0 no-repeat;
  text-indent:-500em;
  background-color:#000;
}

#navigation ul li a#what_you_should_know:hover {
  background-position: -72px 0;
}

#breadcrumb {
  color:#000;
  text-align:left;
  font-size:10px;
  font-family: Verdana, Arial, 'Century Gothic';
  margin:-10px 0 10px 0;
  padding:0 0 0 23px;
}

#breadcrumb a {
  font-size:10px;
  color:#2969AF;
  text-align:left;
  text-decoration:underline;
}

#breadcrumb a:hover {
  font-size:10px;
  color:#000;
  text-align:left;
  text-decoration:none;
}

#breadcrumb_home {
  color:#000;
  text-align:left;
  font-size:10px;
  font-family: Verdana, Arial, 'Century Gothic';
}

#breadcrumb_home a {
  font-size:10px;
  color:#2969AF;
  text-align:left;
  text-decoration:underline;
}

#breadcrumb_home a:hover {
  font-size:10px;
  color:#000;
  text-align:left;
  text-decoration:none;
}

#dropmenudiv{
  position:absolute;
  border:1px solid black;
  border-bottom-width: 0;
  font:normal 11px Verdana;
  line-height:18px;
  z-index:100;
}

#dropmenudiv a{
  width: 100%;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid black;
  padding: 1px 0;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
  background-color: FFEB92;
  color: #000000;
  font-weight: bold;
}

/*---------------------------------------------------------
Interior Content Styling
---------------------------------------------------------*/

#ordered_list li {
  margin:16px 0 16px 0;
}