/* Dropdown List CSS */
img#logo {
	display: block;
    margin: auto;
    width: 40%;
}
aside {
	margin-top:50px;
	float: left;
	margin-left: 120px;
}
footer {
    padding: 1em;
    color: red;
	margin-left: 400px;
    background-color: black;
    text-align: center;
	width: 60%;
	float: bottom;
}
#nav{
margin-top: 20px;
padding: 1px;
float: left;
width: 20%;
text-align: center;
border: 1px none;
position: fixed;
}
ul#navigation{
    display: block;
list-style-type: none;
border-right: 3px solid #1F1F1B;
background: #1F1F1B none repeat scroll 0% 0%;
}


ul#navigation li {
font-size: 12px;
margin: 1px;
padding: 0px;
float: left;
width: 250px;
background: #1B1B1B none repeat scroll 0% 0%;
height: 30px;
}

ul#navigation li:hover {
	background-color: "#2f0000";
	}

ul#navigation li a {
padding:10px 25px;
color:#FF0000;
text-decoration:none;
display:block;
  border-left:1px solid #000000;
border-top:1px solid #1f1f1b;


    -webkit-transition:color 0.2s linear, background 0.2s linear;   
    -moz-transition:color 0.2s linear, background 0.2s linear;  
 -o-transition:color 0.2s linear, background 0.2s linear;    
transition:color 0.2s linear, background 0.2s linear;   

}

ul#navigation li a:hover {
background:#2f0000;

}
ul#navigation li.label:hover{
	background:#2f0000;
}
ul#navigation li a.first {
 border-left: 0 none;

}

ul#navigation li a.last {
 border-right: 0 none;

}

ul#navigation li:hover > a {
 background:#2f0000;

}

/* Drop-Down Navigation */

ul#navigation li:hover > ul

{

/*these 2 styles are very important, 

being the ones which make the drop-down to appear on hover */
 visibility:visible;
 opacity:1;

}

 

ul#navigation ul, ul#navigation ul li ul {

    list-style: none;
 margin: 0;
 padding: 0;    

/*the next 2 styles are very important, 

being the ones which make the drop-down to stay hidden */
 visibility:hidden;
opacity:0;
position: absolute;
z-index: 99999;
width:180px;
background:#1b1b1b;
    
/* css3 transitions for smooth hover effect */
 -webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
 -moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
 -o-transition:opacity 0.2s linear, visibility 0.2s linear; 
 transition:opacity 0.2s linear, visibility 0.2s linear;     
}

ul#navigation ul {
 top: 43px;
left: 1px;
}

ul#navigation ul li ul {
top: 0;
left: 181px; /* strong related to width:180px; from above */
}

ul#navigation ul li {
clear:both;
 width:100%;
border-top:5 none;
border-bottom:1 solid #000000;
}

ul#navigation ul li a {
background:none;
 padding:7px 15px;
color:#FF;
text-decoration:none;
display:block;
 border:0 none;
float:left;
clear:both;
 width:150px;
}