@charset "utf-8";
body {
	background-image: url(../../images/bk01.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	height: 100%;
}
#architectural   h1   {
	color: #FFFFFF;
	font-size: 36px;
	position: absolute;
	margin-top: 57px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 952px;
	text-align: right;
}
#architectural   h2   {
	color: #000098;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: right;
	position: absolute;
	font-size: 24px;
	width: 950px;
}
.linker {
	width: 952px;
	margin-top: 110px;
	margin-right: auto;
	margin-left: 0px;
	position: absolute;
	text-align: right;
}
.linker a:visited {
	float: none;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 20px;
	width: 100px;
}

.linker   a:active   {
	float: none;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 20px;
	width: 100px;
}
.linker a:hover {
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
	margin-left: 20px;
	font-style: italic;
}


h3 {
	font-size: 14px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




#metal  {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	visibility: visible;
	z-index: 1;
	border: 2px solid #FFCC00;
	margin-top: 0px;
	margin-bottom: 0px;
}
#galvanized {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666666;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	height: auto;
}
#cncright {
	width: 300px;
	float: right;
}

#cnc {
	width: 99%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 5px;
	height: 525px;
	margin-bottom: 10px;
}


#ridgecap {
	width: 420px;
	height: 500px;
	font-size: 13px;
	font-weight: normal;
	position: relative;
	float: right;
	text-align: center;
	margin-right: 15px;
}
#panelcolor {
	margin-top: 5px;
	border: 2px solid #333333;
	margin-left: 20px;
}

#footer {
	height: 146px;
	background-image: url(../images/steel.jpg);
	background-repeat: no-repeat;
}
#galvalume {
	width: 575px;
	margin-top: 110px;
	position: absolute;
}
#galvalume a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000066;
	margin-left: 20px;
}
#galvalume a:active {
	font-weight: bold;
	text-decoration: none;
	margin-left: 20px;
	color: #000066;
}
#galvalume  a:link  {
	font-weight: bold;
	text-decoration: none;
	margin-left: 20px;
	color: #000066;
}
#galvalume a:hover {
	font-weight: bold;
	color: #0033CC;
	text-decoration: none;
	margin-left: 20px;
}
#flashing   a:link  {
	color: #CCCCCC;
	text-decoration: none;
	margin-left: 20px;
}
#metal #flashing .w3c {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.w3c {
	float: left;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 79px;
}

#flashing a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
#flashing a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#architectural  {
	width: 1000px;
	z-index: 3;
	height: 150px;
	background-image: url(../images/architectural.jpg);
	background-repeat: no-repeat;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	margin-right: auto;
	margin-left: auto;
}
.MiramacTXT {
	float: right;
	width: 550px;
}

#flashing      {
	height: 28px;
	background-color: #000066;
	font-size: 12px;
	color: #999999;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: static;
	bottom: -105px;
	left: 1004px;
	z-index: 5;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	vertical-align: middle;
}
#tblsidecs1 {
	background-color: #003366;
	text-indent: 5px;
}
.wstblhdr3 {
	height: 30px;
	background-color: #336699;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	border: 1px solid #333333;
}

#roofing {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 3;
	height: 290px;
	background-image: url(../../images/metal.jpg);
	background-repeat: no-repeat;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
}
#copper {
	float: right;
	width: 645px;
	height: 275px;
}
#building {
	float: left;
	width: 610px;
	text-align: right;
	font-size: 24px;
	font-weight: bold;
	color: #000098;
	vertical-align: text-bottom;
	height: 30px;
	margin-top: 30px;
}
#pole {
	float: left;
	width: 610px;
	text-align: right;
	font-size: 24px;
	font-weight: bold;
	color: #000098;
	height: 30px;
}
#sheet {
	float: left;
	width: 610px;
	text-align: right;
	font-size: 31px;
	font-weight: bold;
	color: #000098;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	font-style: italic;
}
#aluminum {
	float: left;
	width: 610px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	font-style: italic;
	height: 20px;
	margin-top: 10px;
}
#manufacturer {
	float: left;
	width: 610px;
	text-align: right;
	height: 20px;
	font-size: 16px;
	margin-top: 46px;
}

#manufacturer a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-left: 20px;
	vertical-align: bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#manufacturer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#manufacturer a:hover {
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
	font-style: oblique;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#corrugated {
	width: 560px;
	float: left;
	height: 225px;
	background-color: #6699CC;
	background-image: url(..../images/roofing.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: auto;
}
#trim p {
	margin: 0px;
}

#trim {
	width: 450px;
	height: 160px;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	font-weight: normal;
	text-indent: 5px;
	text-align: justify;
}
#rolled  {
	width: 400px;
	height: 225px;
	font-size: 13px;
	font-weight: normal;
	text-indent: 5px;
	text-align: justify;
	float: right;
	background-image: url(../images/aluminum.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: auto;
}
#Building {
	margin-top: 7px;
	margin-left: 12px;
	margin-right: auto;
	margin-bottom: auto;
}
#zinc {
	padding: 0px;
	width: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 12px;
	text-align: center;
}

#zinc a:link {
	padding: 0px;
	width: 570px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	text-decoration: none;
	color: #000066;
	font-weight: bold;
}
#zinc a:visited {
	padding: 0px;
	width: 570px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	text-decoration: none;
	color: #000000;
}
#zinc a:hover {
	padding: 0px;
	width: 570px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	color: #0066CC;
	text-decoration: none;
	font-style: italic;
}
#barn       {
	width: 500px;
	height: 30px;
	float: right;
	font-weight: bold;
	font-size: 24px;
	margin-top: 15px;
	margin-right: 30px;
	text-align: right;
	color: #000098;
}
#shingles       {
	width: 800px;
	height: 36px;
	float: right;
	font-weight: bold;
	font-size: 36px;
	margin-top: 13px;
	margin-right: 24px;
	text-align: right;
	color: #FFFFFF;
	font-style: oblique;
}
#zincalume {
	width: 580px;
	float: right;
	text-align: center;
}
#zincalume a:link {
	padding: 0px;
	width: 570px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#zincalume a:visited {
	padding: 0px;
	width: 570px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#zincalume a:hover {
	padding: 0px;
	width: 570px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	color: #FFCC00;
	text-decoration: none;
	font-style: italic;
}
#snaplock          {
	background-image: url(../images/detail1tuffrib.gif);
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
}
#pro {
	background-image: url(../images/detail1tuffribsub.gif);
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
}
#members {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	border: 1px solid #000000;
}
#tuffrib {
}
#equipment {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000000;
}
.tblhdr4 {
	background-color: #003366;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
#tblpole {
	width: 350px;
}

#propanel {
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
}
#roofingmiramac {
	margin: 0px;
	padding: 0px;
}
#sltr2 {
	text-align: center;
}


#imgholder3  {
	background-image: url(../images/Screwdownspacing.gif);
	height: 80px;
}
#imgholder4 {
	background-image: url(../images/ScrewdowneaveNendlapsTUFFRIB.gif);
	height: 120px;
	background-repeat: no-repeat;
	background-position: center;
}
.miramacmetals {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}


.wssc1 {
	font-size: 14px;
	text-indent: 5px;
}
.wssc2 {
	font-size: 14px;
	text-indent: 5px;
	background-color: #EAEAEA;
}
#deflection {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}


#metal    .miramac,#Polyester,.load        {
	background-color: #000099;
	color: #FFFFFF;
	text-indent: 5px;
	font-weight: bold;
	font-size: 14px;
}
.coatings {
	font-size: 14px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.tblhdcell1 {
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	width: 150px;
}

.tblhdcell2 {
	color: #CCCCCC;
	background-color: #003366;
	text-align: center;
	font-size: 12px;
}
#steelpole {
	background-image: url(../images/screwCorrectdegreeoftightness.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
}

#tblsidecs1a {
	background-color: #003366;
	text-indent: 5px;
	font-size: 12px;
	color: #CCCCCC;
}
#tblsidecs1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#tblsidecs2 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #666666;
	text-indent: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.tblsidecs2a {
	color: #FFFFFF;
	font-size: 12px;
	background-color: #666666;
	text-indent: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.tblcs1 {
	font-size: 14px;
	text-align: center;
	width: 40px;
	border: 1px solid #000000;
}
.tblcs2 {
	font-size: 14px;
	background-color: #EAEAEA;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#coatingssteel {
	font-size: 14px;
	width: 425px;
	margin-right: auto;
	margin-left: 75px;
}
#coatings a:link {
	text-decoration: none;
}
#coatings a:visited {
	text-decoration: none;
}
#coatings a:hover {
	text-decoration: none;
	font-style: oblique;
	color: #FFCC00;
}
.tblpaneltd {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.tblpaneltd2 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
#TabbedPanelsContentGroup2 {
	border: 1px solid #FFCC00;
}
#metal #galvanized #cnc2 {
	width: 425px;
	float: left;
	height: 550px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: auto;
}
#metal #galvanized #ridgecap2 {
	width: 550px;
	height: 275px;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	float: right;
	margin-top: 5px;
	margin-right: 4px;
	border: 2px solid #FFCC00;
}
#metal #galvanized #ridgecap3 {
	width: 550px;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	float: right;
	margin-top: 37px;
	margin-right: 4px;
	border: 2px solid #FFCC00;
	color: #FFFFFF;
	background-color: #000099;
}

#TabbedPanelsContentGroup {
	border: 1px solid #FFCC00;
	overflow: auto;
	width: 418px;
	height: 500px;
}
#manufacturer a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-left: 20px;
	vertical-align: bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.linker a:link {
	float: none;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 20px;
	width: 100px;
}
#galvanized #ridge #cnc .swapcan {
	height: 400px;
	width: 565px;
	float: right;
	text-align: center;
}