@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	11;
	dw-gutter-percentage:	32;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */

/*Typography*/

h1 { color: #FFFFFF; margin-top: -11px; margin-bottom: 0px; margin-left: 40px; font-size: 44px; }

h2 { text-align: right; margin: 0 0 0 0; font-weight: normal; font-size: 38px; }

h3 { color: #7AC143; font-size: 28px; font-style: italic; font-weight: normal; text-align: right; line-height: 34px; margin: 0 0 0 0; }

.white_text { margin-top: -4px; color: #FFFFFF; font-size: 28px; margin-left: 40px; line-height: 35px; font-weight: normal; }

.request { margin-top: 14px; color: #609935; font-style: normal; font-size: 27px; line-height: 26px; text-align: left; margin-left: 14px; font-weight: bold; }

.green_text { margin-top: 2px; color: #609935; font-style: normal; font-size: 25px; line-height: 22px; text-align: right; }

.green_text_2 { margin-top: -4px; color: #609935; font-style: normal; font-size: 30px; line-height: 32px; text-align: left; margin-left: 6px; }

.green_text_3 { margin-top: -19px; color: #609935; font-style: normal; font-size: 20px; line-height: 28px; text-align: left; margin-left: 35px; }

 
 /*Layout*/

  
.gridContainer { margin-left: auto; margin-right: auto; width: 960px; padding-left: 1.9393%; padding-right: 1.9393%; clear: none; float: none; border-top: 12px solid #7AC143; background-color: #FFFFFF; }
#div1 {
width: 100%;
}
#logo { width: 47.8947%; margin-top: 27px; }
#providing { width: 30.5263%; clear: none; margin-left: 21.21%; margin-top: 44px; letter-spacing: 1px; }
#main { margin-top: 29px; background-image: url(main_image.png); background-repeat: no-repeat; }
#phone { width: 100%; margin-left: 0; margin-top: 3px; }
#content_a { width: 100%; margin-left: 440px; margin-top: 39px; }
#form_area { width: 62.8169%; margin-top: 73px;  margin-bottom: 18px; padding-bottom: 13px; }
#content_b { width: 34.9295%; margin-left: 2.2535%; clear: none; margin-top: 22px; }
#let_us { text-align: center; background-color: #858585; color: #FFFFFF; font-style: italic; letter-spacing: 3px; font-size: 26px; padding-top: 16px; padding-right: 14px; padding-bottom: 16px; padding-left: 14px; margin-top: 30px; margin-bottom: 30px; }

.space_top_10 { display: block; }
.details         { padding-bottom: 14px; display: block; }
#labels { width: 11.2107%; text-align: left; line-height: 26px; }
#fields         {}
#details         {}
#field_input         { width: 38.8071%; clear: none; margin-left: 1%; line-height: 25px; }
#property         {width: 100%;}
#service         {width: 100%;clear: both;margin-left: 0;}
#property_size         {width: 55.6053%; margin-top: 10px;}
#service_required         { width: 40.8071%; margin-left: 5.6%; clear: none; }
#message         {width: 38.8071%; margin-left: 1%; clear: none; margin-top: -45px; margin-bottom: 7px; }
.zeroMargin_mobile         {margin-left: 0;}
.hide_mobile         {display: none;}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {


/*Typography*/

h1 { color: #FFFFFF; margin-top: -11px; margin-bottom: 0px; margin-left: 40px; font-size: 44px; }

h2 { text-align: right; margin: 0 0 0 0; font-weight: normal; font-size: 38px; }

h3 { color: #7AC143; font-size: 28px; font-style: italic; font-weight: normal; text-align: right; line-height: 34px; margin: 0 0 0 0; }

.white_text { margin-top: -4px; color: #FFFFFF; font-size: 28px; margin-left: 40px; line-height: 35px; font-weight: normal; }

.request { margin-top: 14px; color: #609935; font-style: normal; font-size: 27px; line-height: 26px; text-align: left; margin-left: 14px; font-weight: bold; }

.green_text { margin-top: 2px; color: #609935; font-style: normal; font-size: 25px; line-height: 22px; text-align: right; }

.green_text_2 { margin-top: -4px; color: #609935; font-style: normal; font-size: 30px; line-height: 32px; text-align: left; margin-left: 6px; }

.green_text_3 { margin-top: -19px; color: #609935; font-style: normal; font-size: 20px; line-height: 28px; text-align: left; margin-left: 35px; }


/*Layout*/

.gridContainer {
	width: 960px;
	max-width: 960px;
	padding-left: 3%;     /* What I changed it from 1.0798% */
	padding-right: 3%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 100%;
}
#logo {
width: 62.8169%;
}
#providing { width: 34.9295%; margin-left: 2.2535%; clear: none; margin-top: 44px; }
#main {
}
#phone {
width: 34.9295%;
margin-left: 65.0704%;
}
#content_a {
width: 53.5211%;
margin-left: 46.4788%;
}
#form_area {
width: 62.8169%;
}
#content_b { width: 34.9295%; margin-left: 2.2535%; clear: none; }
#let_us {
}
#labels { width: 11.2107%; text-align: left; line-height: 26px; }
#fields {
}
#details {
}
#field_input { width: 38.8071%; margin-left: 1%; clear: none; }
#property {
width: 55.6053%;
}
#service {
width: 40.8071%;
margin-left: 3.5874%;
clear: none;
}
#property_size { width: 55.6053%; margin-top: 10px; }
#service_required { width: 40.8071%; margin-left: 5.6%; clear: none; }
#message { width: 38.8071%; margin-left: 1%; clear: none; margin-top: -45px; margin-bottom: 7px; }

.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

/*Typography*/

h1 { color: #FFFFFF; margin-top: -11px; margin-bottom: 0px; margin-left: 40px; font-size: 44px; }

h2 { text-align: right; margin: 0 0 0 0; font-weight: normal; font-size: 38px; }

h3 { color: #7AC143; font-size: 28px; font-style: italic; font-weight: normal; text-align: right; line-height: 34px; margin: 0 0 0 0; }

.white_text { margin-top: -4px; color: #FFFFFF; font-size: 28px; margin-left: 40px; line-height: 35px; font-weight: normal; }

.request { margin-top: 14px; color: #609935; font-style: normal; font-size: 27px; line-height: 26px; text-align: left; margin-left: 14px; font-weight: bold; }

.green_text { margin-top: 2px; color: #609935; font-style: normal; font-size: 25px; line-height: 22px; text-align: right; }

.green_text_2 { margin-top: -4px; color: #609935; font-style: normal; font-size: 30px; line-height: 32px; text-align: left; margin-left: 6px; }

.green_text_3 { margin-top: -19px; color: #609935; font-style: normal; font-size: 20px; line-height: 28px; text-align: left; margin-left: 35px; }


/*Layout*/

.gridContainer {
	width: 960px;
	max-width: 960px;
	padding-left: 3%;     /* What I changed it from 1.0798% */
	padding-right: 3%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 100%;
}
#logo {
width: 62.8169%;
}
#providing { width: 34.9295%; margin-left: 2.2535%; clear: none; margin-top: 44px; }
#main {
}
#phone {
width: 34.9295%;
margin-left: 65.0704%;
}
#content_a {
width: 53.5211%;
margin-left: 46.4788%;
}
#form_area {
width: 62.8169%;
}
#content_b { width: 34.9295%; margin-left: 2.2535%; clear: none; }
#let_us {
}
#labels { width: 11.2107%; text-align: left; line-height: 26px; }
#fields {
}
#details {
}
#field_input { width: 38.8071%; margin-left: 1%; clear: none; }
#property {
width: 55.6053%;
}
#service {
width: 40.8071%;
margin-left: 3.5874%;
clear: none;
}
#property_size { width: 55.6053%; margin-top: 10px; }
#service_required { width: 40.8071%; margin-left: 5.6%; clear: none; }
#message { width: 38.8071%; margin-left: 1%; clear: none; margin-top: -45px; margin-bottom: 7px; }


.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}
