/* ===[ accordion css reset ]=== */
.accordion#demo1 * {border: 0;line-height: 0;list-style: none;margin: 0;padding: 0;}

/* ===[ accordion ]=== */
.accordion#demo1 {
	max-width: 350px;	/* Do not replace max-width with width or you'll lose responsiveness */
	outline: none !important;
	position: relative;
}

/* Do not change anything in this rule */
.accordion#demo1 .jAccordion-slidesWrapper {height: 100%;overflow: hidden;position: relative;width: 100%;}
/* Do not change display, overflow or position */
.accordion#demo1 .jAccordion-slide {
	border-top: 1px solid #252525;
	border-bottom: 1px solid #000;
	display: block;
	overflow: hidden;
	position: relative;
}
.accordion#demo1 .jAccordion-slide:first-child {border-top-color: transparent}
.accordion#demo1 .jAccordion-slide:last-child {border-bottom-color: transparent}
/* Opera 10.xx bug fix
 * More info: http://css-lab.com/bug-test/opera-ap-bugfix.html
 */
.accordion#demo1 .jAccordion-slide:after {content: "";float: left;height: 1%;width: 0;}

/* ===[ Custom elements ]=== */
.accordion#demo1 .title {
	border-bottom: 1px solid #000;
	color: #CCC;
	cursor: default;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	padding: 10px 15px 11px;
	
	-webkit-transition: background-color 0.5s;  /* Safari 3.2+, Chrome */
     -moz-transition: background-color 0.5s;  	/* Firefox 4-15 */
       -o-transition: background-color 0.5s;  	/* Opera 10.5–12.00 */
          transition: background-color 0.5s;  	/* Firefox 16+, Opera 12.50+ */
}

.accordion#demo1 .jAccordion-slide:hover .title,
.accordion#demo1 .jAccordion-slide.active_slide .title { background-color: #191919 }

/* Preloader */
.accordion#demo1 .preloader {
	color: #FFF;
	font: bold italic 17px Georgia, "Times New Roman", Times, serif;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: 1px -1px #000;
	top: 45%;
}
/* ===[ End of custom elements ]=== */

/* ===[ Default font styles ]=== */
.accordion#demo1 p {
	border-top: 1px solid #252525;
    color: #CCC;
    font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 10px 15px;
}
/* ===[ End of default font styles ]=== */

/* ===[ Rules used when JS is disabled ]===
 * If you don't care about JS fallback you can remove this entire section.
 */
 
/* Rule for inactive slide */
.accordion#demo1.noJS .jAccordion-slide {
	margin-top: 0px;	/* Spacing - I do not recommend to use spacing for horizontal accordion (replace with margin-top if using vertical accordion) */
	height: 38px;
}
/* Active slide size
 * active slide size in percents = active slide size in px / accordion size * 100%;
 */
.accordion#demo1.noJS .jAccordion-slidesWrapper .jAccordion-slide:hover {height: auto}
/* ===[ End of rules used when JS is disabled ]=== */