/* Vertical Menu CSS */

nav {
/* Repeating background image */
/* background: url(http://weebtutorials.com/wp-content/uploads/2012/11/a.png); */
background-color: #bfe2f9; 
width:150px;
margin:0px;
}
 
nav ul {
/* Removes bullet points */
list-style:none;
margin:0;
padding:0;
 
}
nav ul li {
/* Any child positioned absolutely will be positioned relative to this */
position:relative;
}
nav a {
color:#e8e8e8;
padding:12px 0px;
/* Fill all available horizontal space */
display:block;
/* Remove underline */
text-decoration:none;
/*
New CSS3 animations:
apply transition to background property, taking 1s to change it
*/
transition:background 0.5s;
-moz-transition:background 0.5s;
-webkit-transition:background 0.5s;
-o-transition:background 0.5s;
font-family:tahoma;
font-size:13px;
text-transform:capitalize;
padding-left:20px;
}
nav a:hover {
/*
RGBA background for transparancy:
last number(0.05) is the transparency
*/
/* background: RGBA(255,255,255,0.05); */
background: gray;
color:#fff;
}

nav ul li:hover ul {
/* When list item is hovered, display UL nested within. */
display:block;
}
nav ul ul {
/* Remove element from document flow */
position:absolute;
/* Position relative to its parent <li> */
left:145px;
top:0px;
border-top:1px solid #e9e9e9;
border:1px solid gray;
display:none;
background: #bfe2f9;
}
nav ul ul li {
width:150px;
background:#f1f1f1;
background: #bfe2f9;
border:1px solid #e9e9e9;
border-top:1px solid gray;
border:1px solid #bfe2f9; 
border-top:0;
}
nav ul ul li a {
color:#a8a8a8;
font-size:12px;
text-transform:none;
}
nav ul ul li a:hover {
color:#929292;
}

/*
nav span {
width:12px;
height:12px;
background:#fff;
display:inline-block;
float:left;
margin-top:3px;
margin-top:2px;
margin-left:0px;
margin-right:10px;
position:relative;
transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
nav a:hover span {
background: #7d2c41;
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
*/

/*Horizontal line*/
/*
nav span:before {
content:"";
width:12px;
height:2px;
background:#3a3b3b;
position:absolute;
left:0px;
top:5px;
}
*/

/*Vertical line*/
/*
nav span:after {
content:"";
width:2px;
height:12px;
background:#3a3b3b;
position:absolute;
left:5px;
position:top;
}
*/