@charset "utf-8";
/* CSS Document */
#rollover li a {
	text-decoration:none;
	color: #333;
	cursor:default;
}
#rollover li a span {
	visibility:hidden;
	display:block;
	position:absolute;
	/**adjust disjointed text position in % or px**/
left:279px;
	top:10%;
	color:#666;
	background-color:#FFF;
	border: 1px solid silver;
	width: 320px;
	height: 155px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
}
#rollover li a:hover span, #rollover li a:active span, #rollover li a:focus span {
	visibility:visible;
	color: #324a56;
}
#rollover li a:hover, #rollover li a:focus{
	text-decoration: none;
	visibility:visible;
	color: #c12024;
	cursor: default;
}
#rollover  {
	display: inline;
	list-style-type: none;
}
#rollover span{
	display:inline;
	position:absolute;
	/**adjust disjointed text position in % or px**/
left:279px;
	top:10%;
	color:#666;
	background-color:#FFF;
	border: 1px solid silver;
	padding: 5px;
	width: 330px;
	height: 165px;
	visibility: visible;
	list-style-position: outside;
}
/** image resizer**/
ul#gallery, ul#gallery li{
	margin:0;
	padding:0;
	list-style:none;
	}
ul#gallery{
	margin:2em 0;
	}			
ul#gallery li{
	float:left;
	display:inline;
	margin-right:5px;
	}								
ul#gallery a{
	float:left;
	display:inline;
	position:relative;
	}	
ul#gallery a:hover{
	background:none;
	z-index:100;
	}	
ul#gallery a span{
	display:none;
	}
ul#gallery a:hover span{
	float:left;
	display:block;
	cursor:pointer;
	}
ul#gallery a:hover em{
	display:none;
	}				
ul#gallery a img{
	border:1px solid #999;
	padding:2px;
	background:#fff;
	}	
ul#gallery a:hover img{
	border:1px solid #000;
	}		
	
#rollover span li p a .magnify {
	top: -200px;
	left: -40px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 0px;
	width: 0px;
	cursor:default;
}