/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */
*{margin:0px}
p {
	line-height: 1.4em;
}

ul {
	margin: 0px;
	padding: 0px;
}

	ul li {
		line-height: 1.4em;
	}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/bg.gif) top repeat-x #2e2c2b;
	margin: 0px;
}

#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}

a:link, a:visited, a:focus {
	color: #4373DB;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2.0em;
}
 h1 strong{
 	color:#d7520f;
 }
h2 {
	font-size: 1.6em;
}

/* Container Styles
--------------------------------------------------------------- */

#container {
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 959px;
		
		z-index: 1;
		margin-top: 404px; /* Same as height of header */
		background: #dedede;
		border-left: solid #a6a6a6 1px; 
		border-right: solid #a6a6a6 1px;
		
		
	}
	#contentTop{
		position:absolute;
		top:384px;
		
	}
		#trade-cta{
			background: url(../../images/misc/trade-cta.gif) no-repeat;
			width:520px;
			height:100px;
			text-align:center;
			padding-top:8px;
		}
			#main #trade-cta p{
				margin:0px;
				padding:0px;
				font-size:1.6em;
				color:#272e44;
				font-weight:bold;
				
				
			}
			#main #trade-cta p.large{
				font-size:2.2em;
				color:#d47443;
			}
			#main #trade-cta p strong{
				font-size:1.2em;
			}
			
			
#midnavleft {
	width: 380px;
	
}
#midnavright {
	width: 380px;
	
}



/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 540px;
			padding: 10px 5px 10px 15px;
		}
			#main p {
				padding:10px 0px;
			}
		#map {
			width: 660px;
			height: 200px;
		}
			
																
/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: right;
			width: 360px;
		}
		
			#ctaRight1{
				background:url(../../images/misc/ctaRight1.jpg) no-repeat;
				height:140px;
				width:350px;
			}
				#ctaRight1 p{
					padding:10px 0px 0px 160px;
					font-size:1.8em;
				}
					#ctaRight1 p strong{
						color:#d7520f;
						text-transform:uppercase;
					}				
			#callback{
				background:url(../../images/misc/callback-buttom.jpg) no-repeat;
				width:350px;
				height:50px;
				padding-top:25px;
			}
				#callback a:link, #callback a:visited{
					color:#fff;
					margin:20px 0px 0px 75px;
					text-align:center;
					text-transform:uppercase;
					font-size:1.8em;
					
				}
				#callback a:hover{
					color:#000;
				}
			#ctaRight2{
				background:url(../../images/misc/ctaRight2.jpg) no-repeat;
				height:190px;
				width:350px;
				
			}		
				#ctaRight2 p{
					color:#fff;
					padding:15px 0px 0px 15px ;
					width:170px;
					font-size:1.9em;
				}
				#ctaRight2 p.number{

					width:350px;
					padding:23px 0px 0px 20px ;
					font-size:2.8em;
				}	
				
				#rebar{
					position:relative;
					left:4px;
					padding-bottom:8px;
				}			
/* Header Styles
--------------------------------------------------------------- */

#header {
	margin-left: auto;
	margin-right: auto;
	width: 965px;
	
	
	font-size: 1.2em;

}
	#headerContainer{
	
	}
	#logo {

		position:absolute;
		top:26px;
	}
	#tagline{
		color:#fff;
		position:absolute;
		top:45px;
		margin-left:170px;
		font-size:3.0em;
	}
	#cta-top-right {
		width: 280px;
		position:absolute;
		margin-left:670px;
		top:35px;
		height: 100px;
		font-size: 2.2em;
		text-align:right;
		color:#fff;
	}
	
		#cta-top-right p {
			margin: 0px;
			padding: 0px;
		}
	#headerimg{
		position:absolute;
		top:9px;
		z-index:100;
		margin-left:33px;
		width:600px;
		height:155px;
	}
		body#home #headerimg{background: url(../../images/misc/home.jpg) no-repeat;}
		body#structural #headerimg{background: url(../../images/misc/steel.jpg) no-repeat;}
		body#steel-plates #headerimg{background: url(../../images/misc/steel-plates.jpg) no-repeat;}
		body#areas #headerimg{background: url(../../images/misc/areas.jpg) no-repeat;}
		body#hollow #headerimg{background: url(../../images/misc/hollow-header.jpg) no-repeat;}
		body#flats #headerimg{background: url(../../images/misc/flats-header.jpg) no-repeat;}
		body#contact #headerimg{background: url(../../images/misc/contact.jpg) no-repeat;}
		
		
#flashSlideshow {
	background: url(../../images/misc/flashSlideshowBackup.jpg);
	z-index:101;
}


	#headerContent{
		background:url(../../images/misc/header2.png) no-repeat center;
		height:220px;
		position:absolute;
		top:167px;
		width:965px;
	}
	
	#nextday-delivery{
		text-transform:uppercase;
		font-size:2.4em;
		color:#fff;
		position:absolute;
		top:165px;
		left:20px;
	}
	#headerRight{
		text-align:right;
		position:absolute;
		top:20px;
		left:630px;
		width:280px;
		font-size:1.7em;
		color:#fff;
		text-transform:uppercase
	}
	#headerRight p.black{
		color:#000;
		font-size:1.3em;
	}
/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 980px;
	height: 60px;
	z-index: 1;
	position:absolute;
	top:113px;
	padding:5px 0px 0px 10px;
	background: url(../../images/misc/navbg.gif) no-repeat;
}

	#navigation ul {
		display: inline;
		list-style: none;
	}
	
		#navigation ul li {
			display: inline;
			margin: 0px;
		}
			  
			#navigation ul li a {
				float:left;		
				background:url(../../images/misc/nav.gif) left no-repeat ;
				color: #121212;
				text-decoration:underline;
				padding: 15px 25px;
				font-weight: bold;
				font-size: 1.0em;
				text-align:left;
			}
			
				#navigation ul li a.rightLink {
					border: none;
				}

				#navigation ul li a:hover {
					
					color:#999999;
				}
				#navigation ul li a.flats{
					width:140px;	
					padding-top:8px;
					padding-bottom:5px;					
				}
				
				#navigation ul li a.structural{
					width:122px;
					padding-top:8px;
					padding-bottom:5px;
				}
				#navigation a.hollow{
					padding-top:8px;
					padding-bottom:5px;				
					width:60px;
				}
body#home #navigation a.home{
	background:url(../../images/misc/home-on.gif) no-repeat;
	color:#fff;
	padding: 15px 30px 15px 30px;
	margin-right:5px;
}
body#steel-plates #navigation a.steel-plates, body#contact #navigation a.contact  {
	background:  url(../../images/misc/steel-plate-on.gif) no-repeat;
	color:#fff;
	padding: 15px 15px 15px 10px;
	margin-right:5px;
}
body#areas #navigation a.areas{
	background:  url(../../images/misc/areas-on.gif) no-repeat;
	color:#fff;
	padding: 15px 15px 15px 15px;
	margin-right:5px;
}
body#hollow #navigation a.hollow{
	background:  url(../../images/misc/hollow-on.gif) no-repeat;
	color:#fff;
	padding: 7px 15px 15px 10px;
	margin-right:5px;
}
body#structural #navigation a.structural{ 
	background:  url(../../images/misc/structural-on.gif) no-repeat;
	color:#fff;
	padding: 7px 15px 15px 10px;
	margin-right:5px;
}
body#flats #navigation a.flats{
	background:  url(../../images/misc/flats-on.gif) no-repeat;
	color:#fff;
	padding: 7px 15px 15px 10px;
	margin-right:5px;	
}
body#steel-plates #navigation a.steel-plates{
	
	color:#fff;
	padding: 15px 15px 15px 16px;
	margin-right:5px;	
}
body#contact #navigation a.contact{
	
	color:#fff;
	padding: 15px 19px 15px 19px;
	margin-right:5px;	
}
/* Hollow Nav
--------------------------------------------------------------- */
			#pagenav{
				background:url(../../images/misc/page-nav-bg.jpg) no-repeat;
				width:556px;
				height:59px;
				margin-top:10px;
				padding:13px 0px 0px 10px;
			}
				#pagenav ul {
					display: inline;
					list-style: none;
				}
	
				#pagenav ul li {
					display: inline;
					margin: 0px;
				}
					  
					#pagenav ul li a {
						float:left;
						color: #121212;
						text-decoration:underline;
						padding: 0px 5px 20px 40px;
						font-weight: bold;
						font-size: 1.0em;
						text-transform:uppercase;
						text-align:left;
						width:125px;
					}
					#pagenav ul li a.circle {
						background:url(../../images/misc/circle.gif) no-repeat;
					}
					#pagenav ul li a.square {
						background:url(../../images/misc/square.gif) no-repeat;
					}
					#pagenav ul li a.rectangle {
						background:url(../../images/misc/rectangle.gif) no-repeat;
						padding: 0px 10px 20px 55px;
						
					}
					#pagenav ul li a:hover{
						color:#999999;
					}	
					
					body.hollow-sections-circular #pagenav a.circle{
						color:#3d84b0;
						background:url(../../images/misc/circle-on.gif) no-repeat;
					}
					body.hollow-sections-rectangular #pagenav a.rectangle{
						color:#3d84b0;
						background:url(../../images/misc/rectangle-on.gif) no-repeat;
					}
					body.hollow-sections-square #pagenav a.square{
						color:#3d84b0;
						background:url(../../images/misc/square-on.gif) no-repeat;
					}		

/* Vertical Navigation Styles
--------------------------------------------------------------- */
#hollowdropdown {
	width: 200px;
	z-index: 200;
	position: absolute;
	top:0;
	left:397px;
	visibility:hidden;
}

#structuraldropdown {
	width: 200px;
	z-index: 200;
	position: absolute;
	left: 107px;
	top: 0;
	visibility:hidden;
}
#steeldropdown {
	width: 200px;
	z-index: 200;
	position: absolute;
	top: 0;
	left:280px;
	visibility:hidden;
}

	#structuraldropdown ul , 
	#hollowdropdown ul,
	#steeldropdown ul{
		display: inline;
		list-style: none;
	}
	
		#structuraldropdown ul li,
		#hollowdropdown ul li,
		#steeldropdown ul li {
			display: inline;
			margin: 0px;
		}
			  
			#structuraldropdown ul li a
			,#hollowdropdown ul li a,
			#steeldropdown ul li a {
				float:left;
				width: 180px;
				background:  #333333;
				color: #fff;
				text-decoration:none;
				padding: 10px 10px 10px 10px;
				font-weight: bold;
				font-size: 1.1em;
			}

				#structuraldropdown ul li a:hover
				,#hollowdropdown ul li a:hover,
				#steeldropdown ul li a:hover {
					background: #000;
					color: #fff;
				}
				
#index #navigation .index-a {
	background: red;
}

/* Flats, Rounds, Angles, Squares nav Styles
--------------------------------------------------------------- */
	#flatsnav{
				
				width:466px;
				height:169px;
				
				padding:13px 0px 0px 20px;
			}
				#flatsnav ul {
					
					list-style:  none;
				}
	
				#flatsnav ul li {
					
					margin: 0px;
					
				}
					  
					#flatsnav ul li a {
						float:left;
						color: #3d84b0;
						text-decoration:underline;
						padding: 0px 10px 10px 40px;
						font-weight: bold;
						font-size: 1.0em;
						text-align:left;
						width:425px;
					}
					#flatsnav ul li a:hover{
						color:#de4a00;
					}

	#structuralnav{
				
				width:496px;
				height:29px;
				
				padding:13px 0px 0px 20px;
			}
				#structuralnav ul {
					
					list-style:  none;
					display:inline;
				}
	
				#structuralnav ul li {
					
					margin: 0px;
					display:inline;
				}
					  
					#structuralnav ul li a {
						float:left;
						color: #3d84b0;
						text-decoration:underline;
						padding: 0px 10px 0px 10px;
						font-weight: bold;
						font-size: 1.0em;
						text-align:left;
						
						border-right:1px solid #000;
						
					}
					#structuralnav ul li a.no-border {
						
						border-right:none;
						color:#0000FF;
						
					}					
					#structuralnav ul li a:hover{
						color:#de4a00;
					}
/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 100%;
	position:relative;
	color: #fff;
	background:#2e2c2b;
	font-size: 0.9em;
	
}

#footerContainer {
	width: 965px;
	margin-left: auto;
	margin-right: auto;	
	background: url(../../images/misc/footerbg.gif) no-repeat ;
	padding-top: 30px;
}
	* html #footerContainer {
		
			position:relative;
			left:8px;
			height:300px;
			margin-left: auto;
			margin-right: auto;	
			background:  url(../../images/misc/footerbg.gif) no-repeat;
			padding-top:30px;
	}
	
	#footer li {
		list-style: none;
	}
	
	#footer p {
		margin: 0px;
		padding: 0px;
	}
	
	#footer h2 {
		margin: 5px 0px;
		padding: 0px;
		color:#5192bb;
		font-size:2.0em;
	}
	#footer a {
		white-space: nowrap;
		color: #fff;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #d7520f;
		text-decoration: underline;
	}
	
	#footer .footer-info {
		margin-left: 40px;
	}

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: left;
		text-align: center;
	}

		#footer #footer-services ul li a {
			padding: 3px 5px;
		}
			
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		padding-bottom: 27px;
		text-align: center;
	}
	
		#footer #footer-areas ul li a {
			padding: 0px 5px;
		}
	
		#footer #footer-areas #area-list-1 {
			float: left;
		}
	
		#footer #footer-areas #area-list-2 {
			float: left;
		}
		
/* Footer Right Styles
--------------------------------------------------------------- */	

	#footer #footer-contact {
		float: left;
		text-align: center;
	}
	
		#footer #footer-contact ul li a {
			float: left;
			width: 340px;
			padding: 3px 5px;
		}
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 980px;
		clear: both;
		float: left;
	}
	
/* Footer W3C Styles
--------------------------------------------------------------- */	

	#footer #footer-w3c {
		width: 920px;
		height: 15px;
		clear: both;
		margin:	0 auto 0 auto;
		padding: 10px;
		color: #999999;
	}
	
		#footer #footer-w3c ul {
			float: left;
			margin-right: 50%;
		}
	
			#footer #footer-w3c ul li {
				display: inline;
				margin: 0px;
				padding: 0px;
				
			}
		
		#footer #footer-w3c a {	
			color: #121212;
		}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Contact Table Styles
--------------------------------------------------------------- */

	#botBuster {
		display: none;
	}
	table.product-list {

	border-collapse:collapse;

	width:100%;

	text-align:center;

	border:#cccccc solid 1px;

}

	table.product-list tr th {

		background:#333333 url(../../images/misc/nav-bg.jpg) repeat-x;

		color:#ffffff;

		padding: 7px 3px;

	}


	table.product-list tr td {

		border-bottom:#cccccc solid 1px;

		border-right:#cccccc solid 1px;

	}


	table.product-list tr.grey td {

		background-color:#e9e9e9;

	}


	table.product-list tr td.bold {

		background:#333333 url(../../images/misc/nav-bg.jpg) repeat-x;

		color:#ffffff;

		padding: 7px 3px;

		font-weight:bold;

	}


	table.product-list tr td.bclear {

		border:none;


	}
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}


.contentUl{
	margin-left:35px;
}

.cardsImg{
	padding-top:10px;
}