/*********************************************************************************************

How to Create CSS3 Content Accordion [Tutorial]
"How to Create CSS3 Content Accordion" that was specially made for DesignModo by our friend Valeriu Timbuc.

Links: 
http://vtimbuc.net/
http://codecanyon.net/user/downv/portfolio?ref=downv
https://twitter.com/vtimbuc
http://designmodo.com/futurico
http://vladimirkudinov.com
http://rockablethemes.com

 *********************************************************************************************/

.a-accordion,.a-accordion div,.a-accordion h1,.a-accordion p,.a-accordion a,.a-accordion img,.a-accordion span,.a-accordion em,.a-accordion ul,.a-accordion li {
	margin: 0;
	padding: 0;
	border: none;
}
.a-accordion-single, .a-accordion-single div, .a-accordion-single h1, .a-accordion-single p, .a-accordion-single a, .a-accordion-single img, .a-accordion-single span, .a-accordion-single em, .a-accordion-single ul, .a-accordion-single li {
    margin: 0;
    padding: 0;
    border: none;
}
/* Accordion Layout Styles */

.a-accordion, .a-accordion-single {
	width: 100%;
	padding: 1px 5px 5px 5px;
	background: #141517;

	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255, .05);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255, .05);
	box-shadow: 0px 1px 0px rgba(255,255,255, .05);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

    .a-accordion .a-tab, .a-accordion-single .a-tab {
        display: block;
        height: 40px;
        margin-top: 4px;
        padding-left: 20px;
        font: bold 16px/35px Arial, sans-serif;
        text-decoration: none;
        color: #eee;
        text-shadow: 1px 1px 0px rgba(0,0,0, .2);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #ee3b2b; /* Old browsers */
        background: -moz-linear-gradient(top, #103357 0%, #2473c2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#103357), color-stop(100%,#2473c2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #103357 0%,#2473c2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #103357 0%,#2473c2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #103357 0%,#2473c2 100%); /* IE10+ */
        background: linear-gradient(to bottom,#a51a0d,#d42111,#ee3b2b,#d42111,#a51a0d); /* W3C */
        -webkit-box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);
        -moz-box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);
        box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);
    }

        .a-accordion .a-tab:hover,
        .a-accordion div:target .a-tab {
            color: #ddd;
            text-shadow: 0px 1px 0px rgba(255,255,255, .15);
            background: #ee3b2b; /* Old browsers */
            background: -moz-linear-gradient(top, #ee3b2b 0%, #f9beb8 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3b2b), color-stop(100%,#f9beb8)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ee3b2b 0%,#f9beb8 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ee3b2b 0%,#f9beb8 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ee3b2b 0%,#f9beb8 100%); /* IE10+ */
            background: linear-gradient(to bottom,#ee3b2b,#d42111,#a51a0d,#d42111,#ee3b2b); /* W3C */
            -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .3), inset 1px 1px 1px rgba(255,255,255, .45);
            -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .3), inset 1px 1px 1px rgba(255,255,255, .45);
            box-shadow: 1px 1px 1px rgba(0,0,0, .3), inset 1px 1px 1px rgba(255,255,255, .45);
        }

    .a-accordion div .a-content {
        display: none;
        margin: 5px 0;
    }
    .a-accordion-single div .a-content {
        display: block;
        margin: 5px 0;
    }

.a-accordion div:target .a-content {
	display: block;
}

.a-accordion > div {
	height: 40px;
	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

    .a-accordion > div:target {
        height: 100%;
    }

/* Accordion Content Styles */

    .a-accordion .a-content h1, .a-accordion-single .a-content h1 {
        color: #eee;
        font: 18px Arial, sans-serif;
    }
    .a-accordion .a-content h3, .a-accordion-single .a-content h3 {
        color: #ffe6cc;
        font-weight: 800;
        font: 14px Arial, sans-serif;
    }
    .a-accordion .a-content table th, .a-accordion-single .a-content table th {
        color: #ffe6cc;
        font-weight: 800;
        font: 12px Arial, sans-serif;
    }
    .a-accordion .a-content p, .a-accordion-single .a-content p {
        color: #eee;
        font: Arial, sans-serif;
        font-size: 13px;
    }
    .a-accordion .a-content table td, .a-accordion-single .a-content table td {
        color: #eee;
        font: 12px Arial, sans-serif;
    }
    .a-accordion .a-content table td button, .a-accordion-single .a-content table td button {
        color: #103357;
        font: 12px Arial, sans-serif;
    }
    .a-accordion .a-content span, .a-accordion-single .a-content span {
        font: italic 11px/12px Georgia, Arial, sans-serif;
        color: #4f4f4f;
    }

    .a-accordion .a-content em.bullet, .a-accordion-single .a-content em.bullet {
        width: 5px;
        height: 5px;
        margin: 0 5px;
        background: rgba(0,0,0, .1);
        display: inline-block;
        -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
        -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
        box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .a-accordion .a-content ul li, .a-accordion-single .a-content ul li {
        list-style: none;
        float: left;
        margin: 5px 10px 5px 0;
    }

    .a-accordion .a-content img, .a-accordion-single .a-content img {
        -webkit-box-shadow: 2px 2px 6px rgba(0,0,0, .5);
        -moz-box-shadow: 2px 2px 6px rgba(0,0,0, .5);
        box-shadow: 2px 2px 6px rgba(0,0,0, .5);
    }