﻿
ImageListContainer
{
position: relative;
width: 470px;
margin-left: 9px;
margin-top: 0px;
}

/*
#container {
position: relative;
width: 470px;
margin-left: 9px;
margin-top: 0px;
}
*/

#container h1 {
	font-size: 20px;
	line-height: 20px;
}

#container ul, li, h4 {
margin: 0; padding: 0;
list-style: none;
}

#container a {
text-decoration: none;
color: #292929;
}

#container a:hover {
text-decoration: underline;
}

#container small {
color: gray;
font-weight: normal;
font-size: 11px;
display: block;
}

#widget {
overflow: hidden;
padding: 1em;
/* border: 1px solid #c5c5c5; */
height: 430px; /* You should adjust this height for your project. 310px */
position: relative;
float: left;
min-width: 450px;
-moz-border-radius-bottomright: 10px;
}

#widget img {
float: left;
border: 1px solid white;
padding-bottom: .0em;
margin-right: .5em;
width: 430px;
height: 130px;	/* You should adjust this height for your project. 90px */
}

#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 138px; /* Change this to fit your needs. 96px */
}

#container h4 {
padding-top: .5em;
font-size: 14px;
}

#container li p {
color: #474747;
margin-top: .4em;
}
