body {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	background-color: #555;
	font-size: 16px;
	color: #fff;	
}
#main {
	margin: 50px;
	width: 400px;
	float: left;
}
.expand-down {
  line-height:normal;
  margin-top:20px;
  height:150px;
  width:500px;
  background: url(/images/demos/macosx-style-background.png) no-repeat;
  margin-bottom:30px;
}
/* reset margins and paddings */
.expand-down * {
  margin: 0;
  padding: 0;
}
.expand-down ul {
  padding-top:10px;
  margin-left:10px;
}
.expand-down ul li {
  float:left;
  list-style-type:none;
}
.expand-down ul li a {
  text-decoration:none;
}
.expand-down ul li a img {
  width:64px;  /* initial width of images, 50% of width */
  height:64px; /* initial height of images, 50% of height */
  border:none;
}
.expand-down ul li a span {
  display:none;
}
.expand-down ul li:hover a span {
  display:block;
  text-align:center;
  width: 128px;
  color: #fff;
}
.expand-down ul li .abs {
	display:none;
}
.expand-down ul li:hover .abs {
	position:absolute;
	display:block;
	top: 480px;
	width: 128px;
	border: 1px #fff dotted;
	padding: 5px;
	font-size: 10px;
	font-family: sans-serif;
}
.expand-down ul li:hover a img {
  width:128px;
  height:128px;
}
.expand-down ul li:hover + li a img {
  width:90px;
  height:90px;
}
.expand-down ul li:hover + li + li a img {
  width:75px;
  height:75px;
}
#puzzle {
	width: 400px;
	float: left;
}
#slider {
	margin: 50px auto;
}