/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#FFFFFF; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul {
	list-style-image: none;

}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.right1 { margin-right: 12px; float:right;}

html{ font-family:"Monaco", "Trebuchet MS", "Microsoft Sans Serif", "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-size:0.72em; line-height:1.25em; color:#5a6c6f;}
input, select { vertical-align:middle; font-weight:normal;}

/* == light blue == */
a {color:#005AFF;}
a:visited {color: #7FD113;}
a:hover{text-decoration:none;}

.green{ color:#7FD53C;}
.grey{ color:#5a6c6f;}
.white{ color:#ffffff;}
.blue{ color:#005AFF;}
.dkgrey{ color:#A8A8A8;}
.nodec { text-decoration: none; }

.largewhitetext{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.917em; color:#ffffff; font-weight:normal; padding-bottom:16px; margin-top:5px;}

strong{ font-weight:normal; }
em{ font-style:normal;}

p {padding-top:15px;}

h1, h2, h3, h4 {line-height:1em; color:#6f7a7b; font-weight:bold; letter-spacing:-.05em; position:relative;}
h1 {font-size:300%; }
h2 {font-size:250%; }
h3 {font-size:200%; }
h4 {font-size:150%; }
h5 {font-size:100%; }

/* ============================= gradient text ====================== */

h1 span, h2 span, h3 span, h4 span, h5 span{ position:absolute; display:block; top:0; left:0; height:100%; width:100%; background:url(/images/gradient_11.png) repeat-x; }
h1 span, h3 span{background:url(/images/gradient_21.png) repeat-x;}
* html h1 span, * html h3 span, * html h5 span{ background-color:#fff; back\ground-color:transparent; background-image: url(none.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/gradient_2.png", sizingMethod="scale"); }
* html h2 span, * html h4 span{ background-color:#fff; back\ground-color:transparent; background-image: url(none.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/gradient_1.png", sizingMethod="scale"); }

/* ============================= main layout ====================== */

.imgindent {margin:0 12px 0 0; float:left;}
.imgindent2 { float:left; margin-top: 0; margin-right: 12px; margin-bottom: 8px; margin-left: 2px;}
.imgindent3 {margin:0 0 0 20px; }
.imgindent4 { float:right; margin-top: 0; margin-right: 10px; margin-bottom: 5px; margin-left: 0px;}

.margin1{ margin-top:16px;}
.padding1{ padding-top:15px;}
.padding2{ padding-top:10px;}
.padding21{ padding-top:8px;}
.padding3{ padding-top:23px;}
.padding4{ padding-bottom:18px;}
.padding5{ padding-bottom:50px;}
.padding6{ padding-left:10px; padding-top:5px;}
.padding31{ width:300px; padding-top:23px;}
.padding7{  padding-right:70px; float:right;}
.padding8{ padding-top:10px; padding-right:40px; float:right;}



/* ============================= follow images ====================== */

.networks { opacity:0.85;filter:alpha(opacity=85);}
.networks a:hover { opacity:1;filter:alpha(opacity=100);}

/* ============================= logo box ====================== */
.logobox { height: 125px; }
.imgindent5 { float:left; margin-top: 0; margin-right: 600px; margin-bottom: 0px; margin-left: 0px;}
.indent6 { float:left; margin-top: 107px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}

/* ============================= header ====================== */
#header{ background:url(/images/hero_1_w_text.jpg)  no-repeat;}
#header-home{ background:url(/images/hero_1_w_text-home.jpg)  no-repeat;}

/* ============================= menu ====================== */

.menu{ width:925; padding-top:0px; padding-bottom:0px; height:24px }
.menu ul {display: block; width:100%; background: #0248C7; }
.menu li{ display: inline-block; 	float:left; }
.menu a {
	display: inline-block;
	padding: 4px 13px 0px;
	font-family:"Monaco", "Trebuchet MS", "Microsoft Sans Serif", "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:1.167em;
	color:#FFFFFF;
	background:#0248C7;
	text-decoration: none;
	height:20px
}
.menu a:hover, .menu .active{ color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}

#page1 #main #header-home .menu .m-home { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#sodtypes .m-types { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#pricing .m-pricing { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#portfolio-page .m-portfolio { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#services .m-services { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#caringforlawn .m-lawn { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#photogallery .m-photogallery { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#quote .m-quote { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#aboutus #main #header .menu .m-aboutus { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}
#contactus .m-contactus { color:#ffffff; background:#54B948; text-decoration:none;	height:20px	}

/* ============================= links ====================== */

.link{ display:block; float:left; color:#ffffff;  padding-left:1px; text-decoration:none; font-family:"Monaco", "Trebuchet MS", "Microsoft Sans Serif", "Franklin Gothic Medium", Arial, Helvetica, sans-serif; margin-top:9px;}
.link:hover{ text-decoration:underline;}
.link strong{ font-weight:normal !important; display:block; padding:6px 8px 7px 9px; background:#37cef9; color:#ffffff;}

.morelink { height:35px; width:63px; background:url(/images/button_more.jpg); text-align: center; padding-top: 7px; margin-top: 10px; color: #005AFF; }
.morelink:hover {  background:url(/images/button_more_hover.jpg);   }
.morelink:visited {  background:url(/images/button_more.jpg); color: #005AFF;}

.morelinktext {text-decoration:none; color:#005AFF;}


/* ============================= content ====================== */
.GrimesSeal {widht:250px; height:130px; float:right; padding-bottom:10px;}

#bodyintro{ margin-bottom:10px;}
#content{ padding:3px 0 0px 0;}
#content .box{ background:#ffffff; color:#7b898c; width:100%; position:relative;}
#content .box .indent{ padding:0 0 0 0;}
#content .box .indent2{ padding:0 0 0 0;}

.list li{ color:#099fc9; line-height:1.75em;}
.list a{ color:#778789; }

.list1 span{ color:#099fc9;}
.list1 a{ color:#5a6c6f;}
.list1 li{ padding-bottom:5px;}

/* ============================= bottom aligned links ====================== */

#content .link{ bottom:18px;}
#content .box .link{ background:url(/images/link2-left-bg.gif) no-repeat 0 0; position:absolute; bottom:18px;}
#content .box .link strong{ background:#84d73f; color:#ffffff;}


/* ============================= text ====================== */

.homecopyL, .sectionheader, .bodycopy, .largetext, .quotetext, .galtextgrey, .galtextwhite, .galtextblue, #portfolio a:visited, p {font-family:"Monaco", "Trebuchet MS", "Microsoft Sans Serif", "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-weight:normal; }

/* ============================= home body intro ====================== */


.homecopyL { font-family:"Monaco", "Trebuchet MS", "Microsoft Sans Serif", "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-size:16px; color:#666; font-weight:normal; line-height: 19px; }

/* ============================= home body columns ====================== */

.sectionheader { font-size:16px;  color:#005AFF; line-height: normal;}
.homethumb { float: left; margin-right: 3px; border: 1px solid #999999; padding: 2px; vertical-align: text-top;}
.bodycopy { font-size:14px; color:#666; line-height: 17px; }

/* ============================= caring for your lawn page ====================== */

#caringforlawn .article-indent {margin-left:25px; font-size:14px; line-height:120%;}

/* ============================= photo gallery page ====================== */

#photogallery .thumb {width:160px; height:120px; border: 1px solid #333333;}
#photogallery .thumbnail { float:left; 	width:162px; height:150px; margin:5px;}
#photogallery .caption {padding:2px; color:#ffffff; font-size:9px; text-align:center; background-color:#333333;}

/* ============================= contact us ====================== */

#contactus .container ul{ margin-left: 25px; list-style:none; list-style-position: outside;}

/* ============================= about us ====================== */

#aboutus .container ul{ margin-left: 25px; list-style:none; list-style-position: outside;}
#aboutus .container li{ margin-bottom: 5px; }

/* ============================= portfolio ====================== */

#portfolio{ background:url(/images/Portfolio_Background.jpg)  no-repeat; height: 310px; width: 280px; padding-bottom: 0px;}
.indenttext {margin-left: 20px; margin-right: 20px;}
#portfolio .indenttext {margin-top: 0px; padding-top:0px;}
#portfolio .container {margin-top: 0px; padding-top:0px;}


.largetext { font-size:3.117em; color:#ffffff;  padding-top: 45px; letter-spacing: .055em; }
.quotetext { font-family:"Times New Roman", Times, serif; font-size:9.717em; color:#B5F254; font-weight:bold; padding-top: 60px; padding-bottom: 0px; float:left; margin-right: 10px; }

.quotetext2 { font-family:"Times New Roman", Times, serif; font-size:5.117em; color:#B5F254; font-weight:bold; padding-top: 30px; padding-bottom: 0px; float:left; margin-right: 5px; }

.largetext2 { font-size:2.517em; color:#ffffff;  padding-top: 35px; letter-spacing: .055em; float:left; margin-bottom:10px; margin-left:10px;}


.galtextgrey {  font-size:14px;  color:#868686; }
.galtextwhite {  font-size:14px;  color:#FFFFFF; }
.galtextblue {  font-size:14px;  color:#005AFF; }
#portfolio a:visited { font-size:14px;  color:#005AFF; }



/* ============================= footer ====================== */
#footer .text{ padding:25px 0 0 0;}
#footer a { color:#5a6c6f;}

/* ============================= forms ============================= */
#RegisterForm{ padding:23px 10px 0 0;}
#RegisterForm .row-1, #RegisterForm .row-2, #RegisterForm .row-3 { width:100%; overflow:hidden;}
#RegisterForm .col-1{ width:200px !important;}
#RegisterForm .col-2{ width:200px !important; margin-left:20px !important;}
#RegisterForm label{ display:block; height:35px;}
#RegisterForm input{ border:solid 1px #383838; width:190px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px;}

#SearchForm1{ padding-right:15px;}
#SearchForm1 label{ display:block; height:35px;}
#SearchForm1 label span{ font-weight:bold; width:60px; display:inline-block;}
#SearchForm1 select {font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:1px 0 1px 4px;}
#SearchForm1 .select1{ width:200px;}
#SearchForm1 .select2{ width:55px;}
#SearchForm1 .select3{ width:70px;}
#SearchForm1 .select4{ width:69px;}
#SearchForm1 .link{ float:right; }

#SearchForm2{ padding-right:15px;}
#SearchForm2 label{ display:block; height:35px;}
#SearchForm2 label span{ font-weight:bold; width:60px; display:inline-block;}
#SearchForm2 select {font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:1px 0 1px 4px;}
#SearchForm2 .select1{ width:200px;}
#SearchForm2 .link{ float:right; }

#StoryForm{ padding:13px 10px 0 0;}
#StoryForm .col-1{ width:220px !important;}
#StoryForm .col-2{ width:185px !important;}
#StoryForm label{ display:block; height:35px;}
#StoryForm input{ border:solid 1px #383838; width:185px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px;}
#StoryForm textarea{ border:solid 1px #383838; width:180px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px; height:83px; overflow:hidden;}
#StoryForm .margin2{ margin-right:20px;}

#ContactForm { padding:13px 10px 0 0;}
#ContactForm .col-1{ width:220px !important;}
#ContactForm .col-2{ width:185px !important;}
#ContactForm label{ display:block; height:35px;}
#ContactForm input{ border:solid 1px #383838; width:185px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px;}
#ContactForm textarea{ border:solid 1px #383838; width:300px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px; height:83px; overflow:hidden;}
#ContactForm .margin2{ margin-right:20px;}

/* -------------- quote page form ------------------------ */
#quote #ContactForm { padding:13px 10px 0 0;}
#quote #ContactForm .container .col-form-1a{ width:220px !important; float:left; padding-top:5px; }
#quote #ContactForm .container .col-form-2a{ width:290px !important; float:left;  padding-top:5px; padding-left:10px;}
#quote #ContactForm .container .col-form-3a{ width:220px !important; float:left;}
#quote #ContactForm .container .col-form-4a{ width:280px !important; float:left; padding-left:10px; padding-bottom:10px; padding-right:10px;}
#quote #ContactForm label{ display:block; height:35px;}
#quote #ContactForm input{ border:solid 1px #383838; width:190px; font-family:Tahoma, Geneva, sans-serif; font-size:1.217em; color:#5a6c6f; padding:2px 0 3px 7px;}
#quote #ContactForm select{ border:solid 1px #383838; width:199px; font-family:Tahoma, Geneva, sans-serif; font-size:1.217em; color:#5a6c6f; padding:2px 0 3px 7px;}
#quote #ContactForm textarea{ border:solid 1px #383838; width:270px; height:83px; font-family:Tahoma, Geneva, sans-serif; font-size:1.217em; color:#5a6c6f; padding:2px 0 3px 7px; overflow:hidden;}
#quote #ContactForm .container .col-form-1a p, .col-form-2a p, .col-form-3a p, .col-form-4a p {padding-bottom:0px;}
#quote #ContactForm .container .col-form-1a .locationdiv, .col-form-2a .locationdiv, .col-form-3a .locationdiv, .col-form-4a 
.locationdiv  {height:35px; margin-top:5px; margin-bottom:-15px;}
#quote .indentform {margin-left:40px;}
.clearIt {clear: both;}
.required-field {color:#C00; font-size:14px; font-weight:bold;}