.demo{clear:both; position:relative; margin:2em 0 1.5em 1em;}

.expand{clear:both}

.collapse {
  margin-bottom:1em;
  overflow:hidden;
}
.collapse p {
  margin-right:10px;
}
#switch {float:right; width:7em; margin-top:10px; text-align:right; margin-bottom:5px;}

#switch a{padding-right:1px;}

.lists li {
  margin:0 0 10px; 
  padding:0
}
h4, .lists li {
  font-size:1em;
  font-weight:700
}
h5 {
  margin:0 0 5px;
  font-size:1.4em;
  font-weight: normal
}
#wrapper .expand a {
  display:block;
  padding:3px
}
#wrapper .expand{
background-image:url(../images/gradient.jpg);
background-repeat:repeat-x;
border:1px solid #999999;
}
#wrapper .expand a:link, #wrapper .expand a:visited {
  display:block;
  border-width:1px;
  background-image:url(../images/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
#wrapper .expand a:hover, #wrapper .expand a:active, #wrapper .expand a:focus {
  outline-color:#dedede;
}
#wrapper .expand.open a:link, #wrapper .expand.open a:visited {
  border-style:solid;
  background:#eee url(../images/arrow-up.gif) no-repeat 98% 50%;
}
.img {
	background-color:#FFFFFF;
  float:left;
  display:inline;
  margin-right:10px;
  margin-bottom:.3em;
  width:170px;
  padding:5px;
  border:1px solid #999999;
  text-align:center;
  overflow:hidden
}
.img p {
  margin:7px auto 0;
  color:#6a6970;
  text-align:center;
}  
.frame {
  margin-top:0em;
  margin-left:192px;
  padding:0 5px;
  background color:#fff;
}
.frame {margin-bottom:1.5em; border:1px solid #999999; background-color:fff;}
.frame .title{border:1px solid #cac9d0; padding:0.1em 0.5em; background:#fefefe; color:#7a7980; font-weight:700;}
.frame .title{display:inline-block; margin:-.9em 0 0.5em 0; z-index:5}
.frame .title{display:inline}
.frame>.title{display:table}