/* always visible */
#outer { color: #fff;  }
#oute2r .holder {padding:0em; border:0px solid #ddd; margin:0 0px 00px 0;}
#oute2r .holder p {padding:5px 0 0 0; margin:0; color:#fff}
#oute2r .holder p.bold {font-weight:bold;}
#oute2r .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:left; margin-right:-10px 10px 0 0; cursor:pointer; color:#fff; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}
#outer div.more h4 {display:none;}
#outer div.more h2 {display:none;
 margin:0px;
 padding:0px;
 padding-top: 20px;
 padding-bottom: 5px; 
 padding-left: 00px;
 font-family:arial;
 font-size:1.1em;
 width: 400px;
 color: #ddd;
 background-color:#000;
 vertical-align: middle;
 margin-bottom: 50px;
  font-family: arial;
}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}
#outer div.click h4 {display:block;}
#outer div.click h2 {display:block;
 margin:0px;
 padding:0px;
 padding-top: 20px;
 padding-bottom: 5px; 
 padding-left: 00px;
 font-family:arial;
 font-size:1.2em;
 width: 400px;
 color: #ddd;
 background-color:#000;
 vertical-align: middle;
 margin-bottom: 50px;
 font-family: arial;
}