/* ===============================================
Houston Concrete
=================================================*/

/* ==== mini-reset         ============================== */

html, body, h1, h2, h3, h4, p, ul, li, form, fieldset, label, img, div, a {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #202020;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #e0e0e0; 
}
#outer {
	margin: 0;
	padding: 0;
	background: #202020 url(/images/bg1.jpg) repeat-x left top;
	overflow: auto;
}
.floatright { 
	float: right; 
}
.floatleft { 
	float: left; 
}
.clearboth {
	clear: both; 
}
.container { 
	width: 800px; 
	margin: 0 auto; 
}
a { 
	color: #97b366; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}
a:focus { 
	border: none; 
	outline: none;
}
h1 { 
	font-size: 2em; 
	color: #d7f3a6; 
}
h2 { 
	font-size: 1.75em; 
}
h3 { 
	font-size: 1.5em; 
}

/*----- header -----*/
a.logo { 
	display: block; 
	width: 354px; 
	height: 100px; 
	background: URL(/images/logo.jpg) no-repeat transparent; 
	float: left; 
	text-indent: -9999px; 
}
p#phone { 
	margin: 25px 0 17px 0; 
	color: #ffffff; 
	font-size: 1.65em; 
}
	p#phone span { 
		color: #d0d0d0; 
		}
div#topmenu { 
	float: right; 
	background: #84a840; 
	width: 390px; 
	height: 40px; 
}
	div#buckets .photo {  
		float: left; 
		display: block; 
		width: 174px; 
		height: 115px; 
		text-indent: -9999px;
		margin: 15px 0 10px 19px; 
		border: 1px solid #414e26; 
	}
	div#buckets .b-concrete { 
		background: URL(/images/bucket-concrete.jpg) no-repeat transparent; 
	}
	div#buckets .b-metalbldg { 
		background: URL(/images/bucket-metal-buildings.jpg) no-repeat transparent; 
	}
	div#buckets .b-sitework { 
		background: URL(/images/bucket-site-work.jpg) no-repeat transparent; 
	}
	div#buckets .b-drainage { 
		background: URL(/images/bucket-storm-drainage.jpg) no-repeat transparent; 
	}

div#buckets { 
	clear: both; 
	float: left; 
	width: 800px; 
	background: #556830; 
	height: 175px; 
	border-bottom: 2px solid #303030; 
}
	div#buckets ul { 
		float: left; 
		margin: 0; 
		list-style: none; 
	}
		div#buckets ul li { 
			float: left; 
			}
		
		div#buckets ul li a.button { 
			display: block; 
			width: 174px; 
			background: URL(/images/button-bg.jpg) repeat-x bottom #71863c;
			border: 1px solid #414e26; 
			margin: 0 0 0 19px; 
			padding: 0.4em 0; 
			color: #ffffff; 
			letter-spacing: 0.15em; 
			font-size: 1.1em; 
			text-indent: 1em; 
		}
			div#buckets ul li a.button:hover { 
				background-image: none;
				background-color: #313e16; 
				text-decoration: none; 
				border: 1px solid #212e06;
			}
	div#topmenu ul {
		float: left; 
		margin: 0.85em 0 0 0.75em; 
		list-style: none; 
	}
		div#topmenu ul li { 
			float: left; 
			padding: 0.5em 1.5em 0.5em 1.5em; 
			border-left: 1px solid #788b43; 
		}
		div#topmenu ul li.first { 
			border-left: none; 
		}
			div#topmenu ul li a { 
				color: #ffffff; 
				text-decoration: none; 
				font-size: 1.2em; 
				font-family: "Lucida Sans", arial, helvetica, verdana, sans-serif; 
				text-transform: uppercase; 
			}
				div#topmenu ul li a:hover { 
					color: #485020;
				}
				
/*----- main page content -----*/				
				
div#maincontent {
	clear: both;  
	float: left; 
	width: 760px;
	margin: 20px;  
}
	div#maincontent img { 
		margin: 0 0 0 2em; 
	}
	#index img.floatright, a.lightbox img { 
		margin: 1.75em 0 0 2em;  
		border: 6px solid #c0c0c0; 
	}
	div.introtext { 
		float: left; 
		/*width: 440px; */
		margin-top: 1em; 
	}
		div.introtext p { 
			font-size: 1.35em; 
			line-height: 1.5; 
			margin-top: 1em;
			color: #d8d8d8;  
		}
		div.introtext a { 
			font-style: italic; 
			text-align: right; 
		}
		div.introtext ul { 
			margin: 2em 0 0 2em; 
		}
			div.introtext ul li { 
				font-size: 1.15em;
				margin-bottom: 1em; 
			}
			div.introtext ul li strong { 
				font-size: 1.2em; 
			}
		div.introtext a.more { 
			font-size: 1.25em; 
			font-style: normal; 
			font-weight: bold; 
			color: #d7f3a6; 
		}
	#maincontent .callout p {
		font-size: 2em;
		padding: 60px 0 25px 110px;
		font-family: Rockwell, Times, serif;
		letter-spacing: 2px;
		font-weight: bold;
		background: URL(/images/hand1.gif) no-repeat top left transparent; 
	}
div.bodytext p { 
	font-size: 1.15em; 
	line-height: 1.6em;
	margin-top: 1em;  
}
div.bodytext ul { 
	margin: 0.5em 0 1em 2em; 
}
	div.bodytext ul li { 
		padding: 0.25em 0; 
		font-size: 12px; 
	}
div.bodytext h1, h2 { 
	margin-bottom: 0.5em; 
}
p.center { 
	width: 500px; 
	text-align: center; 
}
small a { 
	color: #e8ffcc; 
}
table { 
	margin-top: 1em; 
	padding: 0; 
	border: 0; 
}
table tr { 
}
table tr td { 
	padding: 0 1em 1em 0.5em; 
	vertical-align: top; 
}
th { 
	font-size: 1.25em; 
	vertical-align: bottom; 
	text-align: left; 
	padding-bottom: 0.5em; 
	padding-right: 2em; 
	border-bottom: 1px solid #606060; 
}


/*----- Quick Quote Form -----*/
div#quickcontact { 
	float: right; 
	width: 175px; 
	overflow: auto;
	margin-left: 20px;  
}
	#quickcontact form {
		margin: 10px 0 0;
	}
	#quickcontact ol {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#quickcontact a.rfqbutton { 
		display: block; 
		width: 175px; 
		height: 29px; 
		background: URL(/images/rfq.jpg) top left no-repeat; 
		text-align: center; 
		color: #ffffff; 
		font-family: "Lucida Sans", sans-serif; 
		font-size: 1.5em; 
		padding: 10px 0 0 0; 
		margin: 0; 
	}
		div#quickcontact a.rfqbutton:hover { 
			text-decoration: none; 
			background-position: 0 -39px;  
		}
	div#quickcontact textarea, div#quickcontact input, div#quickcontact label { 
		width: 173px;  
		padding: 3px 0; 
	}
	div#quickcontact label { 
		margin: 0.25em 0; 
		display: block;
	}
	div#quickcontact textarea {
		height: 100px;
		border: 1px solid #808080; 
		margin: 0;   
	}
	div#quickcontact input { 
		border: 1px solid #808080; 
		margin: 0; 
	}
	div#quickcontact .submit { 
		border: none; 
		width: 175px; 
		background: #708840; 
		color: #ffffff; 
		padding: 0.5em 0; 
		margin: 0.75em 0 5px; 
	}

/*----- Request for Quote -----*/

form#quote { 
	width: 325px; 
	margin-top: 0.5em; 
}
form#quote input, form#quote textarea, form#quote select { 
	float: left; 
}
form#quote label, form#quote input.submit { 
	clear: both; 
	float: left; 
	width: 125px; 
}
form#quote input.submit { 
	margin-left: 125px; 
}
form#quote textarea { 
	width: 190px; 
	height: 100px; 
}
span.required { 
	color: #ffffb0; 
}

/*----- footer -----*/

div#footer { 
	width: 100%; 
	background: #5a7029; 
	clear: both; 
	float: left; 
	padding: 1em 0; 
	border-top: 5px solid #b9d880; 
	line-height: 1.5em; 
	color: #d8d8d8; 
	overflow: auto; 
}
	div#footer a { 
		color: #ffffff; 
		text-decoration: none; 
		font-weight: bold; 
	}
		div#footer a:hover { 
			text-decoration: underline; 
		}