body { font: small/85% Arial, Helvetica, Verdana, sans-serif; color: #000; background: #000; text-align: left; margin: 0; padding: 0; }

body.home { background: #000 url(/img/bg/home.jpg) top center no-repeat; }
body.steel { background: #000 url(/img/bg/steel.jpg) top center no-repeat; }
body.general { background: #000 url(/img/bg/general.jpg) top center no-repeat; }
body.asphalt { background: #000 url(/img/bg/asphalt.jpg) top center no-repeat; }
body.icf { background: #000 url(/img/bg/icf.jpg) top center no-repeat; }
body.flat { background: #000 url(/img/bg/privacy.jpg) top center no-repeat; }
body.walls { background: #000 url(/img/bg/walls.jpg) top center no-repeat; }
body.about { background: #000 url(/img/bg/about.jpg) top center no-repeat; }
body.contact { background: #000 url(/img/bg/contact.jpg) top center no-repeat; }
body.privacy { background: #000 url(/img/bg/flat.jpg) top center no-repeat; }

/* styles headings */

h2  { font: bold 125% Arial, Helvetica, sans-serif; line-height: 125%; margin: 13px 0 20px 0; }
	
h3 { font: bold 115% Arial, Helvetica, sans-serif; line-height: 115%; margin: 16px 0 10px 0; }
	
h4 { font: bold 100% Arial, Helvetica, sans-serif; line-height: 115%; margin: 16px 0 10px 0; }
	
h5 { font: bold 100% Arial, Helvetica, sans-serif; line-height: 115%; margin: 10px 0 5px 0; }

/* general styles */
	
p, td { margin: 0 0 1em 0; line-height: 1.4em; }
.sm { font-size: 85%; color: #a1a1a1; }
.date { font-size: 90%; color: #a1a1a1; }
.red { color: red; }

td { padding: 3px; text-align:left; }

sup { font-size: 70%; line-height: 0; }
	
ul { list-style-type: square; line-height: 1.3em; }
	
ol { line-height:1.5em; }

li { margin-bottom: 3px; }

.line { margin: 15px 0; border-bottom: 1px solid #e4e4e4; height: 1px; width: 98%; }
.line-form { margin: 10px 0 0 0; border-bottom: 1px solid #e4e4e4; height: 1px; width: 98%; }

A:link { text-decoration: underline; color: #000; font-weight: bold; }
A:visited { text-decoration: underline; color: #b3b3b3; font-weight: bold; }
A:active { text-decoration: none; color: #9d2b97; font-weight: bold; }
A:hover { text-decoration: none; color: #9d2b97; font-weight: bold; }

img { border: 0; padding: 0; }

/* styles forms */
	
input, select, textarea { font: normal 100% Arial, Helvetica, sans-serif; color: #333;  }
textarea { overflow: auto;  }
.form { margin: 10px 0 0 0; }
label { display: block; font-size: 95%;	font-weight: bold; color: #000; }

/* styles hed, subhed and main body elements */

#hed { clear: both; width: 970px; margin: 0 auto; padding: 16px 0; border: 0; background: #000; overflow: hidden; }	

#logo { float: left; width: 328px; }	
	#logo img { margin: 10px 0 0 27px; }	
#nav { float:left; margin: 0; width: 642px; border: 0; padding: 0; }

#nav-left { float:left; margin: 0; padding: 0; width: 214px; list-style: none; border: 0;}
#nav-left li { float: none; }
#nav-left a { text-decoration: none; display: block; text-indent: -5000px; width: 214px; height: 33px; }
#nav-left .steel { background: url(/img/nav/steel.gif) no-repeat 0 0; }
#nav-left .steel:hover { background-position: 0 -33px; }
#nav-left .asphalt { background: url(/img/nav/asphalt.gif) no-repeat 0 0; }
#nav-left .asphalt:hover { background-position: 0 -33px; }
#nav-left .general { background: url(/img/nav/general.gif) no-repeat 0 0; }
#nav-left .general:hover { background-position: 0 -33px; }

#nav-mid { float:left; margin: 0; padding: 0; width: 214px; list-style: none; border: 0;}
#nav-mid li { float: none; }
#nav-mid a { text-decoration: none; display: block; height: 33px; text-indent: -6000px; width: 214px; height: 33px;}
#nav-mid .walls { background: url(/img/nav/walls.gif) no-repeat 0 0; }
#nav-mid .walls:hover { background-position: 0 -33px; }
#nav-mid .icf { background: url(/img/nav/icf.gif) no-repeat 0 0; }
#nav-mid .icf:hover { background-position: 0 -33px; }
#nav-mid .flat { background: url(/img/nav/flat.gif) no-repeat 0 0; }
#nav-mid .flat:hover { background-position: 0 -33px; }

#nav-right { float:left; margin: 0; padding: 0; width: 214px; list-style: none; border: 0;}
#nav-right li { float: none; }
#nav-right a { text-decoration: none; display: block; height: 33px; text-indent: -6000px; width: 214px; height: 33px; }
#nav-right .photo { background: url(/img/nav/photo.gif) no-repeat 0 0; }
#nav-right .photo:hover { background-position: 0 -33px; }
#nav-right .about { background: url(/img/nav/about.gif) no-repeat 0 0; }
#nav-right .about:hover { background-position: 0 -33px; }
#nav-right .contact { background: url(/img/nav/contact.gif) no-repeat 0 0; }
#nav-right .contact:hover { background-position: 0 -33px; }

#photo { clear: both; width: 970px; height: 250px; margin: 0 auto; padding: 0; border: 0; }	
#box { width: 970px; margin: 0 auto; padding: 5px 0 0 0; border: 0; clear: both; background: #fff; }
	
#content { margin: 15px 0 0 24px; width: 923px; background: transparent url(/img/bg/box-content.gif) top left repeat-y; overflow: hidden; }

#left { float: left; width: 620px; margin: 0; padding: 15px 25px 15px 12px; border:0; overflow: hidden; }
#right { float: left; width: 230px; margin: 0; padding: 0 20px 20px 13px; border:0; }

/* foot */

#box-foot { width: 970px; margin: 0 auto; padding: 0; border: 0; clear: both; background: #000; }	
#foot { margin: 0 0 65px 0; padding: 20px 20px 15px 20px; }
#foot p { color: #fff;  }
#foot A:link { text-decoration: underline; color: #fff; font-weight: bold; }
#foot A:visited { text-decoration: underline; color: #fff; font-weight: bold; }
#foot A:active { text-decoration: none; color: #9d2b97; font-weight: bold; }
#foot A:hover { text-decoration: none; color: #9d2b97; font-weight: bold; }

/* bug fixes and hidden stuff */

.hide { display: none; }
.print { display: none; }	
.clear { clear: both; height: 1px; overflow: hidden; }