/*****************************************
		CUSTOM CSS
******************************************/


body {
    background-color: black;
}

.js-border .main_component img, #tinymce .js-border, img, img.js-border {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    margin: 12px 1px 12px 0;
    padding: 3px;
}

.drop-down li ul {
    background: rgba(000, 000, 000, 0.85) none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 6px;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.85);
    display: none;
    font-size: 85%;
    left: 0;
    opacity: 0;
    padding: 7px;
    position: absolute;
    top: 100%;
    width: 180px;
    z-index: 0;
}


.drop-down li ul:hover {
box-shadow: 0 2px 4px 5px rgba(255, 255, 255, 0.50);
background: rgba(000,000,000,0.95);
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

.drop-down li a:hover, .drop-down li span.separator:hover {
-webkit-transition : none;
-moz-transition : none;
-ms-transition : all 0.2s linear 0s;
-o-transition : all 0.2s linear 0s;
transition : all 0.2s linear 0s;
}