﻿.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid #808080;
border-bottom-width: 1;
font: italic normal 1.0em georgia, sans-serif;
text-align:left;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	z-index: 1000;	
background: #fff; 
width: 205px;
padding: 4px;

}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid #808080;
padding: 2px 0;
text-decoration: none;
text-indent: 5px;
z-index: 1000;	
}

.anylinkcss a:hover{ /*hover background color*/
background: #fff url(images/bg_dkblue.gif) repeat;
color: #efefef;
z-index: 1000;	
}

a.image { /* definition of the "image" class in the <a> tag */
	display: block; /* a tag must be a block */
	width: 92px; /* width of reactive image */
	height: 15px; /* height of reactive image */
	background-image: url(images/projects1.jpg); /* source for start image */
	background-repeat: no-repeat;
	position:static;
	z-index: 100;
     }
	 
a.image:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/projects2.jpg); /* source for target image */
	 }
	 
a.image2 { /* definition of the "image" class in the <a> tag */
	display: block; /* a tag must be a block */
	width: 108px; /* width of reactive image */
	height: 15px; /* height of reactive image */
	background-image: url(images/services1.jpg); /* source for start image */
	background-repeat: no-repeat;
	position:static;
     }
	 
a.image2:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/services2.jpg); /* source for target image */	 
	 }
	 
a.image3 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 98px; /* width of reactive image */
     height: 15px; /* height of reactive image */
     background-image: url(images/careers1.jpg); /* source for start image */
     background-repeat: no-repeat;
	position:static;
     }
	 
a.image3:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/careers2.jpg); /* source for target image */
	 }
	 
a.image4 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 102px; /* width of reactive image */
     height: 15px; /* height of reactive image */
     background-image: url(images/contact1.jpg); /* source for start image */
     background-repeat: no-repeat;
	position:static;
     }
	 
a.image4:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/contact2.jpg); /* source for target image */
	 }

