/* Vulcan Chain v2.0 Stylesheet
Written by Jason Krause -- Last Updated: July 29, 2008 */

/* Yahoo! CSS Reset */
/* More info here -- http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0; margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;}
/* End Yahoo! CSS Reset */


/* ------------------
Primary Styles and Base Typography
------------------ */
html {padding: 0; margin: 0;}
body {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 65%; color: #333; text-align: center; background: #4d4d4d url(../images/vulcanbg.gif) repeat;}

p {font-size: 1.25em; line-height: 1.5em; color: #333; padding: 4px 2px 4px 10px;}
p, ul, ol, li, h1, h2, h3 {font-family: "Trebuchet MS", Verdana, sans-serif;}
ul, ol {padding: 0; margin: 2px 0 8px 10px; font-size: 1.2em;}
li {list-style: square; line-height: 1.5em; padding: 1px 0; margin: 0 0 0 15px;}

input {margin-top: 2px; padding: 0;}
input:focus, textarea:focus {background-color: #fcf8dB;}


/* ------------------
Misc Typography Stylings
------------------ */
acronym, abbr {border-bottom: dotted 1px #214973; cursor: help;}
small {font-size: .85em; color: #777;}
strong {font-weight: bolder; color: #222;}
em {font-style: italic;}
sup {font-size: 75%;}

.prodlist {margin-left: 0; padding-left: 18px; text-indent: .15em; background: url(../images/listicon.gif) no-repeat 1px 5px; list-style: none; list-style-position: outside;}
.checkoff {margin-left: 0; padding-left: 18px; text-indent: .15em; background: url(../images/listicon2.gif) no-repeat 1px 3px; list-style: none; list-style-position: outside;}


/* ------------------
Link Stylings
------------------ */
a {font-weight: bold;}
a:link {text-decoration: none; color: #ff6633;}
a:visited {text-decoration: none; color: #792700;}
a:hover {text-decoration: underline; color: #f55000;}
a:active {text-decoration: underline; color: #ff7f12;}

#industrynav a {display: block; padding: 2px 4px;}
#industrynav a:link {text-decoration: none; color: #999; background-color: #f1f1f1; padding: 20px 8px 4px 60px; margin: 0;}
#industrynav a:visited {text-decoration: none; color: #999; background-color: #e2e2e2; padding: 20px 8px 4px 60px; margin: 0;}
#industrynav a:hover {text-decoration: none; color: #fff; background-color: #E77326; padding: 20px 8px 4px 60px; margin: 0;}
#industrynav a:active {text-decoration: none; color: #fff; background-color: #ff7f12; padding: 20px 8px 4px 60px; margin: 0;}


/* ------------------
Headings
------------------ */
h1 {font-weight: bold; font-size: 1.85em; ;
	color: #5c95c1; letter-spacing: -.06em; text-align: left; padding: 4px 0 4px 10px; margin: 0;}
h2 {font-weight: bold; font-size: 1.65em; letter-spacing: -.06em; text-align: left; color: #f55000; padding: 6px 0 2px 10px; margin: 0;}
#prodnav h2 {padding: 6px 0 3px 2px;}
#sampleProd h2 {padding: 6px 0 2px 0;}
h3 {font-weight: bold; font-size: 1.5em; letter-spacing: -.06em; color: #ff6633; padding: 2px 0 2px 10px; margin: 0;}


/* ------------------
Primary Layout Stylings
------------------ */
#wrap {position: relative; width: 900px; margin: 15px auto; padding: 0px;}

#topper {float: left; width: 900px; height: 22px; background: url(../images/headertop.gif) no-repeat center; padding-left: 20px;}
#header {float: left; width: 900px; height: 115px; background: #fff url(../images/headerbg.gif) repeat-x bottom; text-align: left; border-right: 10px #fff solid; border-left: 10px #fff solid; margin: 0; padding: 0;}
#header img.centered {display: block; margin: 15px auto;}

#mainnav {float: left; width: 900px; height: 45px; background: #d2d5d7 url(../images/navbg.gif) repeat-x top; text-align: left; border-right: 10px #fff solid; border-left: 10px #fff solid; margin: 0; padding: 0;}
#mainnav ul {padding-left: 5px;}
#mainnav li {float: left; margin: 0; padding: 0; line-height: 1.3em; list-style: none; text-transform: uppercase; background-color: transparent;}
#mainnav a {float: left; color: #333; /*
Text shadow, only works in Webkit browsers, soon in Moz/FF v3point1 */
	text-shadow: #ffffff 1px 1px 1px; /* 
Text shadow, only works in Webkit browsers soon in Moz/FF v3point1 */
	text-decoration: none; font-weight: bold; letter-spacing: -.05em; background-color: transparent; margin: 0; padding: 12px 24px 6px 24px;}

#mainnav a.here:link,
#mainnav a.here:visited {color: #E77326; border-bottom: 14px #fff solid; position: relative; z-index: 102;}

#mainnav a:hover,
#mainnav a:active {color: #333; border-bottom: 14px #c1c1c1 solid;}

#meat {float: left; width: 870px; overflow: hidden; background-color: #E77326; padding: 0 15px 20px 15px; border-top: 1px #888 solid; border-right: 10px #fff solid; border-left: 10px #fff solid; border-bottom: 10px #fff solid;}

#contentwrap {float: left; width: 870px; background: #fff url(../images/contentbg.gif) repeat-x bottom;
padding-bottom: 10px;/* <--- This is a temp IE fix, investigate IE problem later */}

#subnav {float: left; width: 850px; height: 50px; background-color: transparent; text-align: left; margin: 0; margin: 0 0 0 10px; border-bottom: 1px #666 dotted;}
#subnav p {padding: 10px 0 2px 20px;}
#subnav li {float: left; margin: 0; padding: 0; font-size: .9em; line-height: 1.2em; list-style: none; background-color: transparent;}

#subnav a {float: left; color: #ff6633; font-weight: bold; letter-spacing: -.05em; background-color: transparent; margin: 0; padding: 0 10px;}
#subnav a:hover,
#subnav a:active {color: #f55000; text-decoration: underline;}

#contcolumn1 {float: left; width: 423px; background-color: transparent; text-align: left; margin: 10px 0; padding: 10px 8px 10px 4px;}

#longerLeftcol #contcolumn1 {border-right: 1px #999 dotted;}
#longerRightcol #contcolumn2 {border-left: 1px #999 dotted;}

#contcolumn2 {float: left; width: 418px; background-color: transparent; text-align: left; margin: 10px 0; padding: 10px 8px;}
#contcolumn2 img {padding: 2px;}

.productgroup {float: left; width: 240px; text-align: left; padding: 8px 5px; margin: 0;}
.productgroup h3 {text-align: center;}
.productgroup ul {margin: 8px 0 0 50px;}
.productgroup li {line-height: 1.4em;}
.product {float: left; width: 415px; background: #fff; border-bottom: 1px #c6c6c6 solid; padding: 8px 0; margin: 0 0 10px 0;}

img.noborder {border: 0;}

#prodnav {float: left; width: 840px; background-color: transparent; margin: 10px 15px;}
#prodnav h1 {padding: 13px 0 0 33px;}
#prodnav h2 {padding: 4px 0 0 33px;}

#industrynav {float: left; padding: 4px 0 4px 4px; margin: 2px 10px 2px 30px;}
#industrynav ul {margin-left: 5px; padding: 0;}
#industrynav li {float: left; font-size: 1.45em; line-height: 1.4em; text-align: right; list-style: none; margin: 6px 2px 0 0; padding: 2px 1px;}
#industrynav h2, #brandnav h2 {margin: 0; padding: 8px 0 4px 0;}

#industrycat {float: left; width: 840px; background-color: #fff; border: 1px #d2d2d2 solid; margin: 10px 15px 10px 12px; padding: 2px;}
#industrycat img {padding: 2px;}
#industrycat h2 {margin: 0; padding-left: 4px;}

#brandnav {float: left; padding: 8px 0 8px 4px; margin: 2px 10px 10px 30px;}
#brandnav img {float: left; width: 245px; height: 200px; text-align: center; background-color: #fff; border: 1px #e1e1e1 solid; margin: 5px; padding: 0;}

#logos {margin-left: 20px;}
#sendform {width: 390px; text-align: left; background-color: #f1f1f1; border: #d2d2d2 1px solid; padding: 8px 5px; margin: 0 0 0 10px;}

#footer {float: left; width: 920px; border-top: 2px #333 solid;}
#footer p {color: #a3a3a3; font-size: 1em;}

/* Microformat hCard Stylings */
.vcard {font-size: 1.2em; line-height: 1.4em; margin: 10px 10px 4px 10px; background-color: #f4f4f4; border: 1px #C5C6C8 solid; padding: 8px;}
.vcard img {margin: 4px 4px 0 0; vertical-align: middle;}
/* Microformat hCard Stylings */

/* ------------------
Image Styles
------------------ */
img {border: none;}
img.centered {display: block; margin: 3px auto;}
img.left {float: left; margin: 5px 3px 0 15px;}
img.right {float: right; padding: 8px 25px 8px 4px; margin: 0;}
img.rightedge {float: right; padding: 8px 0 8px 4px; margin: 0;}
img.frameit {border: 1px #ddd solid; padding: 2px;}


/* ------------------| The End |------------------ */