body
  {
    margin: 0px;
    padding: 0px;
    background: #33353a;
    font-family: Arial, sans-serif;
    color: #666666;
  }
.clear { clear: both; }
p { margin: 0px; padding: 5px 0px; }
a { color: #555555; }
img { border: 0; }


/* ----- HEADER AREA ----- */

#header
  {
    position: relative;
    height: 74px;
    width: 775px;
    background-image: url(../images/graydots.gif);
  }
#pxLogo
  {
    position: absolute;
    top: 14px;
    left: 10px;
    height: 50px;
    width: 265px;
    background-image: url(../images/px_logo.gif);
  }
.graybar { position: relative; height: 10px; width: 775px; background: #6d6d6d; }
#logos
  {
    position: absolute;
    top: 30px;
    left: 780px;
    width: 130px;
    text-align: center;
  }
#logos img { display: block; margin: 16px auto; }


/* ----- MAIN BANNER ----- */

#banner
  {
    position: relative;
    height: 296px;
    width: 775px;
    background-image: url(../images/powderx_header.jpg);
  }
#navigation { position: absolute; top: 165px; left: 8px; }
#navigation a
  {
    display: block; 
    padding: 1px 10px;
    font-size: 12px;
    text-decoration: none;
  }
#navigation a:hover { background: url(../images/white_arrow.gif) no-repeat center left; }
.whitetext { color: #ffffff; }
.graytext { color: #bfbfbf; }
.redtext { color: #ffffff; }
.navcolumn { float: left; position: relative; margin-right: 16px; }
.navheading { margin-bottom: 4px; margin-left: 10px; }
.spacer { margin: 0px; padding: 0px; height:12px; }
#slogan
  {
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 300px;
    font-size: 30px;
    font-weight: bold;
  }
#flashslogan
  {
    position: absolute;
    bottom: 0px;
    right: 10px;
    width: 320px;
  }


/* ----- CONTENT ----- */

.contentwrap
  {
    position: relative;
    padding-top: 20px;
    width: 775px;
    color: #555555;
    background: #ffffff;
  }
.content
  {
    margin-right: 93px;
  }
.quote
  {
    float: right;
    width: 190px;
    height: 80px;
    padding-left: 4px;
    margin-bottom: 8px;
    color: #333333;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 140%;
  }
#quote1 {  }
#quote2 { display: none; }
#quote3 { display: none; }
.content p { font-size: 0.7em }
.body { margin-left: 18px; padding: 4px 18px 4px 0px; }
.bigred { font-size: 15px; font-weight: bold; color: #d30304;}
.blocktext
  {
    margin-left: 18px;
    padding: 4px 18px 4px 0px;
    font-size: 1.6em;
    font-weight: bold;
    color: #333333;
  }

h1
  {
    margin: 0px 0px 0px 10px;
    padding: 8px 6px;
    font-size: 0.9em;
    font-weight: bold;
    color: #ffffff;
    background: #33353a;
  }
h2
  {
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
    font-weight: bold;
    color: #d30304;
  }
h3
  {
    margin: 0px;
    padding: 0px;
    font-size: 0.8em;
    font-style: italic;
  }

#ourproducts
  {
    position: relative;
    width: 640px;
    margin: 20px 0px 30px auto;
    border: 1px solid #999999;
    background: #f1f1f1;
  }
#ourproducts img {float: right; }
#ourproducts_text { padding: 8px 10px 4px 10px; }
#ourproducts_caption
  {
    position: absolute;
    width: 220px;
    top: 146px;
    right: 10px;
    font-size: 0.7em;
    color: #ffffff;
  }

.product_column_area { margin-left: 10px }
.product_column_wrapper
  {
    float: left;
    width: 162px;
    height: 360px;
    background: #999999;
    margin: 1px 0px 0px 8px;
  }
.product_column_wrapper2
  {
    float: left;
    width: 162px;
    height: 360px;
    background: #999999;
    margin: 1px 0px 0px 0px;
  }
.product_column
  {
    margin: 1px;
    height: 358px;
    background: #ffffff;
    color: #444444;
  }
.product_column a { color: #444444; }
.pad5 { padding: 5px; }

.eq_column_area { margin-left: 18px }
.eq_column_wrapper
  {
    float: left;
    width: 148px;
    height: 260px;
    background: #999999;
    margin: 1px 0px 0px 8px;
  }
.eq_column_wrapper2
  {
    float: left;
    width: 148px;
    height: 260px;
    background: #999999;
    margin: 1px 0px 0px 0px;
  }
.eq_column
  {
    margin: 1px;
    height: 258px;
    background: #ffffff;
    color: #444444;
  }
.eq_column a { color: #d30304; }

ul { margin-top: 0px; font-size: 0.8em; } 
ul.reg { font-size: 1.0em; }
ul.smalltext { font-size: 0.7em; }
.rightimg { float: right; margin-left: 20px; margin-top: 10px;}
.rightcol {float: right; margin-left: 20px; width: 200px; }

table
  {
    margin-left: 18px;
    border: 1px solid #555555;
    border-collapse: collapse;
    font-size: 0.7em;
  }
th 
  {
    padding: 2px;
    background: #555555;
    color: #ffffff;
    font-weight: bold;
    vertical-align: top;
  }
td { padding: 4px; vertical-align: top;}

form { margin: 0px 0px 0px 18px; padding: 0px; }
textarea { float: left; margin: 4px; } 
input { float: left; margin: 4px; font-size: 0.8em; }
label { float: left; margin: 4px; font-size: 0.8em; text-align: right; }
.lwidth { width: 160px; }
.formhead { width: 430px; text-align: right; }


/* ----- CALLOUTS ----- */

#callout_column
  {
	position: absolute;
	top: 381px;
	left: 695px;
	z-index: 10;
  }
.callout_box
  {
    margin-bottom: 6px;
    padding: 0px;
    width: 250px;
    background: #33353a;
  }
.callout_head
  {
    width: 250px;
    background: #831c1e;
  } 
.callout_box p
  {
    margin: 0px;
    padding: 10px;
    color: #ffffff;
    font-size: 0.7em;
  }


/* ----- FOOTER ----- */

#info
  {
    position: relative;
    width: 775px;
    padding: 4px 0px;
    background: #999999;
    text-align: center;
    font-size: 0.7em;
    color: #ffffff;
  }
#footer
  {
    position: relative;
    width: 775px;
    padding: 6px 0px 40px 0px;
    background: url(../images/graydots.gif);
    text-align: center;
    line-height: 150%;
    font-size: 0.8em;
  }
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }