#imagegallery {
	background:#F2F2F2;
	clear:left;
	padding:10px;
	min-height:200px;
	float:left;
}
#items {
	float: left;
	width: 400px;
	border: 1px solid #DFDFDF;
	background:white;
}
#items .item {
	float: left;
	padding:5px;
	position: relative;
	width: 52px;
	height:52px;
	margin: 0px;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid white;
}
#items .item:hover {
	border: 1px solid #ddd;
}
#items .item img {
	width:50px;
	max-height:35px;
}
#large {
	border: 1px solid #DFDFDF;
    width: 400px;
	margin-left:0%;
	background-color: #fff;
	text-align:center;
	font-family:Georgia, Times, san-serif;
	font-size:12px;
}
#large .info {
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	padding:10px;
	color:#B3B3B3;
}
#items p {
	display:none;
}
#large .item {
	margin-top:20px;
	margin-bottom:20px;
	border-width: 1px;
	cursor: default;
	text-align:center;
}
#large .item img {
	max-width:400px;
	max-height: 600px;
}

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 50%; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */