nav {position:relative; z-index:101; margin-top:20px; background:url(../images/nav.jpg) 0 0 repeat-x #252525 ; border-left:#242424 1px solid; border-right:#242424 1px solid; border-radius:5px; box-shadow:0 1px 1px #202020;margin-left: auto; margin-right: auto; ;}
/* menu */
.sf-menu {display:inline-block;}
.sf-menu ul {position:absolute; top:-999px; display:none;}
.sf-menu li {position:relative; float:left; }
.sf-menu a {text-decoration:none; text-transform:uppercase;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}

ul.sf-menu>li { text-align:center; display:inline-block; background:url(../images/transp.png) 0 0 repeat; border-top:#505050 1px solid; border-bottom:#1a1a1a 1px solid; width:185px;}
ul.sf-menu>li.first {width:186px;}
ul.sf-menu>li.first {border-radius:5px 0 0 5px;}
ul.sf-menu>li.last {border-radius:0 5px 5px 0;}
ul.sf-menu>li>a { font-size:14px; line-height:17px; color:#9b9b9b; display:block; position:relative; padding:18px 0px 24px 0px; text-shadow: 1px 1px 1px #000;}
ul.sf-menu>li>a:after { background:url(../images/li-a.png) 0 0 no-repeat; height:59px; width:2px; position:absolute; left:-1px; top:0; content:""; }
ul.sf-menu>li.first>a:after {background:transparent;} 
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover { background:url(../images/li-hover.jpg) 0 0 repeat-x #1c1c1c; border-top:#3c3c3c 1px solid;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {}

.sf-menu>li ul { width:192px; background:url(../images/ul.png) 0 0 repeat; left:0px; top:59px; padding:0px 0px 0px 0px;}
.sf-menu>li ul li {width:100%; text-align:left; line-height:15px; border-top:#363636 1px solid; }
.sf-menu>li ul li:first-child {border-top:transparent 1px solid;}
.sf-menu>li ul li a { font-size:11px; line-height:15px; color:#888888; display:block;  padding:17px 0 19px 37px;}
.sf-menu>li ul li:hover, ul.sf-menu li ul li.sfHover{}
.sf-menu>li ul li a:hover, ul.sf-menu li ul li.sfHover a {color:#fff;}
.menu-arrow, #menu-icon{display:none;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
	 .sf-menu>li>a .menu-arrow{display:inline-block; width:px;margin-left:5px;height:;text-indent:-100%; font-size:0; line-height:0;background: url('../images/menu_arrow.png') no-repeat;vertical-align: middle;}
	 .sf-menu a.sf-with-ul{padding-right:0px;}
	 .sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover>a:hover .menu-arrow{background-position:0;}
	 ul.sf-menu>li{ text-align:center; display:inline-block; background:url(../images/transp.png) 0 0 repeat; border-top:#505050 1px solid; border-bottom:#1a1a1a 1px solid; width:126px;}
ul.sf-menu>li.first {width: 115px;}
}

@media only screen and (max-width: 767px) {
	ul.sf-menu>li:first-child, ul.sf-menu>li{float: none;text-align:left;width:100%;display:block;}
	ul.sf-menu{display: block;}
	ul.sf-menu>li>a{padding: 10px 25px 12px;}
	ul.sf-menu>li>a:after{display:none;}
	ul.sf-menu>li.last, ul.sf-menu > li.first{border-radius:0;}
	ul.sf-menu ul{position: static;padding: 0 0 5px 40px;top:0;float: none;overflow: hidden;background:none;}
	ul.sf-menu ul li{background:none;border:none;margin-bottom:10px;border-radius:0;}
	ul.sf-menu ul li a{padding: 0 0 0;}
	#menu-icon{display:block;background:#1b1b1b;padding: 8px 14px 10px; text-align:center;border:1px solid #4b4b4b;cursor:pointer;font-size: 16px; line-height: 20px; color: #fff;font-weight:bold;width:80px;margin-top:50px;}
	nav{background:none;box-shadow:none;margin:0;}
	ul.sf-menu{display:none;background:#000;width:200px;position: absolute;top:40px;}
	#menu-icon span{display:inline-block;background: url('../images/arrow.png') right 52% no-repeat;padding-right:12px;}
	#menu-icon:hover{background:#000;}
	 form#search-form{margin-top:0;}
	 form#search-form input{width:95%;}
}

@media only screen and (max-width: 479px) {
	
}