/* CSS Document */

body {
	width: 750px;
	height: 100%;
	font-family: tahoma, "Trebuchet MS", "Lucidia Grande", sans-serif;
	font-size: 10px;
	margin: 0px auto;
	padding: 0px;
	background-color: #0c4d2b;
	color: #000000;
	
} /* for IE5/IE5.5 */

#wrapper {
	position: absolute;
	width: 700px;
	height: 100%;
	margin: 20px auto 0px auto;
	padding: 0px;
	background-color: #0c4d2b;
	position: relative; /*we need to position this relatively to contain our absolutely positioned divs*/
	text-align: left; /*re-aligns the text after the hack on the body*/
}

#head {
	position: absolute;
	width: 700px;
	height: 70px;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
/*	background-image: url(../images/greenferns.jpg);
*/	background-image: url(../images/colorleavestint.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-attachment: scroll;
	z-index: 1;
}

#content {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 700px;
	background-color: #99cc99;	
	margin: 0px;
	padding: 30px 0px;
	z-index: 2;
}

#panel {
	float: left;
	width: 156px;
	height: 380px;
	margin: 0px 20px 20px 0px;
	padding: 130px 0px 10px 0px;
	background-color: #ffffcc;
	background-image: url(../images/logo_sm.jpg);
	background-position: center 20px;
	background-repeat: no-repeat;
	z-index: 3;
}

#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: transparent;
	width: 700px;
	height: 30px;
	margin: 20px 0px;
	padding: 0px;
	z-index: 5;

}

img {				/*any img w/o border*/
	border: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

.right {
	float: right;
	margin: 10px 10px 10px 10px;

}
.left {
	float: left;
	margin: 15px 10px 10px 0px;
}

.left_add {
	float: left;
	margin: 15px 10px 10px 50px;
}

.center {
	float: none;
	margin: 20px 100px;
	text-align: center;
}

.clear {
	float: none;
}



/*XXXXX below formats the portfolio page and all layers XXXXX*/

#portfolio_base {
	position: absolute;
	left: 160px;
	width: 500px;
	height: 350px;
	background: transparent;
	margin: 0px;
	padding: 0px;	
	z-index: 4;
}

#portfolio_a {			/*annual beds*/
	visibility: hidden;
	position: absolute;
	background-color: transparent;
	top: 104px;
	left: 0px;	
	width: 249px;
	height: 98px;
	z-index: 5;
}

#portfolio_l {			/*landscape maintenance*/
	visibility: hidden;
	position: absolute;
	background-color: transparent;
	top: 143px;
	left: 249px;	
	width: 251px;
	height: 147px;
	z-index: 6;
}

#portfolio_r {			/*residential projects*/
	visibility: hidden;
	position: absolute;
	background-color: transparent;
	top: 143px;
	left: 0px;	
	width: 249px;
	height: 147px;
	z-index: 7;
}

#portfolio_s {			/*stonework*/	
	visibility: hidden;
	position: absolute;
	background-color: transparent;
	top: 0px;
	left: 200px;	
	width: 104px;
	height: 202px;
	z-index: 8;
}

#portfolio_w {			/*water features*/
	visibility: hidden;
	position: absolute;
	background-color: transparent;
	top: 104px;
	left: 249px;	
	width: 251px;
	height: 98px;
	z-index: 9;
}

table {
	width: 500px;
	border-collapse: collapse;
}
td, tr {
	border: 0px;
	padding: 0px;
}