/** Page Accordion **/
.accordion {
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.3em;;
    transition: 0.4s;
	background-color:inherit;
	font-family: Arial, Helvetica, sans-serif;
}
.accordion:hover {
    /*background-color: #666; */
}
.buttonA:hover {background:url(../images/button-background-a.png) top left no-repeat;}
.buttonB:hover {background:url(../images/button-background-b.png) top left no-repeat;}
.buttonC:hover {background:url(../images/button-background-c.png) top left no-repeat;}
.buttonD:hover {background:url(../images/button-background-d.png) top left no-repeat;}
.active {background-color:inherit;}
.panel {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}
.panel p {min-width:500px; width:50%; margin-left:0px; }
.accordion:before {
    content: '\268F'; 
    font-size: 18px;
    margin-right: 15px;
	color:#FFF;
}
.active:before {
    content: "\268A";
	color:#FFF;
}
/** reset lightbox position **/
#lightbox-container-image-data-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/** page structure **/
#w {
  display: block;
  margin: 0 auto;
}
#content {
  display: block;
  width: 100%;
  padding: 0px;
 /** -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;**/
}
#thumbnails { display: block; margin: 10px 0;}
#thumbnails ul {list-style-type:none; clear:both;}
#thumbnails ul li { float: left; margin-right: 20px; margin-bottom: 10px; }
#thumbnails ul label {font-size:1.5em; font-weight:bold; clear:both;}
#thumbnails h4 {margin-bottom:1em;}