#container{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0 0 0;
	position: relative;
}

#gallery, #thumbs{
	float: left;
}

#gallery{
    height: 300px;
    overflow: hidden;
    width: 500px;
    margin-top: 10px;
}

#gallery img{
    display: block;
  	height: 300px;
    position: absolute;
    width: 500px;

}
#thumbs img {
	display:block;
	width: 103px;
}

#thumbs{
    height: 300px;
    margin-top: 10px;
    overflow: hidden;
    width: 100px;
}

#next{
    background: url("arrow.png") repeat scroll 0 0 transparent;
    display: block;
    height: 43px;
    left: 555px;
    position: relative;
    top: 305px;
    width: 47px;
}

#next:hover{
	background: url(arrowmo.png);
}

.clear{
	clear: both;
}