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

*{
	margin: 0px;
	padding: 0px;
}
/*-----------Layout property-----------*/
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:85%;
	margin: 0px;
	padding: 0px;
}

#top {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(images/topbar.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 100px;
}
#top #toplayout {
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
}

#wrapper {
	width:990px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#content{
	width:990px;
	float: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#sidebar{
	padding: 0px;
	float:right;
	width: 380px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #FFF;
}

#clear {
	clear:both;
}
#footer {
	padding: 0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:80%;
	width: 100%;
	height: 97px;
	float: left;
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
}



/*-----------------------menubar------------------*/
/*---menubar styling-------------*/
#menubar{
	width:565px;
	height:30px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	background-image: url(images/menubar2.png);
	margin-top: 66px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 425px;
}
#menubar ul{
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 565px;
	
}
#menubar ul li{
	float:left;
	text-decoration:none;
	list-style:none;
	margin-right:5px;
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: bolder;
	color: #FFF;
	margin-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #066f9f;
	font-size: 1em;
}

#menubar ul li a{
	text-decoration:none;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
}
#menubar ul li a:hover{
	color: #40540b;
}
#banncon{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color:#42a121;
	margin-top: 0px;
	margin-bottom: 0px;
}
#banncon #banner{
	height:285px;
	width:900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#strip{
	margin-top:15px;
	width: 990px;
	height:150px;
	float: left;
}
#strip #box1{
	width:248px;
	height:155px;
	float:left;
	background-image: url(images/box1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#strip #box2{
	width:248px;
	height:155px;
	float:left;
	background-image: url(images/box2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#strip #box3{
	width:248px;
	height:155px;
	float:left;
	background-image: url(images/box3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#strip #box4{
	width:245px;
	height:155px;
	float:left;
	background-image: url(images/box4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
/*-----------------------box hover----------------------*/
#strip #box1:hover{
	width:248px;
	height:155px;
	float:left;
	background-image: url(images/box1hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#strip #box2:hover{
	width:248px;
	height:155px;
	float:left;
	background-image: url(images/box2hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#strip #box3:hover{
	width:248px;
	height:155px;
	float:left;
	background-image: url(images/box3hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#strip #box4:hover{
	width:246px;
	height:155px;
	float:left;
	background-image: url(images/box4hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#home1{
	width:400px;
	height:636px;
	background-image:url(images/homeupdated.gif);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}
#home2{
	width:316px;
	height:381px;
	background-image:url(images/home-test.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	margin-left:31px;
}
#contactus{
	width:240px;
	height:235px;
	background-image:url(images/home-contact.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}
#contactusen{
	width:240px;
	background-image:url(images/home-contact.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}

#readmore{
	width:89px;
	height:24px;
	float:left;
	margin-top:425px;
	margin-left:10px;
	background-image: url(images/home-read-more.jpg);
	background-position: left top;
	margin-bottom: 10px;
}
#ref{
	width:89px;
	height:24px;
	float:left;
	margin-top:390px;
	margin-left:10px;
}
#mail{
	width:89px;
	height:24px;
	float:left;
	margin-top:200px;
	margin-left:10px;
}
/*-----------------------footer menubar-----------------*/
#fmenubar{
	width:980px;
	height:30px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	background-image: url(images/menubar2.png);
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 18px;
}
#fmenubar ul{
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 565px;
	
}
#fmenubar ul li{
	float:left;
	text-decoration:none;
	list-style:none;
	margin-right:5px;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: bolder;
	margin-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

#fmenubar ul li a{
	text-decoration:none;
	color:#000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
}
#fmenubar ul li a:hover{
	color: #68B394;
}

/*-----------------------footer fowllo-----------------*/





#footer p{
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	margin-left: 10px;
	width: 300px;
	margin-top: 10px;
	color: #333;
}
#footer a{
	text-decoration:none;
	color: #000;
}

#footer #follow{
	width:170px;
	height:20px;
	margin-top:10px;
	float:left;
	margin-left: 500px;
}
#footer #follow #text{
	width:75px;
	float:left;
	font-weight: normal;
}
#footer #follow #facebook{
	width:20px;
	height:20px;
	float:left;
	background-image:url(images/facebook.jpg); background-repeat:no-repeat; background-position: left top;
	margin-left:5px;
	
}

#footer #follow #linked{
	width:20px;
	height:20px;
	float:left;
	background-image:url(images/in-icon.jpg);
	background-repeat:no-repeat;
	background-position: left top;	
	margin-left:5px;
}

#footer #follow #tweeter{
	width:20px;
	height:20px;
	float:left;
	background-image:url(images/twet.png);
	background-repeat:no-repeat;
	background-position: left top;
	margin-left:5px;	
}
img{
	text-decoration:none;
	border-style:none;
}


/*-----------------------------------about-------------*/
#aboutwel{
	width:725px;
	height:278px;
	float: left;
	background-image: url(images/aboutupdated.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*-----------------------------------------products--------------------*/
#products{
	width:750px;
	float:left;
}
/*----------------------------calculator------------------*/
#cal{
	width:725px;
	float:left;
}
#cal #title{
	width:725px;
	height:105px;
	background-image:url(images/cal-title.png); background-repeat:no-repeat; background-position:left top;
}

#cal #caldowntext{
	width:725px;
	height:290px;
	background-image:url(images/cal-downtext.gif); background-repeat:no-repeat; background-position:left top;
}


/*-----------------------------links----------------*/
#links{
	width:725px;
	float:left;
	float:left;
}
#links #title{
	width:725px;
	height:66px;
	background-image:url(images/LINKSTITLE.gif); background-repeat:no-repeat; background-position:left top;
}

#links #linkbg1{
	width:350px;
	height:50px;
	float:left;
	margin-top:20px;
	margin-left:12px;
	background-image:url(images/link1-bigtree.jpg); background-repeat:no-repeat; background-position:left top;
}

#links #linkbg2{
	width:350px;
	height:50px;
	float:left;
	margin-top:20px;
	margin-left:12px;
	background-image:url(images/link1-mulch.jpg); background-repeat:no-repeat; background-position:left top;
}
#links #linkbg3{
	width:350px;
	height:50px;
	float:left;
	margin-top:20px;
	margin-left:12px;
	background-image:url(images/link1-demo.jpg); background-repeat:no-repeat; background-position:left top;
}
#links #linkbg4{
	width:340px;
	height:50px;
	float:left;
	margin-top:20px;
	margin-left:12px;
	background-image: url(images/link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #007BC8;
}
#links #linkbg5{
	width:350px;
	height:50px;
	float:left;
	margin-top:20px;
	margin-left:12px;
	background-image:url(images/link1-truck.jpg); background-repeat:no-repeat; background-position:left top;
}
#links #linkbg6{
	width:350px;
	height:50px;
	float:left;
	margin-top:20px;
	margin-left:12px;
	background-image:url(images/big_banner_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
/*---------------------------------------------contact----------------------*/
#contact{
	width:750px;
	float:left;
	margin-left:10px;
	
}
#contacttoptext{
	width:740px;
	line-height:270px;
	float:left;
	background-image:url(images/contact-top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height: 270px;
}
#contactusform{
	width:600px;
	float:left;
}
/*------------------------------------enquiry------*/
#enquiry{
	width:725px;
	float:left;
}
#enquirytitle{
	width:725px;
	height:115px;
	background-image: url(images/enquiry-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}



/*--------------------KiddyCushion------------------------------*/
#kiddycushion{
	width:725px;
	float:left;
}

#kiddycushion #kiddytext{
	background-image: url(images/kidyyupdated.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 206px;
	width: 725px;
}
#kiddycushion #kiddyv{
	width:725px;
	float:left;	
}



/*---------------------------------blackgold----------------------*/
#blackgold{
	width:725px;
	float:left;
}
#blackgold #blacktext{
	width:725px;
	height:260px;
	background-image: url(images/black-gold-text.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#welcome{
	width:725px;
	float:left;
}
#welcome #welcometext{
	width:725px;
	height:575px;
	float:left;
	background-image: url(images/wecome.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#enquiryform{
	width:250px;
	float:left;
}

/*-------------------------------------Testimonials--------------------------------*/
#testimonials{
	width:725px;
	float:left;
}
#testimonials #testtext{
	width:725px;
	float:left;
	background-image: url(images/testtext.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 664px;
}
#gallery1{
	width:905px;
	float:left;
	margin-left:50px;
}