@font-face {
    font-family: 'metrophobicregular';
    src: url('http://www.greenwoodking.com/webfont/metrophobic-webfont.eot'),
         url('http://www.greenwoodking.com/webfont/metrophobic-webfont.eot?#iefix') format('embedded-opentype'),
	     url('http://www.greenwoodking.com/webfont/metrophobic-webfont.otf') format("opentype"),
         url('http://www.greenwoodking.com/webfont/metrophobic-webfont.woff') format('woff'),
         url('http://www.greenwoodking.com/webfont/metrophobic-webfont.ttf') format('truetype'),
         url('http://www.greenwoodking.com/webfont/metrophobic-webfont.svg#metrophobicregular') format('svg');
    font-weight: lighter;
    font-style: normal;	
}
div.div {
    font-family: 'metrophobicregular', sans-serif;
	color: #4a3b39;
	font-size:18px;
	white-space:nowrap;
	width: 980px;
	height: 90px;
	overflow:hidden;
	line-height:1.3em;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

div.div:hover {
   height:320px; 
   text-overflow:inherit;
   overflow:visible;
   opacity: 1;
   filter: alpha(opacity=100);
}