/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

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/metal-bg.jpg) center top no-repeat #eeb512;
	margin: 0px;
}

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

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

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

a img {
	border: none;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.6em;
}

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

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


	#contentContainer {
		padding-top: 189px;
		width: 974px;
		position: absolute;
		z-index: 1;
	
		
	}
	
	#contentBorder {
		width: 974px;
		border: 3px solid #000;
		border-top: none;
		float: left;
		background: #fff url(../../images/misc/skip-bg.jpg) bottom right no-repeat;
	}
	
	#main-and-sidebar{
		padding-top: 20px;
	}

/* Main Styles
--------------------------------------------------------------- */
		
		
		#main-right{
			float: right;
			width: 430px;
			padding: 0px 0px 0px 0px;
			margin-right:30px;				
		}


		* html #main-right{
			margin-right:10px;				
		}


			#flash-outer-box{
				margin-left: 5px;
				margin-bottom: 30px;
				margin-top: 30px;
			}
			
			#flashSlideshow {
				margin-top: 0px;
				width: 400px;
				height: 380px;
				border: 1px solid #000;
			}
			
			#main-right-upper-form{
				background: url(../../images/misc/call-back-bg.jpg)  top left no-repeat;
				height:350px;
				width: 212px;
				float: left;
				position: relative;
			}
			
			#contact #main-right-upper-form{
				display: none;
			}
			
			#main-right-upper-badge{
				background: url(../../images/misc/glossy-badge.jpg) top right no-repeat;
				display: block;
				height: 192px;
				width: 200px;				
				float: right;
				margin:0px 0px 0px 0px;
				position: relative;				
			}
			
			#main-right-upper-badge p{
				font-size: 2.5em;
				padding-left: 33px;
				margin-top: 50px;
				line-height: 97%;
				text-align: center;
				color: #FFFFFF;
				font-weight: 900;
				position: absolute;
			}
			
			
		#main {
			float: left;
			width: 430px;
			padding: 10px 0px 0px 35px;
			
		}
		
		#main-lower {
			float: left;
			width: 455px;
			margin-top: 0px;
			padding: 10px 30px;
			background: #fFF;
		
		}

			#top-left-bag-cta{
				float: left;
				width: 215px;
				height: 165px;
				background: url(../../images/misc/30-bags-bg.jpg) no-repeat;		
			}
			
			#top-right-bag-cta{
				float: right;
				width: 215px;
				height: 165px;
				background: url(../../images/misc/40-bags-bg.jpg) no-repeat;	
			
			}
			
		#bottom-left-bag-cta{
		    float: left;
			width: 215px;
			height: 165px;
			background: url(../../images/misc/60-bags-bg.jpg) no-repeat;	
		}
		
		#bottom-right-bag-cta{
		    float: right;
			width: 215px;
			height: 165px;
			background: url(../../images/misc/120-bags-bg.jpg) no-repeat;	
		
		}
	
		#builders-cta{
			width: 435px;
			height: 55px;
			background: url(../../images/misc/blue-bar.png ); 
			background-repeat:no-repeat;
			float: left;
			margin-left: 10px;
		}
		
		
		.phone-number-cta{
			width: 435px;
			height: 55px;
			background: url(../../images/misc/green-bar.png );
			background-repeat: no-repeat;
			float: left;
			margin-bottom: 20px;
			margin-left: 10px;
		}
		
		#builders-cta, .phone-number-cta{
			margin-left: 0px;
		}
		
		
			.phone-number-cta p{		
				font-size: 1.7em;
				text-align: center;
				margin-top: 12px;
				color: #fff;
			}
			
		#top-phone-number-cta{
			margin-left: 0px;
		}
			
		#top-phone-number-cta p{
			margin-top: 4px;
			font-size: 2.7em;
		}
		
		.size{
			font-size: 2.6em;
			display: block;
			margin: 17px 0px 0px 17px;
		}
		

		.yards{
			font-size: 1.5em;
			display: block;
			margin-right: 19px;
			float: right;
			margin-top: -25px;
			word-spacing: -0.05em;
			
		}
		
		
	
		* html .yards{
			margin-right: 10px;
		}
		
		.click{
			display: block;
			margin-top: 15px;
			margin-left: 105px;
			font-size: 1.6em;
		}
		
		
		#builders-cta{
			width: 435px;
			height: 55px;
			font-size: 1.7em;
			text-align: center;
		}
		
			#builders-cta p{
					margin-top: 12px;
			}
			
			

		
		
		#map {
			width: 660px;
			height: 200px;
		}
		
		/* Main/Call Back Form Styles
--------------------------------------------------------------- */
		
		
		
		#contactTable #botBuster {
		display: none;
	}
	
		#contactTable td {
			background: #FFF; 
		}
		
		
		#contactTable{
		}
		
		.clearfix {
			clear: both;
		}
		
		#callBack {
			position: absolute;
			padding: 0px 0px 0px 10px;
			margin: 0px 0px 0px 10px;
		
				
		}
		
			.callBackTitle {
				font-size: 1.5em;
				font-weight: bold;
				padding: 0px 0px 0px 15px;
				margin: 5px 0px 0px 0px;
			}

						

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: right;
			width: 250px;
		}
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 980px;
	height: 189px;
	position: absolute;
	background: url(../../images/misc/header-bg.jpg) top no-repeat;
	z-index: 1;
	top: 0px;
	left: 0px;
}

	#logo {
	float: left;
	margin-left: 25px;
	}
	
	#cta-top-right {
		width: 580px;
		float: right;
		height: 189px;
		font-size: 1.6em;
		word-spacing:.1em;
		
	}
	
		#cta-top-right p {
			color:#FFF;
			float:right;
			margin:25px 0px 0px 0px;
			padding: 0px 20px 0px 0px;
			font-size:.75em;
			text-align:right;
		}
		
			#cta-top-right p strong{
				font-size:1.3em ;
			}	



/* Horizontal Navigation Styles
--------------------------------------------------------------- */


#index #navigation .index-a,
#skip-hire #navigation .skip-hire-a,
#recycling #navigation .recycling-a,
#waste #navigation .waste-a,
#topsoil #navigation .topsoil-a,
#contact #navigation .contact-a  {
	color: #fff;
}
	

#navigation {
	width: 600px;
	height: 80px;
	z-index: 1;
	position: absolute;
	left: 412px;
	top: 104px;
}

	#navigation ul {
		display: inline;
		list-style: none;
	}
	
		#navigation li{
			display: inline;
			float:left;
		}
			 
			#navigation a {
				float:left;
				color: #000;
				text-decoration:none;
				padding: 42px 5px 0px 5px;
				font-weight: bold;
				font-size: 1.1em;
				text-align:center;
			}
			
				#navigation a:hover {
					color: #fff;
				}
				
				#navigation a.index-a{
					margin-right: 23px;
				}

				#navigation a.topsoil-a{
					margin-right: 13px;
				}				
				
				#navigation a.recycling-a{
					margin-right: 5px;
				}
/* Footer Styles
--------------------------------------------------------------- */
.footer-box{
	float: left;
	width: 150px;
}

.footer-box h2{
	margin-top: 10px;

}



.footer-box ul{
	list-style: none;
}


#footer {
	clear: both;
	width: 980px;
	height:187px;
	color: #333;
	background: #ccc;
	font-size: 0.9em;
	padding-top: 30px;
	background:url(../../images/misc/footer-bg.jpg) #eeb512 center no-repeat;
	
}
	
	
	#footerNav li {
		display: block;
		list-style: none;
	}
	
	#footerNav p {
		margin: 0px;
		padding: 0px;
	}

	#footerNav a {
		white-space: nowrap;
		color: #333;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #111;
		text-decoration:underline;
	}
	
	.tableTitle {
		width:120px;
	}



/* 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
--------------------------------------------------------------- */

	#contactTable #botBuster {
		display: none;
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.botBuster {
	display: none;
}

#contentLeft {
	float: left;
	min-height: 1050px;
	height:auto !important;
	height:1050px;
	width: 440px;
}


#bag-ctas{
	margin-bottom: 10px;
	float: left;
}

.indented-list{
	padding-left: 50px;
}

.call-now{
	margin-left: 95px;
	font-size: 2em;
	margin-top: 12px;
}

#five-lists{
	margin-left: 230px;
}

.text-photo{
border: 1px solid #000;
margin-left: 32px;
}