/* Normalizes margin, padding */

body, #container  {
	width: auto;
   /* max-width: 320px; */ /* max_width works with iPhones, but doesn't format well with new Android phones and devices that are wider than 320px */
   font-size: 1em;
}

.mobilemenu {
	display: block;
	margin: 0;
	padding: 0 20px 10px 10px;
}

.mobilemenu img {
	padding-top: 10px;
}

.mobilemenu a {
	text-transform: uppercase;
	padding:  0 10px 10px 10px;
	text-decoration: none;
	color: #373737;
	font-size: 140%
}

.mobilehide, li.mobilehide {
	display: none;
}

.mobileshow {
	display: block;
}

.narrowtext {
	padding: 0 3%;
}

header {
	height: 200px;
	margin-top: 0;
	padding: 80px 0 40px 0;
	z-index: 10;
	position: inherit;
	background: #004f27 url(sitegraphics/logo-white.png) no-repeat center 30px;
	background-size: 350px auto;
}

.topimage {
	margin-top: 0;
	height: 700px;
}

.topimagesmall {
	margin-top: 0;
	height: 400px;
}

.toptitle {
	padding-top: 150px;
}


#topnav {
	z-index: 20000;
	font-size: 1em;
	display: none;
	position: absolute;
	text-align: center;
	width: 280px;
	margin-left: -150px;
	background: #004f27;
	padding: 20px 0;
}

#topnav li:hover>ul {
	visibility: hidden;
}

.mobilemenuicon {
	display: inline;
	text-align: right;
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topnav ul { 
	margin-top: 0px;
}

#topnav li {
	margin: 0;
	padding: 4px;
	display: block;
	list-style: none;
	text-align: center;
}

#topnav ul {
	
}

#topnav ul li {
	
}

#topnav li>ul {
	position:absolute;
	background: #004f27;
	visibility: hidden;
	margin-left:0;
	margin-top: 0;
	padding: 2px 20px 15px 20px;
	text-align: left;
	width: 280px;
}
#topnav li:hover>ul {
	visibility: inherit;
}


#topnav a {
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	background: #004f27;
	font-size: 130%;
	display: block;
	padding: 5px 30px;
	text-transform: uppercase;
	margin-top: 0;
}

#topnav a:hover {
	color: #b8b5af;
}

#subnav ul {
	display: inherit;
}

#subnav li {
	display: inherit;
}

/***#topnav {
	z-index: 20000;
	font-size: 1em;
	display: none;
	position: absolute;
	text-align: left;
	width: 280px;
	margin-left: 0px;
	background: #347654;
	padding: 20px 0;
}

#topnav li:hover>ul {
	visibility: hidden;
}

.mobilemenuicon {
	display: inline;
	text-align: right;
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topnav ul { 
	margin-top: 0px;
}

#topnav li {
	margin: 0;
	padding: 4px;
	display: block;
	list-style: none;
}

#topnav ul {
	
}

#topnav ul li {
	
}

#topnav li>ul {
	position:absolute;
	background: #347654;
	visibility: hidden;
	margin-left:0;
	margin-top: 0;
	padding: 2px 20px 15px 20px;
	text-align: left;
	width: 280px;
}
#topnav li:hover>ul {
	visibility: inherit;
}


#topnav a {
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	background: #347654;
	font-size: 130%;
	display: block;
	padding: 5px 30px;
	text-transform: uppercase;
	margin-top: 0;
}

#topnav a:hover {
	color: #b8b5af;
}

#subnav ul {
	display: inherit;
}

#subnav li {
	display: inherit;
}


.closenav {
	display: block;
	text-align: right;
	font-size: 90%;
}**/

.topcontactbutton {
	float: none;
	padding-bottom: 30px;
	padding-top: 80px;
}

.topcontactbutton a {
	font-size: 100%;
	margin-right: 0;
}

h1 {
	font-size: 200%;
}

.fifthsections {
	width: 100%;
	padding-left: 0;
}

.fifthsections ul {
	display: block;
}

.fifthsections li {
	width: 100%;
	display: block;
	float: none;
	margin-bottom: 50px;
}

.fifthsections li img {
	width: 50%;
	height: auto;
	border-radius: 50px;
	padding-bottom: 20px;
	padding-top: 30px;
}

.fifthsections p {
	padding: 0 10px 20px 10px ;
	
}

.quartersections {
	padding-top: 30px;
}

.quartersections ul {
	display: block;
}

.quartersections li {
	width: 100%;
	display: block;
	float: none;
	padding: 0;
	margin: 0;
}

.quartersections li img {
	width: 50%;
	height: auto;
	border-radius: 50px;
	padding-bottom: 20px;
}

.quartersections p {
	padding: 0;
	
}

.thirdsections {
	padding-top: 0;
}

.thirdsections ul {
	display: block;
}

.thirdsections li {
	width: 100%;
	display: block;
	float: none;
	padding-bottom: 60px;
}

.thirdsections li img {
	width: 280px;
	height: auto;
	padding-bottom: 20px;
}

.thirdsections p {
	padding: 0 10px 20px 10px ;
	
}

li.thirdsmall {
	width: 90% !important;
}

li.thirdwide {
	display: none !important;
	line-height: 2em;
}

.wrapperfull {
	width: 100%;
	margin: 0 auto;
}

.calltoaction {
	padding: 50px 0 50px 0;
	color: #ffffff;
	font-weight: 400;
	font-size: 120%;
	line-height: 1.4em;
	background: url("sitegraphics/calltoaction-background.jpg") no-repeat top center;
  background-size: auto;
}




.tophomepage {
 background: url("sitegraphics/topimage-home-mobile.jpg") bottom center;
	background-size: cover;
}

.topabout {
 background: url("sitegraphics/topimage-about-mobile.jpg") bottom center;
	background-size: cover;
}

.topashdieback {
 background: url("sitegraphics/topimage-ashdieback-mobile.jpg") bottom center;
	background-size: cover;
}

.topbusiness {
 background: url("sitegraphics/topimage-business-mobile.jpg") bottom center;
	background-size: cover;
}

.topcommercial {
 background: url("sitegraphics/topimage-commercial-mobile.jpg") bottom center;
	background-size: cover;
}

.topcontact {
 background: url("sitegraphics/topimage-contact-mobile.jpg") bottom center;
	background-size: cover;
}

.topdomestic {
 background: url("sitegraphics/topimage-domestic-mobile.jpg") bottom center;
	background-size: cover;
}

.topestate {
	background: url("sitegraphics/topimage-estatemaintenance-mobile.jpg") bottom center;
	background-size: cover;
}

.topfaqs {
 background: url("sitegraphics/topimage-faqs-mobile.jpg") bottom center;
	background-size: cover;
}

.topgolfcourses {
 background: url("sitegraphics/topimage-golfcourses-mobile.jpg") bottom center;
	background-size: cover;
}

.tophedgetrimming {
 background: url("sitegraphics/topimage-hedgetrimming-mobile.jpg") bottom center;
	background-size: cover;
}

.toprecycling {
 background: url("sitegraphics/topimage-recycling-mobile.jpg") bottom center;
	background-size: cover;
}

.topriskassessments {
 background: url("sitegraphics/topimage-riskassessments-mobile.jpg") bottom center;
	background-size: cover;
}

.topschools {
 background: url("sitegraphics/topimage-schools-mobile.jpg") bottom center;
	background-size: cover;
}

.toptpos {
 background: url("sitegraphics/topimage-tpos-mobile.jpg") bottom center;
	background-size: cover;
}

.toptreesurgery {
 background: url("sitegraphics/topimage-treesurgery-mobile.jpg") bottom center;
	background-size: cover;
}




.halfleft {
	float: none;
	width: 100%;
	padding: 20px;
}

.halfright {
	margin-left: 0;
	text-align: center;
	padding: 20px;
}

.halfimage img {
	width: 200px;
	height: auto;
}

.halfleft img {
	width: 100%;
	height: auto;
}


.calltoaction {
}

.calltoaction h3 {
	padding: 0 30px;
}

.calltoaction p {
	padding: 0 30px;
}

.quote {
	font-size: 300%;
	color: #acacac;
	text-align: center;
}

.testimonial {
		font-size: 130%;
}