/* ----------------------------------------------------------
	* Horizontal Menu *
	URL: http://http://www.webdesignerwall.com/demo/css3-dropdown-menu/
/* --------------------------------------------------------*/
.smartMenu {
	width: 100%;
	margin: 0;
	background: #7d7d7d url(../images/gradient.png) repeat-x 0 -110px;
	line-height: 100%;
}
.smartMenu li {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

/* main level link */
.smartMenu a, .smartMenu a:visited {
	font-weight: normal;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
}
.smartMenu a:hover {
	background: #000;
	color: #fff;
}
/* main level link hover */
.smartMenu .current a, .smartMenu li:hover > a {
	background: #666 url(../images/gradient.png) repeat-x 0 -40px;
	color: #444;
}
/* sub levels link hover */
.smartMenu ul li:hover a, .smartMenu li:hover li a {
	background: none;
	border: none;
	color: #666;
}
.smartMenu ul a:hover {
	background: #0078ff url(../images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
}
/* dropdown */
.smartMenu li:hover > ul {
	display: block;
}
/* level 2 list */
.smartMenu ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 25px;
	left: 0;
	background: #ddd url(../images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
}
.smartMenu ul li {
	float: none;
	margin: 0;
	padding: 0;
}
.smartMenu ul a {
	font-weight: normal;
}
/* level 3+ list */
.smartMenu ul ul {
	left: 181px;
	top: -3px;
}
/* clearfix */
.smartMenu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.smartMenu {
	/* display: inline-block; */
} 
html[xmlns] .smartMenu {
	display: block;
}
* html .smartMenu {
	height: 1%;
}
/* Menu should always be on top of other elements beneath it... like other menus */
.smartMenu ul { z-index: +50; }





/* ----------------------------------------------------------
	* Vertical Menu *
	URL: http://http://www.webdesignerwall.com/demo/css3-dropdown-menu/
/* --------------------------------------------------------*/

/* Vertical Menu */
.smartMenuVertical {
	width: 100%;
	margin: 0;
	background: #7d7d7d url(../images/gradient.png) repeat-x 0 -110px;
	line-height: 100%;
}
.smartMenuVertical li {
	position: relative;
	margin: 0 0;
	padding: 0 0 0;
	list-style: none;
	width: 100%;
}
/* main level link */
.smartMenuVertical a, .smartMenuVertical a:visited {
	font-weight: normal;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
.smartMenuVertical a:hover {
	background: #000;
	color: #fff;
}
/* main level link hover */
.smartMenuVertical .current a, .smartMenuVertical li:hover > a {
	background: #666 url(../images/gradient.png) repeat-x 0 -40px;
	color: #444;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* sub levels link hover */
.smartMenuVertical ul li:hover a, .smartMenuVertical li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.smartMenuVertical ul a:hover {
	background: #0078ff url(../images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
/* dropdown */
.smartMenuVertical li:hover > ul {
	display: block;
}
/* level 2 list */
.smartMenuVertical ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 130px;
	background: #ddd url(../images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
.smartMenuVertical ul li {
	float: none;
	margin: 0;
	padding: 0;
}
.smartMenuVertical ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
	display: block;
}
/* level 3+ list */
.smartMenuVertical ul ul {
	left: 181px;
	top: -3px;
}
/* clearfix */
.smartMenuVertical:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.smartMenuVertical {
	/* display: inline-block; */
} 
html[xmlns] .smartMenuVertical {
	display: block;
}
* html .smartMenuVertical {
	height: 1%;
}
.smartMenuVertical li {
	float: left;
}
.smartMenuVertical ul {
	top: 0;
	left: 120px;
}
.smartMenuVertical ul { z-index: +50; }