#logo {
	width: 230px;
	height: 122px;
	position: absolute;
	top:15px; right: 10px; 
	}
#logo span {
	background: url(../img/logo.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

h2 {
	color: #fff;
	text-indent: -1000px;
	width: 470px;
	height: 40px;
}
#myGallery h2 {
	text-indent: 0;
}

h2 span {
	display: none;
}

h3 {
	color: #fff;
	width: 220px;
	height: 23px;
}

h3 span {
	display: none;
}

.recent-work { background:transparent url(../img/headings/our-recent-work.gif) no-repeat left top; }
.award-winning { background:transparent url(../img/headings/award-winning-designers.gif) no-repeat left top; }
.get-in-touch { background:transparent url(../img/headings/get-in-touch.gif) no-repeat left top; }
.how-we-help { background:transparent url(../img/headings/how-we-can-help.gif) no-repeat left top; }
.hampton-court { background:transparent url(../img/headings/hampton-court.gif) no-repeat left top; height: 60px; }
.thanks { background:transparent url(../img/headings/thanks.gif) no-repeat left top; }
.privacy { background:transparent url(../img/headings/privacy.gif) no-repeat left top; }
.sitemap { background:transparent url(../img/headings/sitemap.gif) no-repeat left top; }

.design-build { background:transparent url(../img/headings/design-and-build.gif) no-repeat left top; }
.landscaping { background:transparent url(../img/headings/landscaping.gif) no-repeat left top; }
.planting { background:transparent url(../img/headings/planting.gif) no-repeat left top; }
.garden-makeover { background:transparent url(../img/headings/garden-makeovers.gif) no-repeat left top; }
.stapeley { background:transparent url(../img/headings/stapeley-award.gif) no-repeat left top; height: 60px; }


.portfolio h2 { width: 480px; height: 60px;}

/* Headings go here */
/*
This replaces your h2 (heading) with an image. These are rules that say 'put an image into the background of my h2. It looks for the class (in your HTML - <h2 class="theClassName">) and then puts in the image you've saved in /img/headings/theHeading.gif - so:

.theClassName { background:transparent url(../img/headings/theHeading.gif) no-repeat left top; }

*/
.greenMezzanine { background:transparent url(../img/headings/green-mezzanine.gif) no-repeat left top; }
.changeView { background:transparent url(../img/headings/change-view.gif) no-repeat left top; }
.outdoorRm { background:transparent url(../img/headings/outdoor-room.gif) no-repeat left top; }
.limelido { background:transparent url(../img/headings/the-lime-lido.gif) no-repeat left top; }
.rejuvenation { background:transparent url(../img/headings/rejuvenation.gif) no-repeat left top; }
.cottage-border { background:transparent url(../img/headings/cottage-border.gif) no-repeat left top; }	
.white-garden { background:transparent url(../img/headings/white-garden.gif) no-repeat left top; }	
.brighten { background:transparent url(../img/headings/brighten.gif) no-repeat left top; }
.contemporary { background:transparent url(../img/headings/contemporary.gif) no-repeat left top; }
.med-courtyard { background:transparent url(../img/headings/med-courtyard.gif) no-repeat left top; }
.artsCrafts { background:transparent url(../img/headings/arts-and-crafts.gif) no-repeat left top;  }


.indian { background:transparent url(../img/headings/indian.gif) no-repeat left top; }
.living-room { background:transparent url(../img/headings/living-room.gif) no-repeat left top; }
.yellow { background:transparent url(../img/headings/yellow.gif) no-repeat left top; }
.formal { background:transparent url(../img/headings/formal.gif) no-repeat left top; }


.january { background:transparent url(../img/headings/january.gif) no-repeat left top; }
.february { background:transparent url(../img/headings/february.gif) no-repeat left top; }
.march { background:transparent url(../img/headings/march.gif) no-repeat left top; }	
.april { background:transparent url(../img/headings/april.gif) no-repeat left top; }
.may { background:transparent url(../img/headings/may.gif) no-repeat left top; }	
.june { background:transparent url(../img/headings/june.gif) no-repeat left top; }
.july { background:transparent url(../img/headings/july.gif) no-repeat left top; }
.august { background:transparent url(../img/headings/august.gif) no-repeat left top; }
.september { background:transparent url(../img/headings/september.gif) no-repeat left top; }
.october { background:transparent url(../img/headings/october.gif) no-repeat left top; }
.november { background:transparent url(../img/headings/november.gif) no-repeat left top; }
.december { background:transparent url(../img/headings/december.gif) no-repeat left top; }

/*
#left h2 {
	position: relative;
	margin: 0; padding: 0; 
	width: 470px; height: 40px;
	margin-bottom: 3px;
	
	}

#right h3 {
	position: relative;
	margin: 0; padding: 0; 
	width: 200px; height: 23px;
	margin-bottom: 3px;
}


#left h2 em {
	width: 470px; height: 40px;
	
}

#right h3 em {
	width: 200px; height: 23px; 
}


#left .recent-work em { background:transparent url(../img/headings/our-recent-work.png) no-repeat left top; }
#left .award-winning em { background:transparent url(../img/headings/award-winning-designers.png) no-repeat left top; }
#left .get-in-touch em { background:transparent url(../img/headings/get-in-touch.png) no-repeat left top; }

.this-month em { background:transparent url(../img/headings/february.png) no-repeat left top; }

*/