body { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; background-color: black; }
a   { color: #903; font-weight: bold; font-family: Verdana ; text-decoration: none; }
a:hover  { color: white; text-decoration: none; background-color: #903 }
td { color: black; font-size: 12px; font-family: Verdana  }
h1 { color: white; font-style: italic; font-size: 18px; font-family: Verdana; margin: 5px 0; padding: 0;}
h2  { color: white; font-style: italic; font-size: 14px; font-family: Verdana; margin: 5px; padding: 0 ; }
h3  { color: #009; font-size: 13px; font-family: Verdana; line-height: 20px; margin: 5px 0; padding: 0  }
h4  { color: #fed400; font-size: 12px; font-family: Verdana; margin: 0; padding: 0 }
h5 { color: black; font-style: italic; font-size: 14px; font-family: verdana; background-image: url(../dealers/images/galv-tex.jpg); margin: 0px; padding: 0px 0px 0px 5px; border-style: solid; border-width: 1px; border-color: #dcdcdc #000 #000 #dcdcdc }
p { font-size: 12px; font-family: Verdana ; margin: 10px; padding: 0; }
ul { color: #363636; font-size: 12px; list-style-type: square; margin: 2px 0 10px 15px; padding: 0 0 0 15px; }
ol { color: #363636; font-size: 12px; list-style-type: decimal; margin: 2px 10px 10px 35px; padding: 0; }
ul.box { color: white; }
li { margin: 1px 0 4px; padding: 0; }
.main { background-color: white; }
.side { background-image: url(../nav/images/powers_15.gif); background-repeat: repeat-y; }
.outline1 { border-color: #9f9f9f #484848 #484848 #9f9f9f; border-style: solid; border-width: 1px; }
.white { color: white; }
.pic-frame { border: solid 2px black; }
.emphasis { font-size: 14px; font-weight: bold; line-height: 17px; }
/*Buttons*/
a.button { color: white; font-size: 11px; line-height: 15px; background-color: #903; margin-right: 5px; margin-left: 5px; padding: 1px 4px; border: solid 1px black; }
a:hover.button { color: #fedc00; background-color: #353535; }

a.ovalbutton{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(../nav/images/oval-button_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
	display: block;
	padding: 4px 21px 4px 10px; /*Set 11px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(../nav/images/oval-button_02.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.ovalbutton:hover{ /* Hover state CSS */
	background-position: left bottom;
	background-color: transparent;
}

a.ovalbutton:hover span{ /* Hover state CSS */
	background-color: transparent;
	background-position: bottom right;
	color: #FFF;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*Nav*/
a.navbutton { color: white; font-size: 11px; font-weight: bold; line-height: 13px; background-color: #b60000; background-image: none; text-decoration: none; margin: 1px 5px; padding: 1px 3px; border-color: #ab6969 #7c0000 #7c0000 #ab6969; border-style: solid; border-width: 1px; }
a:hover.navbutton { color: #ffd500; background-color: black; background-image: none; background-repeat: no-repeat; }
.navbutton { background-image: url(../nav/blend-nav.jpg); background-repeat: no-repeat; background-position: center 0; margin: 0; padding: 5px 0; }
.box { color: white; padding-right: 4px; }
a.box { color: #fed400; font-weight: bold; text-decoration: none; }
a:hover.box { color: black; background-color: #fed400; }
a.box2 { color: white; font-size: 11px; line-height: 14px; background-color: #903; width: 147px; float: left; margin: 0 0 10px; padding: 2px 5px; border-color: #575757 black black #575757; border-style: solid; border-width: 1px; }
a:hover.box2 { color: #fedc00; background-color: #353535; }
/*Side Nav*/
#rebarside { background-color: #002699; background-image: url(../rebar/rebar-blend.jpg); background-repeat: repeat; width: 200px; }
#rebaredge { background-image: url(../rebar/gallery/rebar-texture1.gif); background-repeat: repeat-y; width: 15px; float: none; }
#lintelside { background-color: #7b2a05; background-image: url(../lintels-new/images/lintel-blend.jpg); background-repeat: repeat; }
#lintelside ul li a { border-bottom-color: #812e12; }
#rebarside ul li a { border-bottom-color: #0e2664; }
.sidenav {
	width: 180px;
	color: white;
	font-size: 11px;
	line-height: 16px;
	border-color: #333 black black #333;
	border-style: solid;
	border-width: 2px;
	margin: 0px;
	padding: 0px;
}
.sidenav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	width: 100%;
}
.sidenav ul li {  }
.sidenav ul li a {
	color: white;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	text-align: left;
	width: 160px;
	float: left;
	margin: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	display: block;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.sidenav ul li a:hover { color: #333; background-color: #fc0; text-align: center; }
.sidenav h2 { color: #fc0; font-size: 15px; line-height: 20px; background-color: transparent; margin: 5px 0; padding: 0 0 0 3px; }
.sidenav h2 a { color: #fc0; }
.sidenav h2 a:hover {  color: #333; background-color: #fc0;  }
.sidenav h3 { color: #fedc00; font-size: 13px; line-height: 16px; background-color: transparent; margin: 3px 0 5px; padding: 0 0 0 6px; }
.sidenav #end { margin-bottom: 15px; border-bottom-width: 0; }
.sidenav #special { background-color: #333; border-color: #666 #000 #000 #333; border-style: solid; border-width: 1px 0; }
.sidenav a:hover#special { color: white; background-color: #be0000; }
/*Tech*/
.tech { color: black; background-color: #f6d583; background-image: url(../tech-support/tech-0508/tech-blend.jpg); border: solid 2px; }
/*Lintels
*/
.lintel2 h2 {  color: black; font-size: 14px; font-family: Verdana; font-style: italic; line-height: 18px; margin: 20px 5px 5px; padding: 0; border-bottom: 1px solid #9d9d9d;  }
.lintel2 ul { color: black; margin: 0 25px 25px 40px; padding: 0; list-style-type: square; }
.lintel2 ul ul { margin: 0 25px 15px 15px; padding: 0; list-style-type: circle; }
h1.lintel { color: #b62e01; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; margin: 20px 20px 10px; padding: 0; border-bottom-style: solid; border-bottom-width: 1px; }
h2.lintel { color: black; font-size: 15px; font-family: Verdana; font-style: italic; line-height: 19px; margin: 5px; padding: 0; }
h3.lintel { color: black; font-size: 14px; font-family: Verdana; font-style: italic; line-height: 18px; margin: 30px 5% 5px; padding: 0; border-bottom: 1px solid #9d9d9d; }
table.lintel { color: white; background-color: #7b2a05; background-image: url(../lintels-new/images/lintel-blend.jpg); background-repeat: repeat; border: solid 2px black; }
td.lintel { color: #903; font-size: 12px; font-weight: bold; }
/*Sills*/
h1.sills { color: #925318; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; margin: 10px; padding: 0; border-bottom-style: solid; border-bottom-width: 1px; }
table.sills { color: white; background-color: #925318; background-image: url(../sills/sill-blend.jpg); background-repeat: repeat; border: solid 2px black; }
/*Rebar
*/
.rebar { color: white; }
.rebar p { color: white; }
table.rebar { color: white; background-color: #002699; background-image: url(../rebar/rebar-blend.jpg); background-repeat: repeat; border: solid 2px black; }
h1.rebar { color: #002ca5; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-align: center; width: 95%; margin: 10px 5px; padding: 0; border-bottom: 2px ridge #dadada; }
h2.rebar { color: white; font-size: 14px; font-family: Verdana; font-style: italic; margin: 15px 5px 5px; padding: 0; }
/*Building*/
h1.building { color: #903; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-align: center; margin: 10px 5px; padding: 0; width: 95%; border-bottom: 2px ridge #dadada; }
/*Masonry*/
h1.masonry { color: #6b0099; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-align: center; margin: 10px 5px; padding: 0; width: 95%; border-bottom: 2px ridge #dadada; }
/*Canopy*/
h1.canopy { color: #006255; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-align: center; margin: 10px 5px; padding: 0; width: 95%; border-bottom: 2px ridge #dadada; }
h2.canopy { color: #006255; font-size: 14px; font-family: Verdana; font-style: italic; margin: 15px 5px 5px; padding: 0; }
/*Solar*/
.solar {
	color: #E86900;
}
/*Footer
*/
.footer { color: #d0d0d0; font-size: 10px; line-height: 13px; background-image: url(../nav/footer-bar.jpg); background-repeat: repeat-x; margin: 0; padding: 1px 0; }
a.footer { color: white; font-weight: bold; background-image: none; text-decoration: none; margin: 1px 3px; padding: 1px 2px; }
a:hover.footer { background-color: #903; }