/**
 V4WEBSITES.COM
**/

ul.nice-menu {
  list-style: none;
  margin-top: 0px;
  width: 180px;
}

@-moz-keyframes expand {  
  0% {
    width: 5px;
   
  }
  
  100% {
    width: 150px;
    padding-left: 20px;
  }
}

@-moz-keyframes expand-bounce {
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  50% {
    width: 150px;
  }
  
  70% {
    width: 150px;
  }
  
  80% {
    width: 150px;
  }
  
  90% {
    width: 160px;
  }
  
  100% {
    width: 150px;
    padding-left: 20px;
  }
}

@-webkit-keyframes expand {  
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  100% {
    width: 150px;
    padding-left: 20px;
  }
}

@-webkit-keyframes expand-bounce {  
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  50% {
    width: 150px;
  }
  
  70% {
    width: 150px;
  }
  
  80% {
    width: 150px;
  }
  
  90% {
    width: 150px;
  }
  
  100% {
    width: 150px;
    padding-left: 20px;
  }
}

@-moz-keyframes shrink {
  
  0% {
    width: 150px;
    padding-left: 20px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-moz-keyframes shrink-bounce {
  
  0% {
    width: 150px;
    padding-left: 20px;
  }
  
  50% {
    width: 5px;
  }
  
  70% {
    width: 35px;
  }
  
  80% {
    width: 5px;
  }
  
  90% {
    width: 15px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-webkit-keyframes shrink {
  
  0% {
    width: 150px;
    padding-left: 20px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-webkit-keyframes shrink-bounce {
  
  0% {
    width: 150px;
    padding-left: 10px;
  }
  
  50% {
    width: 5px;
  }
  
  70% {
    width: 35px;
  }
  
  80% {
    width: 5px;
  }
  
  90% {
    width: 15px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

ul.nice-menu li {
  width: 5px;
  height: 30px;
  line-height: 20px;
  padding: 0px 0px 0px 0px;
  margin-top: 3px;
  background: transparent;
  width: 5px;
}

ul.nice-menu.tight li {
  margin-top: 0 !important;
}

ul.nice-menu li {
  -moz-animation-name: shrink;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: shrink;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu.bounce li {
  -moz-animation-name: shrink-bounce;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: shrink-bounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu li:hover {
  width: 150px;
  padding-left: 20px;
  -moz-animation-name: expand;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: expand;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;color:#ffffff;
}

ul.nice-menu.bounce li:hover {
  -moz-animation-name: expand-bounce;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: expand-bounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out; font-family:"Century Gothic"; color:#FFF;
}

ul.nice-menu a {
	width: 150px;
	text-decoration: none;
	font-size: 13px;
	color:#084981;
	font-weight: bold;
	position: absolute;
	padding: 5px 0px;
	padding-left: 20px;
	font-family:"Century Gothic"; 
}


ul.nice-menu a:hover {
	width: 150px;
	text-decoration: none;
	font-size: 13px;
	
	font-weight: bold;
	position: absolute;
	padding: 5px 0px;
	padding-left: 20px;
	font-family:"Century Gothic"; color:#FFF;
}


ul.nice-menu li.green {
  background: #c70112;
}

ul.nice-menu li.blue {
  background: #c70112;
}

ul.nice-menu li.orange {
  background: #c70112;
}

ul.nice-menu li.dark {
  background: #c70112;
} 

ul.nice-menu li.red {
  background: #c70112;
}


ul.nice-menu li.bright {
  background: #c70112;
}	

ul.nice-menu li.bright {
  background: #c70112;
}