#map {
	position: relative;
}
#feature-block {
	position: relative;	
}
.imagesIndex{
	margin-left:30px;
}
.imagesIndex span.title{
	display:inline-block;
	height: 24px;
	padding: 8px 20px 4px;
	background-color:#999;
	color:black;
	cursor:pointer;
	margin-right:5px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px; 			
}
.imagesIndex span.title.selected{
	background-color:#444;
	color:white;
	cursor:pointer;
}
.imageContainer{
	border:12px solid #444;
	background-color:black;
}
.applContainer{
	background-color:black;
}
/*
.descriptionBox{
	border:12px solid #444;
	border-top:none;
	width:100%;		
	color:white;
	background-color:#444;
}
*/
.description a {
	color: #fff;
}
.nav {
	display:block;
	border:2px solid #000;
	background-color:gray;
}
td.loadimg {
	font: bold 16px Arial,Helvetica,Verdana !important;
}


/* zooms */
#zooms {
	/*
	position: absolute;
	left: 12px;
	top: 48px;
	width: 740px;
	height: 480px;
	background: #f00;*/
}
div.zoom {
	display: none;
	position: absolute;
	left: 12px;
	top: 48px;
	width: 740px;
	height: 480px;
	background: url('../images/zoom_shadow.png') no-repeat;
	z-index: 300;
}
div.zoomInner {
	width: 668px;
	height: 408px;
	border: 1px solid #555;
	margin: 35px;
	position: relative;
}
div.zoom h4 {
	position: absolute;
	margin: 0;
	width: 648px;
	left: 0;
	top: 0;
	height: 30px;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	color: #fff;
	padding: 0 10px;
	background: #380608;	
}
div.zoom h4 span.num {
	width: 15px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 10px;
	line-height: 24px;
	font-weight: bold;
	padding: 1px 4px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #710c10;
	margin-right: 10px;
}
div.zoom h4 span.blue {
	background-color: #0b4a7f !important;
}
div.zoom h4 a.closer {
	float: right;
	font-family: Arial,Helvetica,Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #fc0;	
}
div.zoom h4 a.closer:hover {
	color: #fff;	
}

/* feature lists */
#feature-block {
	width: 700px;
	padding: 20px;
	border: 12px solid #444;
	border-top: none;
	background: #fff;
	/*font-family: Arial,Helvetica,Verdana;*/
}
#feature-block h3 {
	font-size: 18px;
	font-weight: bold;
	margin:0 0 2px;
}
p.key {
	font-size: 13px;	
}
div.feature-list {
	display: none;	
}
div.feature-list h4 {
	height: 28px;
	line-height: 25px;
	padding: 5px 10px 5px 6px;
	background-color: #ddd;
	border: 1px solid #bbb;
	margin: 0 0 4px;
	color: #333;
}
div.feature-list div.feature-desc {
	clear: both;
	padding-bottom: 4px;
}
div.feature-list div.feature-desc p {
	font-family: arial,helvetica;
	font-size: 12px;
	line-height: 18px;
	padding: 0 20px 0 46px;
	margin: 0 0 0.6em;
}
div.feature-list h4 span.num {
	display: block;
	float: left;
	height: 28px;
	width: 31px;
	padding-left: 1px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 10px;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
	background: url('../images/bg_number_red.png') 0 0 no-repeat;
	margin-right: 6px;	
}
div.feature-list h4 span.blue {
	background: url('../images/bg_number_blue.png') 0 0 no-repeat;
}
div.feature-list h4 span.links {
	float: right;
	padding-top: 6px;
	font: normal 12px Arial,Helvetica,Verdana;
}
:focus {
	outline: none;	
}
div.feature-list h4.ui-state-hover {
	background-color: #725049;
	color: #fff;
}
div.feature-list h4.ui-state-hover span.links a {
	color: #fff;
}
div.feature-list h4.ui-state-hover span.links a.void {
	color: #999 !important;
}
a.void {
	color: #999;
	cursor: default;
	text-decoration: none !important;
}