@charset "UTF-8";
/* CSS Document */
/*homepage css*/
body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	background-image: url(images/BackgroundRepeat.png);
	background-repeat: repeat-x;
}



/*homepage css*/
/*Begin Container*/
/*Begin Header*/
#container {
	
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 0;
	
}

.logo {
	background-image: url(images/hardy_harperLogo.png);
	left:0;
	top:0;
	height: 92px;
	width: 338px;
	position: absolute;
	z-index: 0;
	
	
}

.header {
	background-image: url(images/texturedBackground.png);
	left:338px;
	top:0;
	height: 92px;
	width: 662px;
	position: absolute;
	z-index: 0;
	
	
}
.topNav {
	padding: 0px;
	height: 48px;
	width: 780px;
	position: absolute;
	left: 0px;
	top: 92px;
}
.leftBanner {
	background-image: url(images/leftBanner.png);
	height: 292px;
	width: 545px;
	position: absolute;
	z-index: 0;
	top: 140px;
	left: 0px;
}

.rightBanner {
	background-image: url(images/rightBanner.png);
	height: 292px;
	width: 440px;
	position: absolute;
	z-index: 0;
	top: 140px;
	left: 545px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8B2912;
	background-image: url(images/backgroundBotRepeata.png);
	text-align: center;
	height: 99px;
	width: 1000px;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 970px;
}
.quote {
	background-image: url(images/quoteButton.png);
	height: 48px;
	width: 152px;
	position: absolute;
	z-index: 0;
	left: 823px;
	top: 92px;
}
.leftSecTop {
	background-image: url(images/leftSecTop.png);
	height: 77px;
	width: 269px;
	position: absolute;
	z-index: 0;
	left: 51px;
	top: 432px;
}
.leftSecMid {
	background-image: url(images/leftMid.png);
	background-repeat: repeat-y;
	width: 269px;
	height: 404px;
	position: absolute;
	left: 51px;
	top: 509px;
}
.leftSecMidPadding {
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #531c04;
	text-align: left;
}


.midSecTop {
	background-image: url(images/midSecTop.png);
	height: 77px;
	width: 273px;
	position: absolute;
	z-index: 0;
	left: 365px;
	top: 432px;
}
.quoteSec {
	background-image: url(images/quoteSec.png);
	height: 67px;
	width: 273px;
}
.midSecMid {
	background-image: url(images/midMid.png);
	background-repeat: repeat-y;
	width: 273px;
	height: 404px;
	position: absolute;
	left: 365px;
	top: 509px;
}
.midSecMidPadding {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #531c04;
	text-align: left;
}


.rightSecTop {
	background-image: url(images/rightSecTop.png);
	height: 77px;
	width: 273px;
	position: absolute;
	z-index: 0;
	left: 675px;
	top: 432px;
}
.rightSecMid {
	background-image: url(images/rightMid.png);
	background-repeat: repeat-y;
	width: 273px;
	height: 404px;
	position: absolute;
	left: 675px;
	top: 509px;
}

.rightSecMidPadding {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #531c04;
	text-align: left;
}

.darkBold {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #531c04;
}
.mediumBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #943B13;
}
.leftSecMidPadding {
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #531c04;
	text-align: left;
	}
	


.mediumBold a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #943B13;
	text-decoration: none;
}

.mediumBold a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #943B13;
	text-decoration: none;
}
.mediumBold a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #191919;
	text-decoration: none;
}
.mediumBold a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #943B13;
	color: #191919;
	}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8B2912;
	text-decoration: none;
}

 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8B2912;
	text-decoration: none;
}
 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #191919;
	text-decoration: none;
}
 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8B2912;
	color: #191919;
	}
/*end homepage css*/

/*innerpages css*/
/*asphaltPaving*/

.bodySecTop_asphaltPaving {
	background-image: url(images/bodySecTop_asphaltPaving.png);
	height: 87px;
	width: 587px;
	position: absolute;
	z-index: 0;
	left: 51px;
	top: 432px;
}
.bodySecMid_asphaltPaving {
	background-image: url(images/bodySecMid.png);
	background-repeat: repeat-y;
	width: 587px;
	height: 394px;
	position: absolute;
	left: 51px;
	top: 519px;
}
.bodySecMidPadding {
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #531c04;
	text-align: left;
}

/*slurrySeal*/

.bodySecTop_slurrySeal {
	background-image: url(images/bodySecTop_slurrySeal.png);
	height: 87px;
	width: 587px;
	position: absolute;
	z-index: 0;
	left: 51px;
	top: 432px;
}
.bodySecMid_slurrySeal {
	background-image: url(images/bodySecMid.png);
	background-repeat: repeat-y;
	width: 587px;
	height: 394px;
	position: absolute;
	left: 51px;
	top: 519px;
}

/*sidewalkGrinding*/

.bodySecTop_sidewalkGrinding {
	background-image: url(images/bodySecTop_sidewalkGrinding.png);
	height: 87px;
	width: 587px;
	position: absolute;
	z-index: 0;
	left: 51px;
	top: 432px;
}
.bodySecMid_sidewalkGrinding {
	background-image: url(images/bodySecMid.png);
	background-repeat: repeat-y;
	width: 587px;
	height: 394px;
	position: absolute;
	left: 51px;
	top: 519px;
}


/*concrete*/

.bodySecTop_concrete {
	background-image: url(images/bodySecTop_concrete.png);
	height: 87px;
	width: 587px;
	position: absolute;
	z-index: 0;
	left: 51px;
	top: 432px;
}
.bodySecMid_concrete {
	background-image: url(images/bodySecMid.png);
	background-repeat: repeat-y;
	width: 587px;
	height: 394px;
	position: absolute;
	left: 51px;
	top: 519px;
}

/*contactPage/quote/formstyles*/

.formStyle {
	background-color:
	background-color: #CBECF8;
	border: 1px solid #8B2912;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #70442A;
}

.formStyle:hover {
	color:#70442A;
	background-color:#E8CA89;
}
.formStyle:focus {
	color:#70442A;
	background-color:white;
	border:1px solid #47319F;
}

/*contactUs*/

.bodySecTop_contactUs {
	background-image: url(images/bodySecTop_contactUs.png);
	height: 87px;
	width: 587px;
	position: absolute;
	z-index: 0;
	left: 51px;
	top: 432px;
}
.bodySecMid_contactUs {
	background-image: url(images/bodySecMid.png);
	background-repeat: repeat-y;
	width: 587px;
	height: 394px;
	position: absolute;
	left: 51px;
	top: 519px;
}


/*quote*/

.bodySecTop_quote {
	background-image: url(images/bodySecTop_quote.png);
	height: 87px;
	width: 587px;
	position: absolute;
	z-index: 0;
	left: 51px;
	top: 432px;
}
.bodySecMid_quote {
	background-image: url(images/bodySecMid.png);
	background-repeat: repeat-y;
	width: 587px;
	height: 394px;
	position: absolute;
	left: 51px;
	top: 519px;
}
.industrySec {
	background-image: url(images/IndustrySec.png);
	height: 67px;
	width: 273px;
}