@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(Background.jpg);
	background-repeat: repeat;
}
.container {position:relative; margin-left:auto; margin-right:auto; width:1024px; height:768px;

}
.headerspan {
	position:absolute;
	width: 556px;
	left: 446px;
	top: 38px;
}
.header {
	position:absolute;
	top: -22px;
}
.content {
	position:absolute;
	top: 129px;
	left: 389px;
	width: 547px;
	height: 356px;
	font-size: 16px;
	list-style:none;
}
.content12 {
	position:absolute;
	top: 112px;
	left: 379px;
	width: 547px;
	height: 356px;
	color: #FFF;
	font-size: 16px;
}
#nextstep li { list-style:none;  }

#nextstep a {
	background-image:url(Next-Step.png);
	display:block;
	height:25px;
	width:104px;
	position:absolute;
	left: 445px;
	top: 359px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
#nextstep li a.next {background-position:0 0; list-style:none;
}

#nextstep li a:hover.next { background-position:0 25px; list-style:none;
}


#iamges1 {
	position:absolute;
background-image:url(picture-3_01.png)	;
width:793px;
	height:155px;
	background-repeat:no-repeat;
	left: 148px;
	top: 548px;
}
#iamges {
	position:absolute;
background-image:url(picture-3_01.png)	;
width:793px;
	height:155px;
	background-repeat:no-repeat;
	left: 148px;
	top: 548px;
}
.landscapeyard {
	position:absolute;
	left: 484px;
	top: 710px;
}
#tips {
	position:absolute;
	left: 149px;
	top: 730px;
}
#tips li {display:inline;}
#tips li a {
	display:block;
	width:265px;
	height:50px;
	left: 146px;
	top: 714px;
	float:left;
	background-image:url(tips.jpg);
	text-indent:-9999px;}

#tips li a#tip { background-position: 0 0;}
#tips li a:hover#tip {background-position: 0 -50px;}
#tips li a#tip2{ background-position: 530px 0;}
#tips li a:hover#tip2 {background-position: 530px -50px;}
#tips li a#tip3 { background-position: 265px 0;}
#tips li a:hover#tip3 {background-position: 265px -50px;}
body#plantcare #tips li a#tip {background-position: 0 -100px;}
body#watering #tips li a#tip2 {background-position: 530px -100px;}
body#plantingtips #tips li a#tip3 {background-position: 265px -100px;}

.slider {
	position:absolute;
	width:793px;
	height:155px;
	background-image:url(Pic-background.png);
	left: 150px;
	top: 541px;
}
.slider li {display:inline;}

.slider li #layout1{
	position:absolute;
	left: 13px;
	top: 8px;
}
.slider li #layout2{
	position:absolute;
	left: 547px;
	top: 8px;
}
.slider li #layout3{
	position:absolute;
	left: 281px;
	top: 8px;
}

#number {
	position:absolute;
	left: 263px;
	top: 598px;
	z-index:100;
}
#number li{ list-style:none;}
#number li a { background-image:url(3.2png); display:block; height:40px; width:24px;}
#number li a.one {background-position: 0 0; }
#number li a:hover.one {background-position: 0 -40px; }


#number2 {
	position:absolute;
	left: 542px;
	top: 598px;
	z-index:100;
}
#number2 li{ list-style:none;}
#number2 li a { background-image:url(3.2png); display:block; height:40px; width:24px;}
#number2 li a.two {background-position: 48px 0; }
#number2 li a:hover.two {background-position: 48px -40px; }

#number3 {
	position:absolute;
	z-index:100;
	left: 790px;
	top: 598px;
	width: 63px;
}
#number3 li{ list-style:none;}
#number3 li a { background-image:url(3.2png); display:block; height:40px; width:24px;}
#number3 li a.three {background-position: 24px 0; }
#number3 li a:hover.three {background-position: 24px -40px; }

.white {color:#FFF; }