/* GENERAL */

body {
background-color: #F7F7F7;
font-family: Roboto, sans-serif;
font-weight: 300;
font-size: 16px;
color: #292929;
margin: 0;
padding: 0;
}

.kill {
clear: both;
}

.wrapper_1000 {
width: 1000px;
margin: 0 auto;
}

hr.style-six {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* TEXT STYLING */

.full_width_text {
width:90%;
padding-left:5%;	
}

.center_text {
text-align: center;
}

.left_text {
text-align: left;
}

.title_text {
font-size: 3em;
font-weight: 400;
margin: 0;
padding-top:100px;
padding-bottom:50px;
}

.medium_text {
font-size: 1.5em;
font-weight: 300;
padding-bottom: 100px;
margin: 0;
}

.medium_text-contact {
font-size: 1.5em;
font-weight: 300;
padding-bottom: 30px;
margin: 0;
}

.small_text {
font-size: 1em;
font-weight: 300;
margin: 0;
}

.small_text_header {
font-size: 1em;
font-weight: 700;
margin: 0;
padding-bottom: 5px;
}

/* BACKGROUND COLORS */

.light_gray_background {
background-color: #F7F7F7;
}

.medium_gray_background {
background-color: #303030;
}

.dark_gray_background {
background-color: #303030;
}

.orange_background {
background-color: #ed941e;
}

/* NAVIGATION */

.button {
font-family: Oswald, sans-serif;
font-weight: 300;
border: none;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
margin: 4px 2px;
padding: 15px 32px;
}
	
#nav {
width: 100%;
background-color: #ed941e;
margin: 0;
padding: 0;
position: fixed;
top: 0;
z-index: 5;
}

.nav_button {
background-color: #ed941e;
color: #fff;
font-weight: 700;
margin: 0;
}

.nav_button:hover {
background-color: #bd720f;
color: #F7F7F7;
}

/* HEADER */

header {
display: none;
}

#header {
width: 100%;
padding: 4em 0;
margin-top: 46px;
background:URL('../images/header/header.jpg') left center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bls_logo {
width: 60%;
padding-left: 20%;
}

#header_text {
color: #FFF;
font-weight: 300;
font-size: 1.5em;
padding-top: 2em;
margin: 0;
width: 80%;
padding-left: 10%;
}

/* SERVICES */

.three_sections {
width: 33.33%;
height: 470px;
float: left;
}

.three_sections p {
width: 80%;
margin: 0 auto;
}

.three_sections img {
width: 70%;
padding-left:15%;
margin-bottom:20px;
}

/* PRICING */
#pricing_div {
color: white;	
}

.pricing_header {
color: white;
font-weight:700;
}

.left_table_container {
width:45%;
float:left;
}

.right_table_container {
width:45%;
float:right;
}

.left_table {
width:100%;	
}

.right_table {
width:100%;	
}

#pricing_div table {
padding-bottom:30px;
}

#pricing_div table td, th {
padding:10px;
}

#pricing_div table tr:hover {
background-color:#cccccc;
color:#1a1a1a;
}

.table_head {
background-color:#A65A02;
}

.table_sub_head {
background-color:#222222;
}

.light_row {
background-color:#828282;
}

.dark_row {
background-color:#505050;
}

#pricing_div p {
padding-bottom:80px;
}

hr.style-pricing {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom:80px;
}

#pricing_div ul {
padding-bottom:80px;
}

/* CONTACT */

#contact_form {
width:100%;
margin:0 auto;	
}

.input_name {
width:49%;
float:left;
}

.input_email {
width:49%;
float:right;
}

.input_message {
width:100%;
height:300px;
margin:20px 0 10px 0;
}

.input {
background-color: #f2f2f2;
padding: 10px;
font-family: helvetica;
text-align: left;
color: #666;
border: 1px solid #CDCDCD;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
/*box-shadow:0 4px 6px -5px hsl(0,0%,100%), inset 0 4px 6px -5px #a6a6a6;*/
}

input:focus {
outline: none !important;
background-color: #FFF4E1;
}

textarea:focus {
outline: none !important;
background-color: #FFF4E1;
}

#contact_buttons {
float:right;	
padding-bottom:40px;
}

.cancel_button {
background-color: #e6e6e6;
color: #b3b3b3;
}

.reset_button {
background-color: #3399ff;
color: white;
}

/* QUICK LINKS */

#dark_bottom a:link {
color: #737373;
text-decoration: none;
}

#dark_bottom a:visited {
color: #737373;
text-decoration: none;
}

#dark_bottom a:active {
color: #737373;
text-decoration: none;
}

#dark_bottom a:hover {
color: #ed941e;
text-decoration: none;
}

.quick_links ul {
padding-bottom: 30px;
}

.list_header {
font-weight: 700;
color: #303030;
}

.lists {
list-style: none;
line-height: 1.5em;
}

.list_left {
float: left;
margin: 0;
padding: 0;
}

.list_right {
float: right;
margin: 0;
padding: 0;
}

/* FOOTER */

#footer_top {
min-width: 1000px;
height: 100px;
background: url(../images/footer/grass.png);
background-repeat: repeat-x;
position: relative;
}

#man {
position: absolute;
left: 130px;
top: 62px;
height: 25px;
}

#house {
position: absolute;
right: 0;
top: 4px;
width: 350px;
height: auto;
}

#footer_bottom {
width: 100%;
padding: 10px 0 20px 0;
}

#footer_bottom .list_header {
color:#ed941e;
}

#footer_bottom ul li {
color: #888888;
font-size: .8em;
}

@media screen and (max-width: 1050px) {
	.left_table_container {
	width:90%;
	padding-left:5%;
	}

	.right_table_container {
	width:90%;
	float:left;
	padding-left:5%;
	}
	
	#pricing_div ul {
	width:90%;
	padding-left:5%;
	}
}

@media screen and (max-width: 600px) {
	
	#man {
	position: absolute;
	left: 130px;
	top: 62px;
	}

	#house {
	display:none;
	}
}

@media screen and (max-width: 1050px) {
	#footer_top {
	min-width: 100%;
	background: url(../images/footer/grass.png) left center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
	#man {
	position: absolute;
	left: 130px;
	top: 62px;
	}

	#house {
	position: absolute;
	}
}

@media screen and (max-width: 1050px) {
	.list_left {
	padding-left: 5%;
	width:40%;
	}

	.list_right {
	padding-right: 5%;
	width:40%;
	}
}

@media screen and (max-width: 600px) {
	.list_left {
	padding-left: 5%;
	width:90%;
	}

	.list_right {
	padding-right: 5%;
	width:90%;
	}
}

@media screen and (max-width: 1050px) {
	.wrapper_1000 {
	width: 100%;
	}
}

@media screen and (max-width: 1050px) {
	header {
	display: block;
	}
	
	#nav {
	display:none;	
	}
}

@media screen and (max-width: 600px) {
	#header_text {
	font-size: 1em;
	}
}

@media screen and (max-width: 600px) {
	.bls_logo {
	width: 80%;
	padding-left: 10%;
	}
}

@media screen and (max-width: 1050px) {
	.three_sections {
	width: 50%;
	}

	.three_sections p {
	width: 90%;
	}

	.three_sections img {
	width: 80%;
	padding-left:10%;
	}
}

@media screen and (max-width: 600px) {
	.need_a_surveyor_header {
	padding:0;
	margin:20px auto;
	font-size:2em;
	}
	
	.need_a_surveyor_copy {
	padding:0;
	margin:20px auto;
	font-size:1.5em;
	}
	
	.three_sections {
	width: 100%;
	height:auto;
	}
	
	.three_sections .left_text {
	border-bottom:1px solid #c8c8c8;
	padding-bottom:20px;
	}

	.three_sections img {
	width: 70%;
	padding-left:15%;
	margin-top:50px;
	}
	
	#bottom_service {
	margin-bottom:50px;
	}
}

@media screen and (max-width: 600px) {
	.title_text {
	font-size: 2em;
	padding-top:50px;
	padding-bottom:25px;
	}
	
	#pricing_div p {
	padding-bottom:10px;
	}
}

@media screen and (max-width: 1050px) {
	#contact_form {
	width:90%;
	margin:0 auto;	
	}
	
	.input_name {
	width:100%;
	float:none;
	}
	
	.input_email {
	width:100%;
	float:none;
	margin-top:20px;
	}
	
	.input_message {
	width:100%;
	height:300px;
	margin:20px 0 10px 0;
	}
	
	#contact_buttons {
	float:right;	
	padding-bottom:40px;
	}
}