/******
  ERIC MEYER RESET | learn more @ http://meyerweb.com */
html,body,div,span,
applet,object,iframe,embed,object,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
  border: 0; outline: 0;
  vertical-align: top;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 100%;
}
/* remember to define focus styles! */
:focus { outline: 0; }
table { /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption,th,td { text-align: left; font-weight: normal; }
blockquote:before,blockquote:after,
q:before,q:after { content: ""; }
blockquote,q { quotes: "" ""; }
h1,h2,h3,h4,h5,h6,strong { font-weight: bold; }
a,a:link,a:visited,a:hover {
  text-decoration: underline;
  color: #991a1b; /* crimson */
  font-size: 1.00em !important;
  vertical-align: baseline;
}
a:hover {
  color: #cf1214;
}
body {
  background: url("/images/ui/bg_repeat.jpg") #fff repeat-x 0 0;
  padding: 0; margin: 0;
}
body#home, body#trade, body#help {
  background: url("/images/ui/bg_repeat_sm.jpg") #ffcf0d repeat-x 0 0;
}

/*** presentational layout ***/
#header {
  width: 750px;
}
a img#logo {
  float: right;
  position: relative;
  top: 0; left: 14px;
}
#header-nav {
  float: left;
  position: relative;
  top: 53px; left: 240px;
}
#header-nav li {
  list-style-type: none;
  float: left;
  margin: 0 25px 0 0;
}
#header-nav li a {
  border: 0 none;
}
#content {
  clear: both;
  width: 650px;
  margin: 10px 0 0 110px;
  padding-bottom: 50px;
  text-align: left !important;
}
body#home #content,
body#trade #content,
body#help #content {
  padding-bottom: 0;
}
body#trade #content {
  width: 730px;
}
body#trade img#product,
body#trade img#ad-1 {
  float: left;
  margin: 0; padding: 0;
}
body#trade img#ad-1,
body#trade img#ad-2 {
  position: relative;
  top: 30px; left: 30px;
}
#hp-messaging {
  position:absolute;
  left: 530px; top: 160px;
  width: 340px; height: 400px;
  overflow: auto;
}
body#contact-form input.text-field,
body#contact-form textarea {
  border: 1px solid #c7c7c7;
  padding: 4px 7px 2px 7px;
  margin-bottom: 2px;
}
body#contact-form textarea {
  overflow: auto; height: 150px;
}
body#contact-form label {
  margin: 0 0 0 15px;
  position: relative;
  top: 3px; 
  font-size: 1.00em;
  vertical-align: top !important;
}
body.jobs td p {
  font-size: 1.55em;
}
body#contact-form form td {
  font-size: 1.15em;
}
body#contact-form form h4 {
  font-size: 0.95em;
  color: #000;
}
body#contact-form form span.required {
  font-size: 1.20em;
}
table.jobs {
  width: 640px;
}
table.jobs td {
  width: 33%;
}
table#footer {
  clear: both;
}
img#other-ibc {
  position: relative; top: 3px;
}

/*** reset typography ***/
h1,h2,h3,h4,h5,h6,
p,li,td,dt,dd,a {
  font-weight: normal;
  font-size: 100%;
  line-height: 1.00em;
}
h1,h2,h3,
h4,h5,h6 {
  text-align: left;
  color: #183072;
  font-size: 0.95em;
  font-weight: 600;
}
p,li,td,dt,dd {
  font-size: 0.74em;
  line-height: 1.40em;
}
.style2 {line-height: 13pt}

table {
  font-size: 11px;
  line-height: 13pt;
}
.required {
  font-weight: 600;
  color: #cc0000;
}
.error {
	padding: 10px;
	border: red 1px solid;
	background-color:#efefef;
	margin: 10px;
}