


*
{
margin:0;
padding:0px;
}



body
{
text-align:center;
background-color:#003B00;
}




p
{
text-indent:30px;
line-height: 1.5;
font-family:"arial";
font-size:16px;
padding-left:50px;
padding-right:50px;
}

h1{
font-size:14px;
color:white;
padding-left:8px;
}

h2{
text-indent:50px;
color:green;
padding-left:8px;
}

a{
color:green;
text-decoration:none;
}


.nonport{
color:white;
font-size:14px;
text-decoration:none;
font:arial,sans-serif;
font-weight:bold;
position:relative;
top:4px;
}

#main{
width:950px;
background-color:#EEEEEE;
top:-3px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:0;
text-align: left;  
}

#FirstPicture{
width:950px;
top:0px;
left:0;
height:405px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:0;
text-align: left;
z-index:+1;

}

#SecondPicture{
width:700px;
top:0px;
left:333;
height:700px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:0;
text-align: left;
z-index:+1;

}



/* header2 is the black area at top */
#header2{
width:100%;
height:100px;
position:fixed;
top:0px;
left:0;
background-color:black;
z-index:+5;
color:green;
}


/* header is the white area with    Green Earth Garden Care    Services     Area Served     etc on it*/
#header{

/*border-radius: 8px;*/
width:100%;
height:130px;
position:relative;
top:0px;
margin-left:auto;
margin-right:auto;
background-color:#EEEEEE;
text-align: left;  
z-index:+6;

-moz-box-shadow: 0px 3px 4px #666;
	-webkit-box-shadow: 0px 3px 4px #666;
	box-shadow: 0px 3px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#666666');
	
	
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 0px 3px 4px #666;

}

#spacer{

height:40px;
width:950px;
background-color:#EEEEEE;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:0;
text-align: left;  

}

#spacer2{

height:80px;
width:950px;
background-color:#EEEEEE;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:0;
text-align: left;  

}
#goodlinks{

height:300px;
width:950px;
background-color:#EEEEEE;
top:50px;
position:relative;
margin-left:auto;
margin-right:auto;

text-align: left;  

}


#headercenter{

height:130px;
width:950px;
background-color:white;
top:0px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:0;
text-align: left;  

}



#bmlink:link {text-decoration:none;}    /* unvisited link */
#bmlink:visited {color:#FFFF00;text-decoration:none;} /* visited link */
#bmlink:hover {color:#3333FF;text-decoration:none;}  /* mouse over link */
#bmlink:active {color:#FFFF44;text-decoration:none;}  /* selected link */


#headerleft{
position:absolute;
left:10px;
top:5px;
width:160px;
height:120px;
font: 22px arial, sans-serif;
font-weight:bold;
text-align:center;

}

#headerlogo{
position:absolute;
left:10px;
top:8px;
width:265px;
height:35px;
font: 22px arial, sans-serif;
font-weight:bold;
text-align:center;

}

#headerservingabbotsford{
color:green;
position:absolute;
left:300px;
top:20px;
width:400px;
height:40px;
font: 18px arial, sans-serif;
font-weight:bold;
text-align:center;

}


#headercustomerlogin{
position:absolute;
left:700px;
top:8px;
width:260px;
height:40px;
font: 20px arial, sans-serif;
font-weight:bold;
text-align:center;

}


#headerbottom{
position:absolute;
left:0px;
top:68px;
width:100%;
height:29px;
background-color:black;
}

#headerlawncarepackages{
position:absolute;
left:0px;
top:0px;
width:200px;
height:30px;
text-align:center;

}



#headerlandscapemaintenance{
position:absolute;
left:250px;
top:0px;
width:180px;
height:30px;
text-align:center;

}




#headerpruning{
position:absolute;
left:450px;
top:0px;
width:160px;
height:30px;
text-align:center;

}






#headeroverseeding{
position:absolute;
left:630px;
top:0px;
width:130px;
height:30px;
text-align:center;

}


#headerhedgetrimming{
position:absolute;
left:800px;
top:0px;
width:130px;
height:30px;
text-align:center;

}

#headercontactus{
position:absolute;
left:850px;
top:0px;
width:100px;
height:30px;
text-align:center;

}




#headerbottomnext{
position:absolute;
left:0px;
top:98px;
width:100%;
height:29px;
background-color:black;
}

#headerlawnmowing{
position:absolute;
left:10px;
top:0px;
width:120px;
height:30px;
text-align:center;

}



#headergardenbedweeding{
position:absolute;
left:180px;
top:0px;
width:180px;
height:30px;
text-align:center;

}




#headerbarkmulch{
position:absolute;
left:410px;
top:0px;
width:130px;
height:30px;
text-align:center;

}




#headernewlawns{
position:absolute;
left:650px;
top:0px;
width:100px;
height:30px;
text-align:center;

}



/* horizontal rule  in this case grey */
#hrb{
position:relative;
height:1px;
background-color:#BBBBBB;
color:#BBBBBB;
z-index:+3;
border-width:0;

}


/* horizontal rule  in this case white */
#hrw{
position:relative;
height:1px;
background-color:#FFFFFF;
color:#FFFFFF;
z-index:+3;
border-width:0;
}





.par{

padding-left:0;
padding-right:0px;
text-align:justify;
text-indent:.5em;
display:block;
position:relative;
top:0px;
}
.anchors{
position:relative;
top:-110px;
}

/* needed to move the page back to the top when click on Green Earth Garden Care*/
#anchspec{
position:absolute;
top:-440px;
}


#footer{
position:relative;
top:150px;
padding:22px;
color:#9F9F9F;
}