/*** DEFAULTS ***/

body {
	background:url(../img/bg-header.gif) repeat-x top #f3f3f3;
	color:#333;
	font:11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
img { -ms-interpolation-mode: bicubic; }
.left {
	float:left
}
.right {
	float:right
}
.imgLeft{
	float:left;
	margin-right:10px;
}
.imgRight{
	float:right;
	margin-left:10px;
}
.imgAsphalt{
	margin:0 auto 0 130px;
}
.imgDriveway{
	margin:0 auto 0 90px;
}
.imgParkingLot{
	margin:0 auto 0 82px;
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.visa{
	margin:20px 0 0 20px;
}

/*** TOP HEADER ***/

#header {
	width:972px;
	margin:0 auto;
	text-align:left;
}
	#header h1 {
		float:left;
		padding-left:11px;
		padding-top:21px;
		padding-bottom:24px;
	}
		#header h1 a {
			font-size:0em;
			line-height:0em;
			text-indent:-1000000px;
			display:block;
		}	
		#header h1 img {
			display:block;	
		}
	#header h2 {
		float:right;
		font:18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#26282b;
		padding-right:11px;
		padding-top:5px;
	}
		#header h2 span {
			display:block;
			background:url(../img/ico-phone.gif) no-repeat 0 5px;
			padding-left:30px;
			padding-bottom:5px;
		}
		#header h2 small {
			font:30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			color:#5c0606; 
			display:block;
		}
	
	#header h3 {
		font:bold 20px Georgia, "Times New Roman", Times, serif;
		color:#fff;
	}
	#header p {
		font:15px Georgia, "Times New Roman", Times, serif;
		color:#fff;
	}
	#header .bg {
		background:url(../img/header.gif) no-repeat;
		height:196px;
	}
	#header .left {
		padding-left:54px;
		padding-top:48px;
		width:251px;
	}
	#header .right {
		margin-right:31px;
		margin-top:18px;
		background:#fff;
		padding:5px;
	}
		#header .right img {
			display:block;
			float:left;
			padding-left:5px;
		}
		#header .right img.first {
			padding-left:0;
		}
		
/*** MAIN NAV BAR ***/
#nav {
	background:url(../img/bg-nav.gif) no-repeat;
	width:950px;
	height:41px;
	margin:0 auto;
	text-align:left;
}
	#nav ul {
		padding-top:2px;
		padding-left:12px;
	}
		#nav ul li {
			background:url(../img/menu-s.gif) no-repeat top left;
			padding-left:2px;
			display:block;
			float:left;
		}
		#nav ul li.first {
			padding-left:0;
			background:none;
		}
			#nav ul li a {
				font:bold 15px/39px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				height:39px;
				display:block;
				float:left;
				padding:0 30px;
				color:#fff;
				text-decoration:none;
				text-transform:uppercase;
			}
			#nav ul li a:hover,
			#nav ul li a.active {
				background:url(../img/menu-o.gif) repeat-x;
			}
			
#bg {
	background:url(../img/bg-content.gif) repeat-y top;
	width:970px;
	margin:0 auto;
	text-align:center;
}

/*** MAIN CONTENT ***/

#content {
	background:url(../img/bottom.gif) no-repeat bottom left;
	*background:url(../img/bottom.gif) no-repeat 0% 100%;
	padding-bottom:30px;
	padding-top:30px;
	text-align:left;
}

#page {
	background:url(../img/bg-page.gif) no-repeat right top;
	float:left;
	width:667px;
	_width:660px;
	padding-left:25px;
	padding-right:18px;
}
#page h2 {
	font-size:26px;
	color:#2D334A;
	text-transform:uppercase;
	text-align:center;
	margin:0px 0 20px 0;
	padding:0 0 5px 0;
	background:url(../img/horizontal-gradient.gif) no-repeat bottom;
}
#page h3 {
	font-size:24px;
	color:#2D334A;
	text-transform:uppercase;
	text-align:center;
	margin:30px 0 10px 0;
	padding:0 0 5px 0;
	background:url(../img/horizontal-gradient-sml.gif) no-repeat bottom;
	clear:both;
}

#page h4 {
	font-size:18px;
	color:#FF0000;
	text-tranform:uppercase;
	text-align:center;
	padding:2px;
}


#page h5 {
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	color:#fff;
	background:#2D334A;
	display: block;
	font-size:16px;
	font-weight: bold;
	line-height: 1.1;
}

#page ul{
	margin-left:14px;
	padding:5px;
}
#page li{
	list-style-type:circle;
	padding:2px;
}
#page p{
	margin:5px 0 10px 0;
	font-size:14px;
}
#page p.big{
	margin:5px 0 10px 0;
	font-size:1.5em;
	text-align:left;
}
	#page .colContainer {
		width:208px;
		background:#dddfe4;
		border:solid 1px #d2dde3;
		float:left;
		margin-left:10px;
		margin-bottom:20px;
		*margin-left:10px;
		_margin-left:8px;
	}
	#page .colContainer .col {
		height:265px;
		background:#dddfe4;
		width:158px;
	}
			#page .colContainer .col img {
				display:block;
				border:solid 3px #838184;
				margin:10px 0 10px 30px;
				text-align:center;
				background-color:transparent;
			}
		#page .colContainer .col p {
			padding:0 9px;
			margin-bottom:5px;
			font-size:11px;
		}
		#page .colContainer .col ul{
			margin:0 0 0 40px;
			list-style-type:circle;
		}
		#page .colContainer .col ul li{
			list-style-type:circle;
			width:170px;
		}
		#page .colContainer .button {
			display:block;
			width:100%;
		}
			#page .colContainer .button img{
				float:right;
				margin:0 15px 10px 0;
			}

	#page .colContainer.first {
		margin-left:0;
	}
	#page .specials{
		margin:0 0 20px 10px;
	}
	#page .homeText{
		display:block;
		margin-top:10px;
		padding:0 0 0 10px;
	}		
	
/*** RIGHT-HAND SIDEBAR ***/
	
#sidebar {
	float:right;
	padding-right:25px;
	width:220px;
}
	#sidebar a.button {
		font-size:0em;
		line-height:0em;
		text-indent:-100000px;
		display:block;
	}
		#sidebar a.button img {
			display:block;
			margin-bottom:15px;
		}
	#sidebar .referral{
		margin:0 0 10px 0;
	}
	
	#sidebar address {
		font-style:normal;
		font-size:11px;
		display:block;
		padding-bottom:15px;
	}
		#sidebar address strong {
			color:#5c0606;
			font:bold 11px Georgia, "Times New Roman", Times, serif;
			letter-spacing:-0.03em;
		}
		#sidebar address span {
			color:#5c0606;
			font-weight:bold;
		}
		#sidebar address a {
			text-decoration:underline;
			color:#333333;
		}
		#sidebar address a:hover {
			text-decoration:none;
		}
		
	#sidebar h3 {
		font:20px Georgia, "Times New Roman", Times, serif;
		color:#5c0606;
		padding-bottom:7px;
	}
	#sidebar .testimonial {
		background:url(../img/quote.gif) no-repeat top left;
		padding:10px 0 15px 15px;
	}
		#sidebar .testimonial span {
			font-size:13px;
			display:block;
			padding-bottom:2px;
			color:#333;
		}
		#sidebar .testimonial strong {
			display:block;
			text-align:right;
			font-size:11px;
			color:#12151c;
		}
		#sidebar img{
			margin:0 auto;
			text-align:center;
		}
		#sidebar img.iko{
			margin:0 auto;
			text-align:center;
			border:2px solid #084935;
		}
		#sidebar a:hover img.iko:hover{
			text-decoration:none;
		}
		#sidebar span.iko{
			text-align:right;
			float:right;
			margin:5px 20px 0 0;
			color:#084935;
			font-size:12px;
		}
		#sidebar a span:hover{
			text-align:right;
			color:#084935;
			text-decoration:none;
		}		
/*** FOOTER ***/

#footer {
	text-align:center;
	width:970px;
	margin:0 auto;
	padding:7px 0;
}		
	#footer p {
		padding-bottom:8px;
		color:#26282b;
		font-size:11px;
	}
		#footer p a {
			color:#26282b;
			text-decoration:none;
		}
		#footer p a:hover {
			text-decoration:underline;
		}
		
.badges{
	width:100%;
	margin:0 0 0 40px;
}
	.badges img{
		float:left;
		margin-right:35px;
	}
		.badges img.sn{
			margin-top:13px;
		}
		
/*** FORM STYLES ***/

fieldset {
	border:1px dashed #2D334A;
	padding:10px;
	width:507px;
	margin:10px 0 0 30px;
}

legend {
	font:17px/33px Arial, sans-serif;
	line-height:18px;
	border: 1px solid #333;
	padding: 2px 6px 5px 6px;
	*padding-right:10px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	background:#2D334A;
	*margin:0 0px 7px -7px;
}
label {
	width:142px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	color:#fff;
	background:#2D334A;
	float:left;
	display: block;
	font-size:16px;
	font-weight: bold;
	line-height: 1.1;
}
.form {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
.holder {
	background-color:#fff;
}
.div_textbox {
	width:347px;
	float:right;
	background-color:#838184;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
}

.textbox {
    	background-image: url(../img/wrench.gif);
    	background-repeat: no-repeat;
    	background-position:left;
		width:285px;
    	font:normal 18px Arial;
    	color: #444444;
    	padding:3px 5px 3px 26px;
}
.textbox:focus, .textbox:hover {
	background-color:#EFEEE0;
}

h6{
width:502px;
	height:32px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:2px;
	padding-top:10px;
	padding-left:6px;
	background-color:#2D334A;
	float:left;
	display: block;
	font-size: 11pt;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.div_checkbox {
	width:502px;
	height:52px;
	background-color:#838184;
	margin-top:3px;
	padding-top:8px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
	color:#fff;
	font-size:14px;
}
.checkbox{
	width: 15px;
	height: 15px;
}

.checkRight {
	float:left;
	width:150px;
	text-align:left;
	display:inline-block;
	margin:0 10px 7px 0;
}
.checkRightFirst {
	float:left;
	width:150px;
	text-align:left;
	display:inline-block;
	margin:0 10px 7px 110px;
}

.checkRightRoof {
	float:left;
	width:150px;
	text-align:left;
	display:inline-block;
	margin-bottom:5px;
}

.div_checkboxRoofing {
	width:502px;
	height:52px;
	background-color:#838184;
	margin-top:3px;
	padding-top:8px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
	color:#fff;
	font-size:14px;
}

.div_textarea {
	width:347px;
	float:right;
	background-color:#838184;
	height:115px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textarea {
	background-image: url(../img/wrench.gif);
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	height:100px;
	font:normal 18px Arial;
	color: #444444;
	padding:3px 5px 3px 24px;
}
.textarea:focus, .textarea:hover {
	background-color:#EFEEE0;
}

.username {
    	background-image: url(../img/16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
		width:285px;
    	font:normal 18px Arial;
    	color: #444444;
    	padding:3px 5px 3px 19px;
}
.username:focus, .username:hover {
	background-color:#EFEEE0;
}
   
.password {
    	background-image: url(../img/16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #444444;
    	padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#EFEEE0;
}

.email {
    background-image: url(../img/email.gif);
    background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.email:focus, .email:hover {
	background-color:#EFEEE0;
}

.button_div {
	width:287px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:8px;
	padding:5px 32px 3px;
}
.buttons {
	background: #5C0607;
	font-size:12px; 
	color: #fff; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #8F080B #3F0405 #3F0405 #8F080B;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}

/** END OF FORM STYLES ***/