@charset "utf-8";

/* Home Counties Resurfacing CSS File */

/*Redefine standard elements*/
* {
	margin : 0;
	padding : 0;
}

body {
	background : #fff url(images/fade.jpg) top left repeat-x;
	font-family:Arial, Verdana, sans-serif;
	margin : 0;
	padding : 0;
}

td { vertical-align:top; }

#wrapper {
	width : 860px;
	background-color:#fff;
	margin : 10px auto;
	border : 1px solid #ccc;
}

#header { padding : 0 30px; }

#menuwrapper {
	height : 30px;
	text-align : left;
	padding-left : 30px;
	border-top : 2px solid #103214;
	border-bottom : 2px solid #103214;
	background-color : #DDE9DD;
	clear : both;
}

table#main {
	margin : 0 30px;
	color : #333;
}

#leftcol { width : 542px; }

#rightcol {
	width : 258px;
	background-color:#dde9dd;
}

#content { padding : 10px 30px; }

#footer {
	height : 30px;
	background : url(images/footer-bg.png) top left repeat-x;
	text-align : center;
	font-size : 12px;
	color : #fff;
	padding : 10px 30px 0;
	background-color: #1c5924;
	clear : both;
}

/*Header Styles*/
#hcr-logo {
	width : 126px;
	height:127px;
	border : 0;
	float:left;
	margin-top : 30px;
}

#title {
	font-family:Georgia, "Times New Roman", Times, serif;
	color : #000;
	font-size : 36px;
	line-height:42px;
	font-weight : bold;
	width : 230px;
	float : left;
	padding : 24px 0 0 30px;
}

#phoneno {
	background: #fff url(images/phone-bg.jpg) bottom right no-repeat;
	height : 105px; /*Total : 175*/
	width : 258px;
	text-align:center;
	float : right;
	padding-top : 70px;
	color : #000;
	font-size : 30px;
	line-height:36px;
	font-weight : bold;
}

#header a, #header a:hover, #header a:active, #header a:focus {
	text-decoration:none;
	border:none;
	outline : none;
}

/*Menu Styles*/
#menuwrapper a {
	display : block;
	float : left;
	margin : 0 3px;
	height : 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color : #fff;
	font-size : 18px;
	line-height: 30px;
	font-weight : bold;
	background-color: #1c5924;
	padding : 0 10px;
}

#menuwrapper a, #menuwrapper a:link, #menuwrapper a:visited, #menuwrapper a:focus, #menuwrapper a:hover, #menuwrapper a:active {
	text-decoration:none;
	border:none;
	outline : none;
}

#menuwrapper a:hover { text-decoration:underline; }

/*Content styles*/
#content .quote { background-color:#fff; }

#content h2 {
	color : #333;
	font-size : 30px;
	padding : 10px 0 5px 0;
}

#content h3 {
	color : #333;
	font-size : 16px;
	line-height : 18px;
	padding : 18px 0 0 0;
	clear : both;
}

#content p {
	font-size:12px;
	line-height : 150%;
	color : #333;
	padding : 0 0 18px 0;
}

#content p.pre { padding-bottom : 0; }

#content ul {
	padding : 0 0 12px 0;
	margin-left : 24px;
}

#content ul li {
	font-size : 12px;
	color:#333;
}

#content p.first {
	font-weight:bold;
	color : #000;
	font-size : 14px;
	letter-spacing : 1px;
	padding : 18px 0 0 0;
}

#content a {
	color : #333;
	text-decoration : underline;
}

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

#content img {
	border : 1px solid #103214;
	padding : 3px;
	margin : 30px 10px;
	display : block;
	background-color:#fff;
	float : left;
}

#content img.right { float : right; }

#rightcol img {
	border : 1px solid #103214;
	padding : 3px;
	margin : 30px auto 5px;
	display : block;
	background-color:#fff;
}

#rightcol .captioned {
	width : 200px;
	padding : 3px;
	border : 1px solid #103214;
	background-color:#fff;
	font-size : 10px;
	line-height : 150%;
	font-family : Georgia, "Times New Roman", Times, serif;
	margin : 30px auto 10px;
	font-weight:bold;
	text-align:center;
}

#rightcol .captioned img {
	border : 0;
	padding : 0;
	margin : 20px 0;
}

.testi {
	width : 173px;
	padding : 15px;
	border : 1px solid #103214;
	margin : 20px auto;
	background-color:#fff;
}

.testitext {
	font-size : 10px;
	line-height : 150%;
	font-family : Georgia, "Times New Roman", Times, serif;
}

.testisig {
	padding-top : 10px;
	font-size : 10px;
	line-height : 150%;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

.quote { font-weight:bold; }

.caption {
	font-size : 12px;
	line-height : 12px;
	font-style : italic;
	text-align : center;
}

/*Styles for the footer*/

#footer a, #footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
	color : #fff;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

/*Utility Styles*/
.left49 {
	width : 45%;
	float:left;
	text-align:left;
}

.right49 {
	width : 45%;
	float : right;
	clear : right;
	text-align:left;
}

#footer .right49 { text-align : right; }

.clearer { clear : both; }

/*Styles for the contact us form*/
#contact label {
	display : block;
	float : left;
	width : 200px;
	font-size:12px;
	line-height : 150%;
	color : #333;
}

#contact input, #contact textarea {
	font-size : 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border : 1px solid #333;
	color : #333;
	width : 200px;
}

#contact input.submit { width : 50px; }

.spacer {
	clear : both;
	height : 12px;
}