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


/* Mobile */
@media only screen and (min-width: 300px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	max-width:649px;
	min-width: 300px;
	z-index: 2;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#Header {
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	position: relative;
	top:0;
	left:0;
	background: rgba(13, 44, 135, .8);
	blend-mode: multiply;
	z-index:100;
}
#Header2 {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(0, 0, 0, .5);
	blend-mode: multiply;
	z-index:100;
}
#TabletHeader {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(255, 255, 255, 1);
	blend-mode: multiply;
	z-index:100;
}
#Logo {
	float: none;
	margin-top:0px;
	margin-left: 0;
	width: 13%;
	max-width:225px;
	min-width:75px;
	display: block;
	position:fixed;
	top:0;
	left:0;
}
#PhoneHeader {
	clear:none;
	float: left;
	width: 100%;
	display: none;
}
#Phone {
	float: right;
	margin-right: 11px;
	margin-top: 0%;
	width: 24%;
	font-size:80%;
	display: none;
	padding-top:0%;
	padding-bottom:0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#PhoneButton {
	float: left;
	display: block;
	width:100%;
	margin-left:0px;
	margin-top:0px;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	border-bottom-left-radius:5px;
	overflow:hidden;
	background:none;
}
#Navbar {
	float: left;
	font-size: 250%;
	display: none;
	width:100%;
	margin-left:11px;
	margin-top: 0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	overflow:visible;
}
#MulchingTitle {
	float: left;
	font-size: 100%;
	display: block;
	width:100%;
	margin-left:0%;
	margin-top: 11px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#NavbarPhone {
	float: left;
	margin-right: 0%;
	margin-left: 0%;
	margin-top:0px;
	font-weight: bold;
	width: 100%;
	font-size: 50%;
	display: block;
	height:100px;
	overflow:hidden;
	background-color: #FFF;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
	z-index:100;
	position: fixed;
	-webkit-box-shadow:0px 0px 10px #000000;
	-moz-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
}
#NavbarPhone:hover {
	height: auto;
	width:100%;
	background-color: #E7BE26;
	margin-right: 0%;
	margin-left: 0%;
	font-size: 60%;
}
#PhoneNavbar {
	clear:none;
	float: left;
	font-size: 200%;
	display: none;
	width:100%;
	margin-left:11px;
	margin-top:0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	overflow:visible;
}
#MainTable {
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top:400px;
	position:relative;
}
#MainTable2 {
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	position:relative;
}
#MainTableBody {
	float: left;
	width: 100%;
	font-size:70%;
	display: block;
	position:relative;
}
#BodyLeft {
	float: left;
	font-size: 80%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#BodyRight {
	float: right;
	font-size: 80%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#BodyCenter {
	float: left;
	font-size: 80%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#MulchingLeft {
	float: left;
	font-size: 90%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#MulchingRight {
	float: right;
	font-size: 90%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#VerticalLine {
	float: left;
	font-size: 100%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	max-width:800px;
	min-height:5px;
	display: block;
	background-color:#555;
	border-radius:5px;
	overflow:hidden;
}
#ContactForm {
	clear: both;
	float: left;
	margin-left: 20%;
	margin-right:20%;
	width: 60%;
	overflow: visible;
	display: block;
	font-size:100%;
}
#Footer {
	clear: both;
	display: none;
	float: left;
	position: relative;
	bottom:0;
	left:0;
	font-size: 100%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	background-color:#DDDDDD;
}
#PhoneFooter {
	clear: both;
	display: block;
	float: left;
	position: relative;
	bottom: 0;
	left: 0;
	font-size: 50%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	background-color: #FFFFFF;
}
#MulchingCompanyPittsburghPa {
	height:1px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	font-size:100%;
	font-weight:bolder;
	width:100%;
}
#MulchingService1 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 70%;
	width: 80%;
	overflow: visible;
	display: block;
}
#MulchingService2 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 70%;
	width: 80%;
	overflow: visible;
	display: block;
}
#MulchingService3 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 70%;
	width: 80%;
	display: block;
}
#MulchingService4 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 70%;
	width: 80%;
	display: block;
}
#MulchingPittsburghPa {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-10;
	display:block;
}
#CommercialResidentialMulching{
	height:50px;
}
.CommercialResidentialMulchingPicture{
	float: left;
	max-width: 225px;
	max-height: 100px;
	width: 100%;
}
#PlaygroundMunicipalMulching{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PlaygroundMulching.JPG);
	background-size:cover;
}
#PlaygroundMunicipalMulching2{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PittsburghMulchingInnovations.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching3{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PittsburghMulchingCompany.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching4{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHMulching.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching5{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding4.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching6{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding2.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching7{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHMulching.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching8{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/GreenRoof.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching9{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHLandscaping1.jpg);
	background-size:cover;
}
.MulchingServicesPic{
	width:80%;
}
}

/* Tablet */

@media only screen and (min-width: 650px) {
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	max-width: 1000px;
	min-width: 650px;
	z-index: 2;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#Header {
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	position: relative;
	top:0;
	left:0;
	background: rgba(13, 44, 135, .8);
	blend-mode: multiply;
	z-index:100;
}
#Header2 {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(0, 0, 0, .5);
	blend-mode: multiply;
	z-index:100;
}
#TabletHeader {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(255, 255, 255, 1);
	blend-mode: multiply;
	z-index:100;
}
#PhoneHeader {
	clear:none;
	float: left;
	width: 100%;
	display: none;
}
#Logo {
	clear: both;
	float: none;
	margin-top:0px;
	margin-left: 0;
	width: 13%;
	max-width:225px;
	min-width:75px;
	display: block;
	position:fixed;
	top:0;
	left:0;
}
#Phone {
	float: right;
	margin-right: 2%;
	margin-top: 0%;
	width: 18%;
	font-size:60%;
	display: block;
	padding-top:0%;
	padding-bottom:0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#PhoneButton {
	float: left;
	display: none;
	width:100%;
	margin-left:0px;
	margin-top:0px;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	border-bottom-left-radius:5px;
	overflow:hidden;
	background:none;
}
#Navbar {
	padding-left:50%;
	padding-right:5%;
	float: left;
	font-size: 150%;
	display: block;
	width:45%;
	margin-left:11px;
	margin-top: 0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	overflow:visible;
}
#MulchingTitle {
	float: left;
	font-size: 100%;
	display: block;
	width:70%;
	margin-left:0%;
	margin-top: 11px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#NavbarPhone {
	float: left;
	margin-right: 0%;
	margin-left: 0%;
	margin-top:0px;
	font-weight: bold;
	width: 100%;
	font-size: 50%;
	display: block;
	height:100px;
	overflow:hidden;
	background-color: #FFF;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
	z-index:100;
	position: fixed;
	-webkit-box-shadow:0px 0px 10px #000000;
	-moz-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
}
#NavbarPhone:hover {
	height: auto;
	width:100%;
	margin-right: 0%;
	margin-left: 0%;
	font-size: 70%;
}
#PhoneNavbar {
	clear:none;
	float: left;
	font-size: 200%;
	display: none;
	width:100%;
	margin-left:11px;
	margin-top:0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	overflow:visible;
}
#MainTable {
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top:400px;
	position:relative;
}
#MainTable2 {
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	position:relative;
}
#MainTableBody {
	float: left;
	width: 100%;
	font-size:80%;
	display: block;
	position:relative;
}
#BodyLeft {
	float: left;
	font-size: 80%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#BodyRight {
	float: right;
	font-size: 80%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#BodyCenter {
	float: left;
	font-size: 80%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#VerticalLine {
	float: left;
	font-size: 100%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	max-width:800px;
	min-height:5px;
	display: block;
	background-color:#555;
	border-radius:5px;
	overflow:hidden;
}
#MulchingLeft {
	float: left;
	font-size: 90%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#MulchingRight {
	float: right;
	font-size: 90%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	display: block;
}
#ContactForm {
	clear: both;
	float: left;
	margin-left: 20%;
	margin-right:20%;
	width: 60%;
	overflow: visible;
	display: block;
	font-size:100%;
}
#Footer {
	clear: both;
	display: none;
	float: left;
	position: relative;
	bottom:0;
	left:0;
	font-size: 100%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	background-color:#DDDDDD;
}
#PhoneFooter {
	clear: both;
	display: block;
	float: left;
	position: relative;
	bottom: 0;
	left: 0;
	font-size: 50%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	background-color: #FFFFFF;
}
#MulchingCompanyPittsburghPa {
	height:1px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	font-size:100%;
	font-weight:bolder;
	width:100%;
}
#MulchingService1 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-right: 2%;
	font-size: 70%;
	width: 45%;
	overflow: visible;
	display: block;
}
#MulchingService2 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 2%;
	margin-right: 3%;
	font-size: 70%;
	width: 45%;
	overflow: visible;
	display: block;
}
#MulchingService3 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-right: 2%;
	font-size: 70%;
	width: 45%;
	display: block;
}
#MulchingService4 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 2%;
	margin-right: 3%;
	font-size: 70%;
	width: 45%;
	display: block;
}
#MulchingPittsburghPa {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-10;
	display:block;
}
#CommercialResidentialMulching{
	height:100px;
}
.CommercialResidentialMulchingPicture{
	max-height: none;
}
#PlaygroundMunicipalMulching{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PlaygroundMulching.JPG);
	background-size:cover;
}
#PlaygroundMunicipalMulching2{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PittsburghMulchingInnovations.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching3{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PittsburghMulchingCompany.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching4{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHMulching.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching5{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding4.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching6{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding2.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching7{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHMulching.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching8{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/GreenRoof.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching9{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHLandscaping1.jpg);
	background-size:cover;
}
.MulchingServicesPic{
	width:50%;
}
}


/* Small Desktop */

@media only screen and (min-width: 1020px) {
.gridContainer {
	float:left;
	width: 100%;
	min-width: 850px;
	max-width: 1300px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	z-index: 2;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#Header {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(255, 255, 255, .8);
	blend-mode: multiply;
	z-index:100;
	min-height:150px;
}
#Header2 {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(0, 0, 0, .5);
	blend-mode: multiply;
	z-index:100;
}
#TabletHeader {
	clear:none;
	float: left;
	width: 100%;
	display: none;
}
#PhoneHeader {
	clear:none;
	float: left;
	width: 100%;
	display: none;
}
#Logo {
	clear: both;
	float: none;
	margin-top:0px;
	margin-left: 0;
	width: 13%;
	max-width:225px;
	min-width:75px;
	display: block;
	position:fixed;
	top:0;
	left:0;
}
#Phone {
	float: right;
	margin-right: 2%;
	margin-top: 0%;
	width: 18%;
	font-size:60%;
	display: block;
	padding-top:0%;
	padding-bottom:0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#PhoneButton {
	float: left;
	display: none;
	width:100%;
	margin-left:0px;
	margin-top:0px;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	border-bottom-left-radius:5px;
	overflow:hidden;
	background:none;
}
#Navbar {
	padding-right:1%;
	float: right;
	font-size: 130%;
	display: block;
	width: 99%;
	margin-left:0px;
	margin-top: 17px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	overflow:visible;
	max-width: 415px;
}
#MulchingTitle {
	float: left;
	font-size: 100%;
	display: block;
	width:70%;
	margin-left:0%;
	margin-top: 11px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#NavbarPhone {
	clear: left;
	float: left;
	margin-right: 0%;
	margin-left: 0%;
	margin-top:11px;
	font-weight: bold;
	width: 100%;
	font-size: 50%;
	display: none;
	height:60px;
	overflow:hidden;
	background:none;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
}
#NavbarPhone:hover {
	height: auto;
	width:100%;
	background:rgba(0,0,0,0.1);
	margin-right: 0%;
	margin-left: 0%;
	font-size: 100%;
}
#PhoneNavbar {
	clear:none;
	float: left;
	font-size: 200%;
	display: none;
	width:100%;
	margin-left:11px;
	margin-top:0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	overflow:visible;
}
#MainTable {
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top:250px;
	position:relative;
}
#MainTable2 {
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	position:relative;
}
#MainTableBody {
	float: left;
	width: 100%;
	font-size:80%;
	display: block;
	position:relative;
}
#BodyLeft {
	float: left;
	font-size: 85%;
	margin-left: 3%;
	margin-right: 1%;
	width: 45%;
	display: block;
}
#BodyRight {
	float: right;
	font-size: 85%;
	margin-left: 1%;
	margin-right: 3%;
	width: 45%;
	display: block;
}
#BodyCenter {
	float: left;
	font-size: 85%;
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	display: block;
}
#MulchingLeft {
	float: left;
	font-size: 90%;
	margin-left: 0%;
	margin-right: 0%;
	width: 25%;
	display: block;
}
#MulchingRight {
	float: right;
	font-size: 90%;
	margin-left: 1%;
	margin-right: 0%;
	width: 74%;
	display: block;
}
#VerticalLine {
	float: left;
	font-size: 100%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	width: 1%;
	max-width:11px;
	min-height:250px;
	display: block;
	background-color:#555;
	border-radius:5px;
	overflow:hidden;
}
#ContactForm {
	float: left;
	margin-left: 20%;
	margin-right:20%;
	width: 60%;
	overflow: visible;
	display: block;
	font-size:100%;
}
#Footer {
	display: block;
	float: left;
	position: relative;
	bottom: 0;
	left: 0;
	font-size: 100%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	background-color: #FFFFFF;
}
#PhoneFooter {
	display: none;
	float: left;
	position: relative;
	bottom:0;
	left:0;
	font-size: 50%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	background-color:#DDDDDD;	
}
#MulchingCompanyPittsburghPa {
	height: 1px;
	bottom: 0;
	overflow: hidden;
	position: absolute;
	font-size: 100%;
	font-weight: bolder;
	width: 100%;
}
#MulchingService1 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 5%;
	margin-right: 3%;
	font-size: 50%;
	width: 18%;
	overflow: visible;
	display: block;
}
#MulchingService2 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 50%;
	width: 18%;
	overflow: visible;
	display: block;
}
#MulchingService3 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 50%;
	width: 18%;
	display: block;
}
#MulchingService4 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-right: 5%;
	font-size: 50%;
	width: 18%;
	display: block;
}
#MulchingPittsburghPa {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-10;
	display:block;
}
#CommercialResidentialMulching{
	height:300px;
}
#PlaygroundMunicipalMulching{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PlaygroundMulching.JPG);
	background-size:cover;
}
#PlaygroundMunicipalMulching2{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PittsburghMulchingInnovations.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching3{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PittsburghMulchingCompany.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching4{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHMulching.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching5{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding4.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching6{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding2.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching7{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHMulching.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching8{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/GreenRoof.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching9{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHLandscaping1.jpg);
	background-size:cover;
}
.MulchingServicesPic{
	width:100%;
}
}

/* Desktop */

@media only screen and (min-width: 1300px) {
.gridContainer {
	float:left;
	width: 100%;
	min-width: 1300px;
	max-width: 3000px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	z-index: 2;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#Header {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(255, 255, 255, .8);
	blend-mode: multiply;
	z-index:100;
	min-height:150px;
}
#Header2 {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(0, 0, 0, .5);
	blend-mode: multiply;
	z-index:100;
}
#Header3 {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	top:0;
	left:0;
	background: rgba(255, 255, 255, .8);
	blend-mode: multiply;
	z-index:100;
}
#TabletHeader {
	clear:none;
	float: left;
	width: 100%;
	display: none;
}
#PhoneHeader {
	clear:none;
	float: left;
	width: 100%;
	display: none;
}
#Logo {
	clear: both;
	float: none;
	margin-top:0px;
	margin-left: 0;
	width: 13%;
	max-width:225px;
	min-width:75px;
	display: block;
	position:fixed;
	top:0;
	left:0;
}
#Phone {
	float: right;
	margin-right: 2%;
	margin-top: 0%;
	width: 18%;
	font-size:80%;
	display: block;
	padding-top:0%;
	padding-bottom:0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#PhoneButton {
	clear:none;
	float: left;
	display: none;
	width:100%;
	margin-left:0px;
	margin-top:0px;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	border-bottom-left-radius:5px;
	overflow:hidden;
	background:none;
}
#Navbar {
	float: right;
	font-size: 170%;
	display: block;
	width: 99%;
	padding-left:0%;
	padding-right:1%;
	margin-top: 0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	overflow:visible;
	max-width: 515px;
}
#MulchingTitle {
	float: left;
	font-size: 100%;
	display: block;
	width:70%;
	margin-left:0%;
	margin-top: 11px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
#NavbarPhone {
	clear: left;
	float: left;
	margin-right: 0%;
	margin-left: 0%;
	margin-top:11px;
	font-weight: bold;
	width: 100%;
	font-size: 50%;
	display: none;
	height:60px;
	overflow:hidden;
	background:none;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
}
#NavbarPhone:hover {
	height: auto;
	width:100%;
	background:rgba(0,0,0,0.1);
	margin-right: 0%;
	margin-left: 0%;
	font-size: 100%;
}
#PhoneNavbar {
	clear:none;
	float: left;
	font-size: 200%;
	display: none;
	width:100%;
	margin-left:11px;
	margin-top:0px;
	background:none;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	overflow:visible;
}
#MainTable {
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top:300px;
	position:relative;
}
#MainTable2 {
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	position:relative;
}
#MainTableBody {
	float: left;
	width: 100%;
	font-size:100%;
	display: block;
	position:relative;
}
#BodyLeft {
	float: left;
	font-size: 90%;
	margin-left: 3%;
	margin-right: 1%;
	width: 45%;
	display: block;
}
#BodyRight {
	float: right;
	font-size: 90%;
	margin-left: 1%;
	margin-right: 3%;
	width: 45%;
	display: block;
}
#BodyCenter {
	float: left;
	font-size: 90%;
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	display: block;
}
#MulchingLeft {
	float: left;
	font-size: 90%;
	margin-left: 0%;
	margin-right: 0%;
	width: 25%;
	display: block;
}
#MulchingRight {
	float: right;
	font-size: 90%;
	margin-left: 1%;
	margin-right: 0%;
	width: 74%;
	display: block;
}
#VerticalLine {
	float: left;
	font-size: 100%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	width: 1%;
	max-width:11px;
	min-height:250px;
	display: block;
	background-color:#555;
	border-radius:5px;
	overflow:hidden;
}
#ContactForm {
	float: left;
	margin-left: 20%;
	margin-right:20%;
	width: 60%;
	overflow: visible;
	display: block;
	font-size:100%;
}
#Footer {
	display: block;
	float: left;
	position: relative;
	bottom: 0;
	left: 0;
	font-size: 100%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	background-color: #FFFFFF;
}
#PhoneFooter {
	display: none;
	float: left;
	position: relative;
	bottom:0;
	left:0;
	font-size: 50%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	background-color:#DDDDDD;	
}
#MulchingCompanyPittsburghPa {
	height:1px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	font-size:100%;
	font-weight:bolder;
	width:100%;
}
#MulchingService1 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 5%;
	margin-right: 3%;
	font-size: 70%;
	width: 18%;
	overflow: visible;
	display: block;
}
#MulchingService2 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 70%;
	width: 18%;
	overflow: visible;
	display: block;
}
#MulchingService3 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 70%;
	width: 18%;
	display: block;
}
#MulchingService4 {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-right: 5%;
	font-size: 70%;
	width: 18%;
	display: block;
}
#MulchingPittsburghPa {
	width:100%;
	height:100%;
	z-index:-10;
	display:block;
}
#CommercialResidentialMulching{
	height:370px;
}
#PlaygroundMunicipalMulching{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PlaygroundMulching.JPG);
	background-size:cover;
}
#PlaygroundMunicipalMulching2{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PittsburghMulchingInnovations.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching3{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PittsburghMulchingCompany.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching4{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHMulching.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching5{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding4.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching6{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding2.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching7{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/PittsburghSeeding3.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching8{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/GreenRoof.jpg);
	background-size:cover;
}
#PlaygroundMunicipalMulching9{
	z-index:0;
	width:100%;
	height:75%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-image:url(../Graphics/Banners/PGHLandscaping1.jpg);
	background-size:cover;
}
.MulchingServicesPic{
	width:100%;
}


}