#gallery
{
    margin-left: 20px;
    margin-bottom : 100px;
}

div.gallery-item
{
	display:inline-block;
	padding : 10px; 
	border : 1px solid transparent;
	
	border-left : 1px dotted #666;
	border-right : 1px dotted #666;
	border-bottom: 1px dotted #888888;
	border-top: 1px dotted #888888;
	
	width : 202px;
	position: relative;
	background : transparent;
	margin-top : 10px;
	margin-right: 10px;
	
	cursor:pointer;
}

.gallery-item:nth-child(odd)
{
	background-color: #dcdcdc;
}

.gallery-item:nth-child(even)
{
}

.item-content
{
	display:none;
	position: absolute;
	top:202px;
	left: -1px;
	padding : 0px 10px 10px 10px; 
	border : 1px solid #444;
	width: 202px;
	color : #f8f8f8;
	background: #666;
	
	border-top : transparent;
	
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0, .3);
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0, .3);
	box-shadow: 3px 3px 2px rgba(0,0,0, .3);
	
	font: normal 12px Arial, Helvetica, sans-serif;
	z-index: 500;
}

div.gallery-item:hover
{
	border : 1px solid #444 !important;
	background : #666;
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0, .3);
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0, .3);
	box-shadow: 3px 3px 2px rgba(0,0,0, .3);
	z-index: 500;
}

div.gallery-item:hover .item-content
{
	display: block;
}

div.gallery-item:hover .item-image
{
	border-color: #444;
}

.item-image
{
	border : 1px solid #666;
	width : 200px;
	height : 160px;
	overflow:hidden;
	position : relative;
	background: #e8e8e8 url(../images/image_missing.png) center no-repeat;
	color: #666;
}

.item-image img:first-child
{
	position : absolute;
	bottom : 0;
	left : 0;
	opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);	
	width : 200px;
	height : 160px;
}

.item-image .thumbs
{
	height: 50px !important;
	position: absolute;
	z-index: 501;
	bottom: 5px;
	right: 5px;
	border: 1px solid #666;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);	
}

div.gallery-item:hover .item-image  img
{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);	
}

.gallery-item h3
{
	color: #2D3C6B;
	font-weight: bold;
}

h3
{	
	color:black;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding : 5px 0px 0px 0px;
	margin: 0px;
	text-align: center;
}

.gallery-item h3 span
{
	color:black;
	font-weight: normal;
	font-style: italic;
}

div.gallery-item:hover h3, div.gallery-item:hover h3 *
{
	color:#fff !important;
}

.item-header
{
	padding : 5px 5px;
	font: normal 11px Arial, Helvetica, sans-serif;
	position : absolute;
	top : 11px;
	left : 11px;
	background-color: #001c79;
	width: 190px;
	color : white !important;
	z-index : 498;
	overflow:hidden !important;
	white-space:nowrap;
	font-weight: normal !important;
	margin: 4px 0;
}

div.gallery-item:hover .item-header
{
	white-space:normal;
}

.opaque40blue 
{    
	/* Fallback for web browsers that doesn't support RGBa */ 
	background: rgb(0, 31, 130);   
	background: rgba(0, 31, 130, 0.6); /* transparent color */

	background: transparent\9; /* clear solid background for ie - note \9 is a hack so that non ie browers ignore it*/

	zoom:1; /* required for the ie filters */
	
	/* For IE 5.5 - 7 */ 
	/* First two digits of the color values are the alpha level (99 = 0.6 opacity and 66 = 0.4 opacity) */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99001f82, endColorstr=#99001f82)"; /* IE8 */
	/* For IE 8 */    
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99001f82, endColorstr=#99001f82); /* IE5.5-7 */
}

#gallery dl
{
	display:block;
	overflow: hidden;
	margin : 0 !important; 
	/*border-top : 1px solid lightgray;*/
}

#gallery dt
{
 	clear : both;
	float : left;
	margin : 0 !important;
	padding: 5px 0px; 
	min-width: 45%;
}

#gallery dd
{
	float: left;
	margin : 0 !important; 
	width: 45%;
	padding: 5px 0px; 
}

#gallery a:link
{
	color : #e8e8e8;
	padding : 2px 10px;
	background-color: #444;
	border: 1px solid #666 !important;
	text-decoration : none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-right: 5px;
}

#gallery a:hover
{
	color : orange;
}