@import "topnav.css";

html body {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 14px;
        font-family: "Times New Roman", serif; 
	color: #3d3d3d;
	background: url(../img/bodybg.gif) repeat-x left top #4f6068;
	}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, pre, form, fieldset {
	margin: 0;
	padding: 0;
	}

ul {
	list-style: none;
	}

a, a:active {
	color: #c18d10;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	}

a img {
	border: none;
	}

h2.center {
	text-align: center;
	}

#container {
	width: 999px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	background: #ffffff;
	}

#header {
	width: 999px;
	height: 67px;
	overflow: hidden;
	background: url(../img/headerbg.png) no-repeat left top;
	}

#logo {
	float: left;
	width: 191px;
	height: 67px;
	background: url(../img/logo.png) no-repeat left top;
	}

#logo a {
	display: block;
	width: 171px;
	height: 44px;
	text-indent: -10000px;
	margin: 15px 0 0 20px;
	}

#slogan { 
	float: left;
	color: #ffffff;
	font: bold 12px Tahoma;
	padding-top: 43px;
	}

#top_contacts {
	float: right;
	width: 200px;
	overflow: hidden;
	display: inline; /* for ie6 */
	margin: 6px 26px 0 0;
	color: #ffffff;
	text-align: right;
	font: bold 16px Arial;
	}

#top_contacts p.top {
	font-size: 20px;
	margin-bottom: 6px;
	}

#flash_header {
	width: 999px;
	}

#subnav {
	font: bold 12px Arial, Verdana, sans-serif;
	width: 999px;
	height: 40px;
	overflow: hidden;
	font-weight: bold;
	}

#subnav li {
	float: left;
	width: 111px;
	height: 40px;
	}

#subnav li a {
	display: block;
	width: 111px;
	height: 40px;
	color: #ffffff;
	text-align: center;
	background: url(../img/subm_btn.png) no-repeat left top;
	}

#subnav li a:hover {
	color: #000100;
	text-decoration: none;
	background: url(../img/subm_btn.png) no-repeat left bottom;
	}

#subnav li a.active {
	color: #000100;
	background: url(../img/subm_btn.png) no-repeat left bottom;
	}

#subnav li a span {
	display: block;
	padding-top: 2px;
	}

#content_hold {
	width: 963px;
	overflow: hidden;
	padding: 20px 0 15px 0;
	margin: 0 auto 20px auto;
	border-bottom: 3px solid #d0d0d0;
	}

.cbox {
	width: 305px;
	overflow: hidden;
	float: left;
	display: inline; /* for ie6 */
	margin: 0 11px 0 0;
	padding-right: 13px;
	background: url(../img/linebg.gif) repeat-y right top;
	}

.cbox2 {
	width: 305px;
	overflow: hidden;
	float: left;
	display: inline; /* for ie6 */
	margin: 0 11px 0 0;
	padding-right: 13px;
	background: url(../img/linebg.gif) repeat-y right top;
	}

.cbox3 {
	width: 305px;
	overflow: hidden;
	float: left;
	}

.cbox h1, .cbox2 h1, .cbox3 h1 {
	margin-bottom: 9px;
	}

.cbox p img, .cbox2 p img, .cbox3 p img {
	margin-bottom: 12px;
	}

.cbox p a, .cbox2 p a, .cbox3 p a {
	font-weight: bold;
	}

.more {
	text-align: right;
	}

#content_hold_inner {
	width: 952px;
	overflow: hidden;
	padding: 20px 0 15px 0;
	margin: 0 auto 0 auto;
	}

#content_hold_inner h1 {
	font-size: 30px;
	color: #4b5a65;
	margin-bottom: 12px;
	}

#content_hold_inner h2 {
	font-size: 18px;
	color: #3d3d3d;
	margin: 15px 0 6px 0;
	}

#content_hold_inner h3 {
	font-size: 16px;
	color: #3d3d3d;
	margin-bottom: 6px;
	border-bottom: 2px solid #3d3d3d;
	}

#content_hold_inner p {
	margin-bottom: 10px;
	}

.clear {
	clear: both;
	}

#content_hold_inner p.pic {
	margin-bottom: 25px;
	}

#content_hold_inner p.pic img {
	margin-bottom: 4px;
	}

#content_hold_inner img.pic2 {
	margin: 0 8px 10px 0;
	}

#content_hold_inner ul.txt {
	margin: 18px 0 18px 25px;
	list-style: disc;
	}

#content_hold_inner ul.txt li {
	margin-bottom: 4px;
	list-style: disc;
	}

#content_hold_inner ol li {
	margin: 0 0 4px 20px;
	}

#topbar {
	width: 100%;
	overflow: hidden;
	padding-bottom: 8px;
	}

#breadcrumbs {
	float: left;
	padding-top: 7px;
	}

#buttons {
	float: right;
	width: 450px;
	height: 24px;
	overflow: hidden;
	margin: 8px 0 0 0;
	}

#buttons li {
	float: right;
	height: 24px;
	}

#buttons li a {
	display: block; height: 24px;
	text-indent: -10000px;
	}

#buttons_bot {
	float: left;
	width: 600px;
	height: 24px;
	overflow: hidden;
	margin: 0 0 0 0;
	}

#buttons_bot li {
	float: left;
	height: 24px;
	}

#buttons_bot li a {
	display: block; height: 24px;
	text-indent: -10000px;
	}

#steel_st a {
	width: 125px;
	background: url(../img/steel_st_btn.gif) no-repeat left top;
	}

#steel_grat a {
	width: 97px;
	background: url(../img/steel_grat_btn.gif) no-repeat left top;
	}

#ss_st a {
	width: 113px;
	background: url(../img/ss_st_btn.gif) no-repeat left top;
	}

#ss_grat a {
	width: 85px;
	background: url(../img/ss_grat_btn.gif) no-repeat left top;
	}

#safety_grat a {
	width: 105px;
	background: url(../img/safety_grat_btn.gif) no-repeat left top;
	}

#riveted_grat a {
	width: 112px;
	background: url(../img/riveted_grat_btn.gif) no-repeat left top;
	}

#load_tables a {
	width: 92px;
	background: url(../img/load_tables_btn.gif) no-repeat left top;
	}

#heavy_grat a {
	width: 134px;
	background: url(../img/heavy_grat_btn.gif) no-repeat left top;
	}

#grat_prod a {
	width: 119px;
	background: url(../img/grat_prod_btn.gif) no-repeat left top;
	}

#fiber_grat a {
	width: 127px;
	background: url(../img/fiber_grat_btn.gif) no-repeat left top;
	}

#pul_grat a {
	width: 123px;
	background: url(../img/pul_grat_btn.gif) no-repeat left top;
	}

#bridge a {
	width: 109px;
	background: url(../img/bridge_btn.gif) no-repeat left top;
	}

#band_lyt a {
	width: 151px;
	background: url(../img/band_lyt_btn.gif) no-repeat left top;
	}

#arch_grat a {
	width: 140px;
	background: url(../img/arch_grat_btn.gif) no-repeat left top;
	}

#aluminum_st a {
	width: 126px;
	background: url(../img/aluminum_st_btn.gif) no-repeat left top;
	}

#aluminum_plank a {
	width: 91px;
	background: url(../img/aluminum_plank_btn.gif) no-repeat left top;
	}

#aluminum_grat a {
	width: 98px;
	background: url(../img/aluminum_grat_btn.gif) no-repeat left top;
	}

#b38 a {
	width: 77px;
	background: url(../img/38_btn.gif) no-repeat left top;
	}

#b30 a {
	width: 77px;
	background: url(../img/30_btn.gif) no-repeat left top;
	}

#b22 a {
	width: 77px;
	background: url(../img/22_btn.gif) no-repeat left top;
	}

#b19 a {
	width: 77px;
	background: url(../img/19_btn.gif) no-repeat left top;
	}

#b15 a {
	width: 77px;
	background: url(../img/15_btn.gif) no-repeat left top;
	}

#b11 a {
	width: 77px;
	background: url(../img/11_btn.gif) no-repeat left top;
	}

#b8 a {
	width: 77px;
	background: url(../img/8_btn.gif) no-repeat left top;
	}

#b7 a {
	width: 77px;
	background: url(../img/7_btn.gif) no-repeat left top;
	}

#back a {
	width: 52px;
	background: url(../img/back_btn.gif) no-repeat left top;
	}

#b12 a {
	width: 77px;
	background: url(../img/12_btn.gif) no-repeat left top;
	}

#b18_steel a {
	width: 109px;
	background: url(../img/18_steel_btn.gif) no-repeat left top;
	}

#b18_alum a {
	width: 139px;
	background: url(../img/18_alum_btn.gif) no-repeat left top;
	}

#molded a {
	width: 127px;
	background: url(../img/molded_btn.jpg) no-repeat left top;
	}

#pultruded a {
	width: 140px;
	background: url(../img/pultruded_btn.jpg) no-repeat left top;
	}

#specs a {
	width: 59px;
	background: url(../img/specs_btn.jpg) no-repeat left top;
	}

#spacings a {
	width: 124px;
	background: url(../img/table_space_btn.gif) no-repeat left top;
	}

#louver a {
	width: 138px;
	background: url(../img/louver_btn.gif) no-repeat left top;
	}

#pattern a {
	width: 139px;
	background: url(../img/pattern_btn.gif) no-repeat left top;
	}

#table_space a {
	width: 124px;
	background: url(../img/table_space_btn.gif) no-repeat left top;
	}

#tolerances a {
	width: 85px;
	background: url(../img/tolerances_btn.gif) no-repeat left top;
	}

#glossary a {
	width: 74px;
	background: url(../img/glossary_btn.gif) no-repeat left top;
	}

#intro a {
	width: 90px;
	background: url(../img/intro.gif) no-repeat left top;
	}

#intro a:hover {
	width: 90px;
	background: url(../img/intro.gif) no-repeat left bottom;
	}

#fasteners a {
	width: 81px;
	background: url(../img/fasteners.gif) no-repeat left top;
	}

#fasteners a:hover {
	width: 90px;
	background: url(../img/fasteners.gif) no-repeat left bottom;
	}

#banding a {
	width: 71px;
	background: url(../img/banding.gif) no-repeat left top;
	}

#banding a:hover {
	width: 71px;
	background: url(../img/banding.gif) no-repeat left bottom;
	}

#layout a {
	width: 63px;
	background: url(../img/layout.gif) no-repeat left top;
	}

#layout a:hover {
	width: 63px;
	background: url(../img/layout.gif) no-repeat left bottom;
	}

#alum_louv a {
	width: 158px;
	background: url(../img/alum_louv.gif) no-repeat left top;
	}

#alum_louv a:hover {
	width: 158px;
	background: url(../img/alum_louv.gif) no-repeat left bottom;
	}

#lts a {
	width: 53px;
	background: url(../img/lts-label.gif) no-repeat left top;
	}

#lts a:hover {
	width: 53px;
	background: url(../img/lts-label.gif) no-repeat left bottom;
	}

#arch_patterns a {
	width: 146px;
	background: url(../img/arch_patterns.gif) no-repeat left top;
	}

#arch_patterns a:hover {
	width: 146px;
	background: url(../img/arch_patterns.gif) no-repeat left bottom;
	}

#arch_products a {
	width: 148px;
	background: url(../img/arch_products.gif) no-repeat left top;
	}

#arch_products a:hover {
	width: 148px;
	background: url(../img/arch_products.gif) no-repeat left bottom;
	}

#ss a {
	width: 110px;
	background: url(../img/ss_btn.gif) no-repeat left top;
	}

#ss a:hover {
	width: 110px;
	background: url(../img/ss_btn.gif) no-repeat left bottom;
	}

#home a {
	width: 91px;
	background: url(../img/home.gif) no-repeat left top;
	}

#home a:hover {
	width: 91px;
	background: url(../img/home.gif) no-repeat left bottom;
	}

#mfg a {
	width: 121px;
	background: url(../img/mfgtol.gif) no-repeat left top;
	}

#mfg a:hover {
	width: 121px;
	background: url(../img/mfgtol.gif) no-repeat left bottom;
	}

#spec a {
	width: 144px;
	background: url(../img/specs.gif) no-repeat left top;
	}

#spec a:hover {
	width: 144px;
	background: url(../img/specs.gif) no-repeat left bottom;
	}

#steel_st a:hover {
	width: 125px;
	background: url(../img/steel_st_btn.gif) no-repeat left bottom;
	}

#steel_grat a:hover {
	width: 97px;
	background: url(../img/steel_grat_btn.gif) no-repeat left bottom;
	}

#ss_st a:hover {
	width: 113px;
	background: url(../img/ss_st_btn.gif) no-repeat left bottom;
	}

#ss_grat a:hover {
	width: 85px;
	background: url(../img/ss_grat_btn.gif) no-repeat left bottom;
	}

#safety_grat a:hover {
	width: 105px;
	background: url(../img/safety_grat_btn.gif) no-repeat left bottom;
	}

#riveted_grat a:hover {
	width: 112px;
	background: url(../img/riveted_grat_btn.gif) no-repeat left bottom;
	}

#load_tables a:hover {
	width: 92px;
	background: url(../img/load_tables_btn.gif) no-repeat left bottom;
	}

#heavy_grat a:hover {
	width: 134px;
	background: url(../img/heavy_grat_btn.gif) no-repeat left bottom;
	}

#grat_prod a:hover {
	width: 119px;
	background: url(../img/grat_prod_btn.gif) no-repeat left bottom;
	}

#fiber_grat a:hover {
	width: 127px;
	background: url(../img/fiber_grat_btn.gif) no-repeat left bottom;
	}

#pul_grat a:hover {
	width: 123px;
	background: url(../img/pul_grat_btn.gif) no-repeat left bottom;
	}

#bridge a:hover {
	width: 109px;
	background: url(../img/bridge_btn.gif) no-repeat left bottom;
	}

#band_lyt a:hover {
	width: 151px;
	background: url(../img/band_lyt_btn.gif) no-repeat left bottom;
	}

#arch_grat a:hover {
	width: 140px;
	background: url(../img/arch_grat_btn.gif) no-repeat left bottom;
	}

#aluminum_st a:hover {
	width: 126px;
	background: url(../img/aluminum_st_btn.gif) no-repeat left bottom;
	}

#aluminum_plank a:hover {
	width: 91px;
	background: url(../img/aluminum_plank_btn.gif) no-repeat left bottom;
	}

#aluminum_grat a:hover {
	width: 98px;
	background: url(../img/aluminum_grat_btn.gif) no-repeat left bottom;
	}

#b38 a:hover {
	width: 77px;
	background: url(../img/38_btn.gif) no-repeat left bottom;
	}

#b30 a:hover {
	width: 77px;
	background: url(../img/30_btn.gif) no-repeat left bottom;
	}

#b22 a:hover {
	width: 77px;
	background: url(../img/22_btn.gif) no-repeat left bottom;
	}

#b19 a:hover {
	width: 77px;
	background: url(../img/19_btn.gif) no-repeat left bottom;
	}

#b15 a:hover {
	width: 77px;
	background: url(../img/15_btn.gif) no-repeat left bottom;
	}

#b11 a:hover {
	width: 77px;
	background: url(../img/11_btn.gif) no-repeat left bottom;
	}

#b8 a:hover {
	width: 77px;
	background: url(../img/8_btn.gif) no-repeat left bottom;
	}

#b7 a:hover {
	width: 77px;
	background: url(../img/7_btn.gif) no-repeat left bottom;
	}

#back a:hover {
	width: 52px;
	background: url(../img/back_btn.gif) no-repeat left bottom;
	}

#b12 a:hover {
	width: 77px;
	background: url(../img/12_btn.gif) no-repeat left bottom;
	}

#b18_steel a:hover {
	width: 109px;
	background: url(../img/18_steel_btn.gif) no-repeat left bottom;
	}

#b18_alum a:hover {
	width: 139px;
	background: url(../img/18_alum_btn.gif) no-repeat left bottom;
	}

#molded a:hover {
	width: 127px;
	background: url(../img/molded_btn.jpg) no-repeat left bottom;
	}

#pultruded a:hover {
	width: 140px;
	background: url(../img/pultruded_btn.jpg) no-repeat left bottom;
	}

#specs a:hover {
	width: 59px;
	background: url(../img/specs_btn.jpg) no-repeat left bottom;
	}

#spacings a:hover {
	width: 124px;
	background: url(../img/table_space_btn.gif) no-repeat left bottom;
	}

#louver a:hover {
	width: 138px;
	background: url(../img/louver_btn.gif) no-repeat left bottom;
	}

#pattern a:hover {
	width: 139px;
	background: url(../img/pattern_btn.gif) no-repeat left bottom;
	}

#table_space a:hover {
	width: 124px;
	background: url(../img/table_space_btn.gif) no-repeat left bottom;
	}

#tolerances a:hover {
	width: 85px;
	background: url(../img/tolerances_btn.gif) no-repeat left bottom;
	}

#glossary a:hover {
	width: 74px;
	background: url(../img/glossary_btn.gif) no-repeat left bottom;
	}

#glossary_left {
	float: left;
	width: 463px;
	overflow: hidden;
	}

#glossary_right	{
	float: right;
	width: 463px;
	overflow: hidden;
	}

#glossary_left h2, #glossary_right h2 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #4b5a65;
	display: inline;
	}

.hlight {
	padding: 0 0 10px 20px;
	border: 1px solid #000;
	background-color: #ddd;
	}

.content_left {
	float: left;
	width: 463px;
	overflow: hidden;
	}

.content_right	{
	float: right;
	width: 463px;
	overflow: hidden;
	}

.content_center	{
	clear: both;
	width: 100%;
	overflow: hidden;
	}

.btm_buttons {
	clear: both;
	width: 100%;
	overflow: hidden;
	}

.content_left ul, .content_right ul, .content_center ul	{
	list-style-type: disc;
	list-style-image: inherit;
	list-style-position: inside;
	}

.tables {
	width: 460px;
	overflow: hidden;
	}

.tdata01 {
	float: left;
	width: 250px;
	overflow: hidden;
	}

.tdata01 li {
	font-style: italic;
	padding-bottom: 6px;
	}

.tdata02 {
	float: right;
	width: 200px;
	overflow: hidden;
	}

.tdata02 li {
	font-style: italic;
	padding-bottom: 6px;
	}

.ssbox {
	float: left;
	width: 312px;
	overflow: hidden;
	margin-left: 4px;
	}

.pic03 {
	margin-right: 18px;
	}

#footer {
	width: 999px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	text-align: center;
	}

#ftrnav {
	width: 500px;
	overflow: hidden;
	padding-top: 16px;
	margin: 0 auto 0 auto;
	}

#ftrnav li {
	float: left;
	padding: 0 20px 0 20px;
	border-right: 1px solid #ffffff;
	}

#ftrnav li.nbrd {
	border-right: none;
	padding: 0 0 0 20px;
	}

#ftrnav li a {
	color: #ffffff;
}

#ftrnav li a:hover {
	text-decoration: underline;
	}

#footer p.copy {
	clear: both;
	color: #ffffff;
	text-align: center;
	padding: 12px 0 10px 0;
	}