﻿

div.nav_vertical {
  font-family: Helvetica, Arial,  sans-serif;
  font-size: 13px;
  line-height: 1.5;
  

  
          float:left;
			
				position:fixed;
				 padding-left:3%;
				 margin-top:65px;
				 width:12%;
				 

}

div.menu-item-1,div.menu-item-2,div.menu-item-3,div.menu-item-4,div.menu-item-5,div.menu-item-6 {
  background:transparent;
  width: 100%; 
}

/*Menu Header Styles*/
 div.menu-item-1 h4,div.menu-item-2 h4,div.menu-item-3 h4,div.menu-item-4 h4,div.menu-item-5 h4,div.menu-item-6 h4 {
  border-bottom: 0px solid rgba(0,0,0,0.3);
  border-top: 0px solid rgba(255,255,255,0.2);
  color:gray;
  font-size: 15px;
  font-weight: 300;
  padding: 7px 12px;
  
  /*Gradient*/
  
  
}

 div.menu-item-1 h4 a:hover,div.menu-item-2 h4 a:hover,div.menu-item-3 h4 a:hover,div.menu-item-4 h4 a:hover,div.menu-item-5 h4 a:hover,div.menu-item-6 h4 a:hover {  
  background:; /* Old browsers */
   color:#0099FF

 

}

 .menu-item-1 h4 a,.menu-item-2 h4 a,.menu-item-3 h4 a,.menu-item-4 h4 a ,.menu-item-5 h4 a,.menu-item-6 h4 a  {
  color:gray;
  display: block;
  text-decoration: none;
  width: 100%;
  padding-left:0px
}
.menu-item-1 h4 a.active,.menu-item-2 h4 a.active,.menu-item-3 h4 a.active,.menu-item-4 h4 a.active,.menu-item-5 h4 a.active,.menu-item-6 h4 a.active {
	color:#0099FF
}

/*ul Styles*/
.menu-item-1 ul,.menu-item-2 ul,.menu-item-3 ul,.menu-item-4 ul,.menu-item-5 ul,.menu-item-6 ul {
  background:;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  width:100%;
  
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}

.menu-item-1 ul.active,.menu-item-2 ul.active,.menu-item-3 ul.active,.menu-item-4 ul.active,.menu-item-5 ul.active,.menu-item-6 ul.active {
	 overflow:visible;
	 height:auto;
	 display:inline-block
}
.menu-item-1 ul a.active,.menu-item-2 ul a.active,.menu-item-3 ul a.active,.menu-item-4 ul a.active,.menu-item-5 ul a.active,.menu-item-6 ul a.active {
	color:#0099FF

}
.menu-item-1:hover ul {
  height:93px;
  
}


.menu-item-2:hover ul {
	height:93px;
}
.menu-item-3:hover ul {
	height:66px;
}

.menu-item-4:hover ul {
	height:93px;
}

.menu-item-5:hover ul {
	height:66px;
}
.menu-item-6:hover ul {
	height:66px;
}
.menu-item-1 ul a,.menu-item-2 ul a,.menu-item-3 ul a,.menu-item-4 ul a,.menu-item-5 ul a ,.menu-item-6 ul a{
  margin-left: 10px;
  text-decoration: none;
  color: #aaa;
  display: block;
  width: 100%;
  padding-left:10px
}

/*li Styles*/
.menu-item-1 li,.menu-item-2 li,.menu-item-3 li,.menu-item-4,.menu-item-5 ,.menu-item-6{
  border-bottom: 0px solid #eee;
}

.menu-item-1 li a:hover,.menu-item-2 li a:hover,.menu-item-3 li a:hover,.menu-item-4 li a:hover,.menu-item-5 li a:hover,.menu-item-6 li a:hover {
  color:#0099FF
}

/*First Item Styles*/
.alpha p {
	padding: 8px 12px;
	color: #aaa;
}

.alpha p a {
	color: #aaa;
	font-style: italic;
}

.alpha p a:hover {
	color: #ccc;
}

@media  (max-width: 800px) {

	div.nav_vertical{
	display:none
}
}
