/*
 * Responsive CSS3 Menu with Dropdown (Horizontal and Vertical)
 * http://www.jonsuh.com
 *
 * Copyright (c) 2012 Jonathan Suh
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* PRIMARY MENU style */
#menu2 {
	width: 300px;
	margin-bottom: 3px;
}
.js-css-menu2 {
	font-size: 16px;
	display: table;
	text-align: left;
	margin:auto;
	
}
.js-css-menu2, .js-css-menu2 ul, .js-css-menu2 li {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	margin:auto;
	width: 300px;
	margin-bottom: 3px;
}
.js-css-menu2 a {
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	margin-bottom: 3px;
}
.js-css-menu2 > li {
	display: inline;
	float: left;
	margin-bottom: 1px;
}
.js-css-menu2 > li > a {
	color: #222222;
	padding: 2px 7px;
	display: block;
	font-family: 'oxygen', sans-serif;
	margin-bottom: 3px;
}

.js-css-menu2 > li:hover > a {
	background-color: #eeeeee;
	color: #222222;
}
.js-css-menu2 > li > a:active {
	background-color: #eeeeee;
	color: #222222;
	
}
.js-css-menu2 > li.current > a {
	background-color: #eeeeee;
	color: #222222;
	
}