/**********************************************************************

 * UberMenu Skin: Black & White 2.0

 * 

 * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com

 * Copyright: Chris Mavricos, SevenSpark http://sevenspark.com

 **********************************************************************/

/* Menu Bar */

#megaMenu{

 

  border: none;

  background-color: #2C2C2C;

 

 /* background: #212121 url(../images/black2_bkg.png) top left repeat-x;*/

  background-color: -webkit-gradient(linear, left top, left bottom, from(#008ac4), to(#006895));

  background-color: -webkit-linear-gradient(top, #008ac4, #006895);

  background-color: -moz-linear-gradient(top, #008ac4, #006895);

  background-color: -ms-linear-gradient(top, #008ac4, #006895);

  background-color: -o-linear-gradient(top, #008ac4, #006895);

  

 /* -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  -moz-background-clip: padding;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);*/

  background-image:url('menubg.png');

  background-repeat:repeat-x;

  text-transform: uppercase !important;

color: #FFF !important;

font-size: 13px !important;

font-family: 'opensans',Arial, Helvetica, sans-serif;

}

/* Top Level Items */

#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle, #megaMenu li   {

  font-size: 12px;

  color: #bfbfbf;

  padding: 12px 33px;



}

/* Horizontal Menu Items */

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator, #megaMenu li  {

 border-left: 1px solid #505050;





}



#megaMenu a {

	text-transform:none !important;

	font-weight:normal;

color: #FFF;

font-size: 13px;

font-family: 'opensans',Arial, Helvetica, sans-serif;

text-decoration:none

	

}

/* Vertical Menu Items */

#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > span.um-anchoremulator {

  border-top: 1px solid #000000;

  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

}

/* Menu Items with Dropdowns */

#megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a,

#megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator,

#megaMenu ul li.menu-item.mega-with-sub > a,

#megaMenu ul li.menu-item.mega-with-sub > span.um-anchoremulator,

#megaMenu ul li.menu-item.ss-nav-menu-mega > a,

#megaMenu ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator {

  padding-right: 20px;

}

/* Top Level Menu Item Titles */

#megaMenu ul.megaMenu > li.menu-item > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator span.wpmega-link-title {

  text-transform: none;

  text-shadow: #000000;

}

/* Top Level Items - Hover */

#megaMenu ul.megaMenu > li.menu-item:hover > a,

#megaMenu ul.megaMenu > li.menu-item > a:hover,

#megaMenu ul.megaMenu > li.menu-item.megaHover > a,

#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator,

#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover,

#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator {

  color: #efefef !important;

  border-bottom-color: transparent !important;

  background:#333333;

 /* background: -webkit-gradient(linear, left top, left bottom, from(#0073a2), to(#008ac4));

  background: -webkit-linear-gradient(top, #0073a2, #008ac4);

  background: -moz-linear-gradient(top, #0073a2, #008ac4);

  background: -ms-linear-gradient(top, #0073a2, #008ac4);

  background: -o-linear-gradient(top, #0073a2, #008ac4);*/

}

/* Top Level Items Title - Hover */

#megaMenu ul.megaMenu > li.menu-item:hover > a span.wpmega-link-title,

#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator span.wpmega-link-title,

#megaMenu ul.megaMenu > li.menu-item > a:hover span.wpmega-link-title,

#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover span.wpmega-link-title,

#megaMenu ul.megaMenu > li.menu-item.megaHover > a span.wpmega-link-title,

#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator span.wpmega-link-title {

  text-shadow: #000000;

}

/* Top Level Items - Current Item */

#megaMenu ul.megaMenu > li.menu-item.current-menu-item > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-parent > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor > a {

  color: #ffffff;

}

/* Sub Menu Container Style */

#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {

  border-color: #e0e0e0;

  color: #888888;



  background-color: #f9f9f9;

  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));

  background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);

  background: -moz-linear-gradient(top, #f9f9f9, #fefefe);

  background: -ms-linear-gradient(top, #f9f9f9, #fefefe);

  background: -o-linear-gradient(top, #f9f9f9, #fefefe);

}

#megaMenu ul.megaMenu ul.sub-menu .wpmega-postlist a {

  color: #888888;

}

/* Horizontal Sub Menus */

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {

  border-top: none;

}

/* Sub Menu Columns */

#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li.menu-item {

  min-width: 100px;

}

/* Sub Menu Headers */#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a,

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a,

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator,

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator,

#megaMenu .wpmega-widgetarea h2.widgettitle {

  color: #777777;

  font-size: 12px;

  font-weight: bold;

  text-shadow: 0px 1px 1px #ffffff;

  padding-bottom: .4em;

  border-bottom: 1px dotted #e9e9e9;

  margin-bottom: 0.6em;

}

/* Sub Menu Links & Fake Links */

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a,

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > span.um-anchoremulator,

#megaMenu ul ul.sub-menu li.menu-item > a,

#megaMenu ul ul.sub-menu li.menu-item > span.um-anchoremulator {

  color: #888888;

  font-size: 12px;

  text-shadow: 0px 1px 1px #ffffff;

  background-color: transparent;

}

/* Sub Menu Link Hover */

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item a:hover, #megaMenu ul ul.sub-menu > li.menu-item:hover > a {

  color: #000000;

  background-color: transparent;

}

/* Top Level Search Bar */

#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform {

  padding-top: 2px;

}

/* Highlight color */

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator {

  color: #4d90fe !important;

}

/* Image Spacing */

#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title,

#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description,

#megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description,

#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title,

#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description,

#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description {

  padding-left: 25px;

}

.ss-nav-menu-with-img {

  min-height: 16px;

}

/* Item Description */

#megaMenu ul.megaMenu li.menu-item a span.wpmega-item-description, #megaMenu ul.megaMenu li.menu-item span.um-anchoremulator span.wpmega-item-description {

  font-size: 9px;

  color: #bbbbbb;

  text-transform: uppercase;

}

/* Arrow Colors */

#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,

#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {

  border-top-color: #bbbbbb;

}

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after {

  border-left-color: #bbbbbb;

}

/* HR */

#megaMenu .wpmega-divider {

  border-top: 1px solid #e0e0e0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}

/* Vertical */

#megaMenu.megaMenuVertical > ul > li.menu-item > a, #megaMenu.megaMenuVertical > ul > li.menu-item > span.um-anchoremulator {

  background-color: #3d3d3d;

  background: #212121 url(../images/black2_bkg.png) top left repeat-x;

  background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#212121));

  background: -webkit-linear-gradient(top, #3d3d3d, #212121);

  background: -moz-linear-gradient(top, #3d3d3d, #212121);

  background: -ms-linear-gradient(top, #3d3d3d, #212121);

  background: -o-linear-gradient(top, #3d3d3d, #212121);

}

#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,

#megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > a:after,

#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > a:after,

#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after,

#megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > span.um-anchoremulator:after,

#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {

  border-left-color: #bbbbbb;

}

#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {

  border-left: none;

}

/* IE7 Hacks */

#megaMenu.megaMenuHorizontal ul.megaMenu {

  *border-bottom: none;

}

#megaMenu.megaMenuVertical ul.megaMenu {

  *border-right: none;

}



/*  #Tablet (Landscape) - 990px

================================================== */





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

	#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle, #megaMenu li   {

 

  padding: 12px 15px;

  

}

}



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

	#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle, #megaMenu li   {

 

  padding: 12px 14px;

  

}

}

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

	#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle, #megaMenu li   {

 

  padding: 12px 10px;

 

  

}

#megaMenu li a {

	 font-size:14px

}

}



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

	#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle, #megaMenu li   {

 

  padding: 12px 10px;

 

  

}

#megaMenu li a {

	 font-size:13px

}

}