body {
	/* For breathing room between content and viewport. */
	margin:0px;
  background-repeat: no-repeat;
  background-position: top center;
  line-height: 20px;
  color: #4E4E4E;
}

body.print-mode {
  background-image: none;
}

h1 {
  color: #00529b;
  font-size: 18px;
  line-height: 24px;
}

h2 {
	font-size: 18px;
  color: #666666;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 0px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

#custom-doc { 
  width: 74.62em;
  *width: 72.82em;
  min-width:970px;
  margin:auto;
  text-align:left;
}

#case-study-title {
  color: #4e4e4e;
  font-size: 12px;
}

p {
  color: #4e4e4e;
  line-height: 20px;
}

a {
  color: #00529b;
  text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#hd {
  height: 139px;
}

#fp-container
{
  width:		970px;
  height:		285px;
  overflow:	hidden;
  margin-bottom: 10px;
}



#fp-container #imgfp-x-1
{
  z-index:10;
  position:absolute;
  height:285px;
  width:970px;
  overflow:hidden;
}

#fp-container #imgfp-x-2
{
  z-index:20;
  position:absolute;
  height:285px;
  width:970px;
  overflow:hidden;
}


#fp-container div .caption
{
  position:absolute;
  z-index:30;
  margin: 225px 0px 0px 700px;
}


#fp-container a:link,
#fp-container a:hover,
#fp-container a:visited,
#fp-container a:active
{
  display:block;
  background:url(../images/front-page/easy-button-natural.gif) no-repeat;
  color:white;
  width:137px;
  font-size:15px;
  line-height:1em;
  padding-left:14px;
  padding-right:14px;
  padding-top:28px;
  padding-bottom:27px;
  overflow:hidden;
  margin-bottom:7px
}

#fp-container a:hover
{
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
}

#menu-container {
  float: right;
  padding-right: 7px;
}

#menu-panel {
  float: right; 
}

#bd {
  margin-bottom: 28px;
}

#bd-content {
  width: 656px;
  padding: 12px;
  float: left;
  background-color: white;
}

#bd-content-home {
  width: 680px;
  padding: 12px 0 0 0;
  float: left;
  background-color: white;
}

#bd-top-round {
  width: 684px;
  height: 5px;
  top: -1px;
}

#bd-top-spacer {
  width: 670px;
  height: 5px;
  background-color: white;
  float: left;
}

#bd-left {
  float: left;
  /*width: 335px;*/
  width: 315px;
  padding-right: 18px;
  border-right: solid #dbdbdb 1px;
}

#bd-left p {
  margin-bottom: 5px;
}

#bd-left h2 {
  margin-top: 8px;
  margin-bottom: 5px;
}

h1.first {
  margin-top: 0px;
}

#bd-center {
  float: left;
  /*width: 295px;*/
  width: 315px;
  margin-left: 18px;
}

#bd-center #read-more-articles {
  margin-top: 10px;
}

#bd-center #read-more-articles a {
  font-size: 18px;
  line-height: 24px;
}

#bd-right {
  margin-top: 0px; 
  float: right;
  width: 278px;
}

.bd-right-home {
  margin-top: 10px;
}

.right-nav-button {
  margin-bottom: 10px;
}

#right-nav-contact {
  color: #ffffff;
  padding: 36px 29px 0px 29px;
  height: 170px;
  background-image: url(../images/buttons_11.jpg);
  background-repeat: no-repeat;
  text-align: left;
}

#right-nav-contact h1 {
  font-size: 18px;
  line-height: 20px;
  display: inline;
  color: #ffffff;
}

#right-nav-contact h2 {
  font-size: 14px;
  line-height: 20px;
  display: inline;
  color: #ffffff;
}

#right-nav-contact div.phone-email {
  margin-left: 35px;
  margin-top: 16px;
  line-height: 20px;
}

#right-nav-contact a {
  text-decoration: underline;
  color: white;
}

#ft-grey {
  background-color: #383637;
  height: 68px;
  overflow: hidden;
}

#ft-white {
  margin-top: 15px;
  color: #8a8a8a;
}

#ft-white a {
  text-decoration: underline;
  color: #8a8a8a;
}

#ft-grey p {
  font-size: 12px;
  color: white;
  padding-top: 25px;
}

#ft-grey a {
  font-size: 12px;
  color: white;
  padding-top: 25px;
  text-decoration: underline;
}

a.category-browse {
  margin-right: 5em;
}

#item-images {
  margin-top: 3em;
  clear: both;
  padding: 20px;
  width: 160px;
  height: 450px;
  float: right;
  overflow: auto;
}

.p-metal #menu-container,
.p-supply #menu-container,
.p-metal-contact #menu-container {
  visibility: hidden;
}

.p-metal #bd-right,
.p-supply #bd-right {
  text-align: center;
  /*background-color: white;*/
}

#contact-form input[type=text] {
  width: 150px;
}


#carousel-canvas {
  position: relative;
  margin-bottom: 10px;
}

.carousel-image,
.carousel-overlay {
  position: absolute;
}