/*
Elegant Menu
By: marcoarib
2013/01/30
e-mail: marco.arib@gmail.com
*/

.elegant-menu {
	display:inline-block;
	padding: 0;
	margin: 0;
	/*
	-webkit-box-shadow: 0 1px 4px #454545;
	-moz-box-shadow: 0 1px 4px #454545;
	box-shadow: 0 1px 4px #454545;
	
	background: #eeeeee;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	*/
}

.elegant-menu ul { position:absolute; display:none; }

.elegant-menu  li {	position:relative; float:left; }

.elegant-menu >  li { /* border-right: solid 1px #dedede; */ }

.elegant-menu a { text-decoration:none; }

.elegant-menu li:hover ul, .elegant-menu li.sfHover ul { z-index:99; }

ul.elegant-menu li:hover li ul,
ul.elegant-menu li.sfHover li ul {
	display:none;
}

ul.elegant-menu li li:hover ul, ul.elegant-menu li li.sfHover ul { top:0; }
ul.elegant-menu>li { text-align:center; display:inline-block; }

ul.elegant-menu>li:hover{
	background: #f0f0f0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #bccd5f 0%, #b7c957 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bccd5f), color-stop(100%,#b7c957));
	background: -webkit-linear-gradient(top, #bccd5f 0%,#b7c957 100%);
	background: -o-linear-gradient(top, #bccd5f 0%,#b7c957 100%);
	background: -ms-linear-gradient(top, #bccd5f 0%,#b7c957 100%);
	background: linear-gradient(to bottom, #bccd5f 0%,#b7c957 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d1d1d1',GradientType=0 );
}

ul.elegant-menu>li:first-child { margin-left:0; }

ul.elegant-menu>li>a {
	font-size:16px; 
	line-height:16px; 
	color:#f4f5df; 
	text-transform:uppercase; 
	display:block; 
	position:relative; 
	padding:12px 15px 12px 15px;
	font-weight:700;
	text-shadow: 1px 1px #557628;
}

ul.elegant-menu>li>a.home { width:63px; }
ul.elegant-menu>li>a.ourservices { width:124px; }
ul.elegant-menu>li>a.ourteam { width:90px; }
ul.elegant-menu>li>a.clientinformation { width:185px; }
ul.elegant-menu>li>a.news { width:150px; }
ul.elegant-menu>li>a.aboutus { width:91px; }
ul.elegant-menu>li>a.contact { width:87px; }

ul.elegant-menu>li>a em {
	display:block; 
	height:2px; 
	top:0; 
	width:0; 
	position:absolute; 
	left: 0;
	background:#e6ec88;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

ul.elegant-menu>li.current>a em,
ul.elegant-menu>li:hover>a em,
ul.elegant-menu>li.sfHover>a em {
	display:block; 
	height:2px;
	top:0; 
	width:100% !important;  
	position:absolute; 
	right:0 !important; 
	background:#e6ec88;
}

ul.elegant-menu>li.current,
ul.elegant-menu>li.sfHover,
ul.elegant-menu>li:hover {
	
}

ul.elegant-menu>li.current>a,
ul.elegant-menu>li.sfHover>a,
ul.elegant-menu>li>a:hover {
	color:#192905;
	text-shadow: 1px 1px #cfdc87;
}

.elegant-menu>li>ul { 
	width:240px; 
	background:#2a2a2a; 
	/* left:-1px;  */
	top:40px; 
	padding: 0;
	font-weight:700;
	
	background: #cdde61;
	background: -moz-linear-gradient(top, #cdde61 0%, #b7c957 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdde61), color-stop(100%,#b7c957));
	background: -webkit-linear-gradient(top, #cdde61 0%,#b7c957 100%);
	background: -o-linear-gradient(top, #cdde61 0%,#b7c957 100%);
	background: -ms-linear-gradient(top, #cdde61 0%,#b7c957 100%);
	background: linear-gradient(to bottom, #cdde61 0%,#b7c957 100%);
	
	-webkit-box-shadow: 0 1px 2px #454545;
	-moz-box-shadow: 0 1px 2px #454545;
	box-shadow: 0 1px 2px #454545;
}

.elegant-menu>li>ul>li {
	display:block; 
	width:240px; 
	text-align:left;
}
.elegant-menu>li>ul>li>a { 
	color:#192905;
	text-shadow: 1px 1px #cfdc87;
	font-size:16px; 
	line-height:16px; 
	display:block; 
	padding: 10px 10px 13px 18px; 
}
.elegant-menu>li>ul>li:hover,
ul.elegant-menu>li>ul>li.sfHover{
	background:#a8bf4f;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.elegant-menu>li>ul>li>a:hover,
ul.elegant-menu>li>ul>li.sfHover a {
	color:#192905;
	text-shadow: 1px 1px #cfdc87;
}
.elegant-menu>li li>ul { 
	width:250px; 
	left:240px !important; 
	top:0 !important; 
	padding:0;
	
	background: #cdde61;
	background: -moz-linear-gradient(top, #cdde61 0%, #b7c957 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdde61), color-stop(100%,#b7c957));
	background: -webkit-linear-gradient(top, #cdde61 0%,#b7c957 100%);
	background: -o-linear-gradient(top, #cdde61 0%,#b7c957 100%);
	background: -ms-linear-gradient(top, #cdde61 0%,#b7c957 100%);
	background: linear-gradient(to bottom, #cdde61 0%,#b7c957 100%);
	
	-webkit-box-shadow: 0 1px 2px #454545;
	-moz-box-shadow: 0 1px 2px #454545;
	box-shadow: 0 1px 2px #454545;
}

.elegant-menu>li li>ul>li {
	display:block;  
	width:250px; 
	text-align:left;
}

.elegant-menu>li li>ul>li>a { 
	font-family: Segoe UI, sans-serif; 
	color:#333 !important; 
	font-size:16px; 
	line-height:16px; 
	display:block; 
	padding: 10px 10px 13px 18px; 
}

.elegant-menu>li li>ul>li:hover,
ul.elegant-menu>li li>ul>li.sfHover{
	background:#a8bf4f;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.elegant-menu>li li>ul>li>a:hover, 
ul.elegant-menu>li li>ul>li.sfHover a {
	color:#192905 !important;
	text-shadow: 1px 1px #cfdc87;
}

/****** full width menu ******/

.full-width{
	width: 100%;
}