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



/* Page Background Colour */
body {background-color:#333333;
	margin-left: 0px;
	margin-top: 0px;
	
	
}


/*  This sets the placeholder for the big image OK */
.main_garden_image {
  top: 0px;
  left: 0px;
  height: auto;
  width: auto;
  float: left;
}


/*  These make the colored blocks that contain all the other gubbins OK */
.garden_design_home{
position:absolute;
left: 610px;
top: 0px;
height: 770px;
width: 354px;
background-image:url(images/elementa_bg.gif);
background-repeat: repeat;
float: left;
}


.garden_design_who{
position:absolute;
left: 610px;
top: 0px;
height: 770px;
width: 354px;
background-image:url(images/about_elementa_bg.gif);
background-repeat: repeat;
float: left;
}


.garden_design_what{
position:absolute;
left: 610px;
top: 0px;
height: 770px;
width: 354px;
background-image:url(images/what_elementa_bg.gif);
background-repeat: repeat;
float: left;
}


.garden_design_contact{
position:absolute;
left: 610px;
top: 0px;
height: 770px;
width: 354px;
background-image:url(images/contact_elementa_bg.gif);
background-repeat: repeat;
float: left;
}

/*  This is for the Logo and strap  */
.garden_logostrap{
	position:absolute;
	left:0px;
	top:60px;
}




/* This is for the small image  */
.small_garden_image{
	position:absolute;
	left:210px;
	top:200px;
	
}


/*  This area is for the Page Title */
.page_title{
position:absolute;
	left:23px;
	top:210px;
	}

/*  This is for the text  */

.main_text{
	position: absolute;
	width: 300px;
	left:25px;
	top:235px;
	font-family:Arial;
	font-size:14px;
	color: #666666;
	line-height: 150%;
	
	}
	
	/*  This is for text that is wordy  */
	.busy_text{
	position: absolute;
	width: 310px;
	left:25px;
	top:230px;
	font-family:Arial;
	font-size:14px;
	color: #666666;
	line-height: 150%;
	
	}
	
	/*  This area is for Projects */
.project1{
position:absolute;
	left:23px;
	top:300px;

	}
.project2{
position:absolute;
	left:23px;
	top:400px;
	
	}
	.project3{
position:absolute;
	left:23px;
	top:500px;
	
	}