@charset "utf-8";
/*
Arner and Sons Colors
Colors : Biege #f0d9b0   240,217,176
Dark Red #a73534   167,53,52
Light Red #c04643   192,70,67
Off White #f4f4f4   244,244,244
Black #0b0b0b   11,11,11
*/
/*
Allen Williamson				http://10lbpixel.com
21 August 2014 
*/
/*
 minimal reset
 */
		html, body, ul, li {
				padding: 0;
				margin: 0;
	}
		::selection {
				background: rgb(160,4,21);
				background:rgba(160,4,21,0.5);
				color:#f4f4f4 ;
	}
		* img {
				width: 100%;
				height: auto;
				border: none;
	}
/*==========================================
 * Small screen stlyes under 768px
 */
	@media only screen and (min-width: 200px) and (max-width: 768px) {

		body {
				font-family: 'Open Sans', sans-serif;
				color:#0b0b0b;
				font-size: 100%;
	}
		.content {
				margin:0 auto 1%;
				width: 99%;
				max-width:960px;
				min-height: 100%;
				background-color:#a73534;
				background-color:rgba(167,53,52, 1);
}
		h1 {
				font-weight: 800;
				font-size: 2em;
	}
		h2, h3{
				font-weight: 700;
				font-size: 1.5em;
	}
		.arner_experience {
				text-align: center;
				color: #f4f4f4;
				margin: 0 1% 0 1%;
	}
		blockquote {
				padding: 1%;
				width: 95%;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				max-width: 480px;
				min-height: 200px;
				margin:1% auto 1%;
				text-align: center;
	}
		.arner_services {
				padding: 1%;
				width: 95%;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				max-width: 480px;
				min-height: 200px;
				margin:1% auto 1%;
				text-align: center;
	}
		a {
				font-weight: 700;
				color:#a73534;
				text-decoration-color:#f0d9b0;
	}
		a:active {
				color: #f4f4f4;
	}
		.match_link {
			color: #a73534;
			font-weight: 700;
	}
		ul {
				list-style: none;
				color: #a73534;
				font-weight: 600;
	}
		.about_arner {
				clear: both;
				margin: 1% auto 1%;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				width: 95%;
				padding: 1%;
	}
		.contact {
				clear: both;
				margin: 1% auto 1%;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				width: 95%;
				padding: 1%;
	}
		.form {
				margin: 1% auto 1%;
				width: 95%;
	}
		input {
				background-color: #f4f4f4;
				background-color: rgba(244,244,244,1);
				color:rgb(160,4,21,0.7);
				color:rgb(160,4,21);
				padding:1% 0 1% 0;
				font-family: verdana, arial, sans-serif;
	}
		#name {
				width: 90%;
				padding:2%;
				margin: 1% auto 2%;
	}
		#email {
				width: 90%;
				padding:2%;
				margin:1% auto 2%;
	}
		textarea {
				background-color: #f4f4f4;
				background-color: rgba(244,244,244,1);
				color:#0b0b0b;
				padding:2%;
				margin-top: 2%;
				font-family: verdana, arial, sans-serif;
				width:90%;
				height: 20%;
	}
		input.submit {
				width:150px;
				font-size: 115%;
				font-weight: 700;
				 transition: background-color 0.8s ease;
				background-color:#a73534;
				color:#f4f4f4;
				margin:2% 30% 2%;
				line-height: 1.5em;
	}
		input.submit:active {
				width:150px;
				font-size: 115%;
				font-weight: 700;
				transition: background-color 0.8s ease;
				background-color:#f4f4f4;
				color:#a73534;
				line-height: 1.5em;
	}
		#success {
				clear: both;
				color:#f4f4f4;
				font-size:1.5em;
				font-weight:600;
				text-align:center;
				margin: auto;
				width: 94%;
				padding: 2%;
	}
		.testimonials {
				clear: both;
				margin: auto;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				width: 94%;
				padding: 2%;
	}
		.quotes {
				padding:1%;
				background-color:#f4f4f4;
	}
		.arnerlinks {
				clear: both;
				margin: 1% auto 0;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				width: 94%;
				padding: 2%;
	}
		.back-to-top {
				position: fixed;
				z-index: 20;
				bottom: 2em;
				right: 5px;
				text-decoration: none;
				font-size: 20px;
				transition: background-color 0.8s ease;
				background-color:#a73534;
				background-color: rgba(167,53,52,0.6);
				color:#f4f4f4;
				padding: 1em;
				display: none;
	}
		.back-to-top:hover {
				transition: background-color 0.8s ease;
				background-color: rgba(244,244,244,0.6);
				color:#a73534;
	}
		footer {
				font-size: 90%;
				color:#f0d9b0;
				text-align: center;
				/*background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);*/
				width: 96%;
				padding:1%;
				margin: 0 auto 0;
	}
		.badge {
			max-width: 95px;
			margin: 1% auto 0;
		}
}

/* close small css */
/* ===========================================
 * Larger screens 769px and up
 */
	@media only screen and (min-width: 769px) {

	body {
				background-image: url(_images/bg.png);
				font-family: 'Open Sans', sans-serif;
				color:#0b0b0b;
				font-size: 100%;
	}
		::selection {
				background: rgb(160,4,21);
				background:rgba(160,4,21,0.5);
	}
		.content {
				margin:0 auto 0;
				width: 90%;
				max-width:960px;
				background-color:#a73534;
				background-color:rgba(167,53,52, 1);
	}
		h1 {
				font-weight: 800;
				font-size: 2em;
	}
		h2, h3{
				font-weight: 700;
				font-size: 1.5em;
	}
		p {
			line-height: 1.5em;
		}
		.arner_experience {
				text-align: center;
				color: #f4f4f4;
	}
		blockquote {
				padding: 1%;
				width: 47%;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				float: left;
				max-width: 441px;
				min-height: 270px;
				margin: 0 0 1% 1%;
				text-align: center;
	}
		.arner_services {
				padding: 1%;
				width: 47%;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				float: right;
				max-width: 441px;
				min-height: 270px;
				margin: 0 1% 1% 0;
				text-align: center;
	}
		a {
				font-weight: 700;
				color:#a73534;
				text-decoration-color:#f0d9b0;
	}
		a:hover {
				color: #f4f4f4;
	}
		.match_link {
			color: #a73534;
			font-weight: 700;
		}
		ul {
				list-style: none;
				color: #a73534;
				font-weight: 600;
	}
		.about_arner {
				clear: both;
				margin: auto;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				width: 94%;
				padding: 2%;
	}
		.contact {
				clear: both;
				margin: 1% auto 1%;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				width: 94%;
				padding: 2%;
	}
		.form {
				margin: 0 auto 0;
				width: 100%;
	}
		input {
				background-color: #f4f4f4;
				background-color: rgba(244,244,244,1);
				color:rgb(160,4,21,0.7);
				color:rgb(160,4,21);
				padding:1% 0 1% 0;
				font-family: verdana, arial, sans-serif;
	}
		#name {
				width: 95%;
				padding:1%;
				margin: 1%;
	}
		#email {
				width:95%;
				padding:1%;
				margin: 1%;
	}
		textarea {
				background-color: #f4f4f4;
				background-color: rgba(244,244,244,1);
				color:#0b0b0b;
				padding:1%;
				margin: 1%;
				font-family: verdana, arial, sans-serif;
				width:95%;
				height: 15%;
	}
		input.submit {
				width:150px;
				font-size: 115%;
				font-weight: 700;
				 transition: background-color 0.8s ease;
				background-color:#a73534;
				color:#f4f4f4;
				line-height: 1.5em;
				margin: 2% 40% 2%;
				cursor:pointer;
	}
		input.submit:hover {
				width:150px;
				font-size: 115%;
				font-weight: 700;
				transition: background-color 0.8s ease;
				background-color:#f4f4f4;
				color:#a73534;
				line-height: 1.5em;
				margin: 2% 40% 2%;
				cursor:pointer;
	}
		#success {
				clear: both;
				color:#f4f4f4;
				font-size:1.5em;
				font-weight:600;
				text-align:center;
				margin: auto;
				width: 94%;
				padding: 2%;
	}
		.testimonials {
				clear: both;
				margin: auto;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				width: 94%;
				padding: 2%;
	}
		.quotes {
				padding:1%;
				background-color:#f4f4f4;
		}
		.arnerlinks {
				clear: both;
				margin: 1% auto 0;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				width: 94%;
				padding: 2%;
	}
		.arner-homes {
				clear: both;
				margin:3% auto 3%;
				background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);
				padding:2%;
	}
		.back-to-top {
				position: fixed;
				z-index: 20;
				bottom: 2em;
				right: 20px;
				text-decoration: none;
				color: #000000;
				transition: background-color 0.8s ease;
				background-color:#a73534;
				background-color: rgba(167,53,52,0.6);
				color:#f4f4f4;
				padding: 1em;
				display: none;
	}
		.back-to-top:hover {
				transition: background-color 0.8s ease;
				background-color: rgba(244,244,244,0.6);
				color:#a73534;
	}
		footer {
				font-size: 90%;
				color:#f0d9b0;
				text-align: center;
				/*background-color: #f0d9b0;
				background-color: rgba(240,217,176,1);*/
				width: 96%;
				padding:1%;
				margin: 0 auto 0;
	}
		.badge {
			max-width: 95px;
			margin: 1% auto 0;
		}
}

  /* close large css */