a.menu:link    { color:#9A9CCA; text-decoration:none; }
a.menu:visited { color:#989ACA; text-decoration:none; }
a.menu:hover   { color:#9A9CCA; text-decoration:underline; }
a.menu:active  { color:#888ABA; text-decoration:underline; }

#background_stripe {
	position: absolute;
	top: 50px;
	left: 0px;
	margin:0px;
	background-image: url(images/background.jpg); 
	background-repeat: repeat;
	border: none;
	width: 100%;
	height:212px; 
}

#flower_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	margin:0px;
	background-image: url(images/main.jpg); 
	background-repeat: no-repeat;
	border: none;
	width: 630px;
	height:212px; 
	border: 0px;
}


#web { 
	position: absolute;
	top: 75px;
	left: 260px;
	margin:0px;
 	width: 90px; 
 	height: 90px; 
 	background-image: url(images/web-colour.jpg);
 	background-repeat: no-repeat;
 	z-index: 1;
}  
#web a { 
 	display: block; 
 	height: 100%; 
 	width: 100%; 
 	background-image: url(images/web-bw.jpg); 
 	background-repeat: no-repeat;
 	text-align: center;
 	z-index: 2;
 	text-decoration:none;
}
#web div {
	width:90px;
	height:50px;
}

#web a:hover { 
 	background-image: url(none); 
 	text-decoration:none;
}
#web a:hover span { 
 	text-decoration:underline;
}

#print { 
	position: absolute;
	top: 75px;
	left: 350px;
	margin:0px;
 	width: 90px; 
 	height: 90px; 
 	background-image: url(images/print-colour.jpg);
 	background-repeat: no-repeat;
 	z-index: 1;
}  
#print a { 
 	display: block; 
 	height: 100%; 
 	width: 100%; 
 	background-image: url(images/print-bw.jpg); 
 	background-repeat: no-repeat;
 	text-align: center;
 	z-index: 2;
} 
#print div {
	width:90px;
	height:50px;
}
#print a:hover { 
 	background-image: url(none); 
 	text-decoration:none;
}
#print a:hover span { 
 	text-decoration:underline;
}

#photography { 
	position: absolute;
	top: 75px;
	left: 440px;
	margin:0px;
 	width: 90px; 
 	height: 90px; 
 	background-image: url(images/photography-colour.jpg);
 	background-repeat: no-repeat;
 	z-index: 1;
}  
#photography a { 
 	display: block; 
 	height: 100%; 
 	width: 100%; 
 	background-image: url(images/photography-bw.jpg);
 	background-repeat: no-repeat;
 	text-align: center;
 	z-index: 2;
} 
#photography div {
	width:90px;
	height:50px;
}
#photography a:hover { 
 	background-image: url(none); 
 	text-decoration:none;
}
#photography a:hover span { 
 	text-decoration:underline;
}

#about { 
	position: absolute;
	top: 75px;
	left: 530px;
	margin:0px;
 	width: 90px; 
 	height: 90px; 
 	background-image: url(images/about-colour.jpg);
 	background-repeat: no-repeat;
 	z-index: 1;
}  
#about a { 
 	display: block;  	
 	height: 100%; 
 	width: 100%; 
 	background-image: url(images/about-bw.jpg); 
 	background-repeat: no-repeat;
 	text-align: center;
 	z-index: 2;
} 
#about div {
	width:90px;
	height:50px;
}
#about a:hover { 
 	background-image: url(none); 
 	text-decoration:none;
}
#about a:hover span { 
 	text-decoration:underline;
}



#contact {
	position: absolute;
	top: 167px;
	left: 229px;
	margin:0px;
 	width: 171px; 
 	height: 17px; 
 	background-image: url(images/contact.jpg);
 	background-repeat: no-repeat;
 	z-index: 1;
}
#contact a {
	z-index: 3;
}