/*** ESSENTIAL STYLES ***/





.main-menu, .main-menu * {





	margin: 0;





	padding: 0;





	list-style: none;





}





.main-menu li {





	position: relative;





}





.main-menu ul {





	position: absolute;





	display: none;





	top: 100%;





	left: 0;





	z-index: 99;





}





.main-menu > li {





	float: left;





}





.main-menu li:hover > ul,





.main-menu li.sfHover > ul {





	display: block;





}











.main-menu a {





	display: block;





	position: relative;





	font-size: 12px;





}





.main-menu ul ul {





	top: 0;





	left: 100%;





}

















/*** DEMO SKIN ***/





.main-menu {





	float: left;





	margin-bottom: 0;





height: 50px;





}





.main-menu ul {





	min-width: 12em; /* allow long menu items to determine submenu width */





	*width: 12em; /* no auto sub width for IE7, see white-space comment below */





}





.main-menu a {





	padding: 1em 1em;





	text-decoration: none;





	zoom: 1; /* IE7 */





}





.main-menu a {





	color: #ffffff;





}





.main-menu li {





	background-color: none;





	white-space: nowrap; /* no need for Supersubs plugin */





	*white-space: normal; /* ...unless you support IE7 (let it wrap) */





}





.main-menu > li > a {





	color: #ffffff;





	font-weight: bold;





	padding: 18px 18px;





	line-height: 19px;





	text-transform: uppercase;





	font-size: 13px;





}





.main-menu > li:hover > a, .main-menu > li > a:hover {





	color: #ffffff;





}





.main-menu li:hover,





.main-menu li.sfHover {





	background-color: #F26C4F;





	color: #ffffff;





}





/* Sub Menu */





.main-menu ul li {





	background-color: #333333;





	border-bottom: 1px solid #3b3d41;





}





.main-menu ul li:last-child {





	border-bottom: 0 none;





}





.main-menu ul a {





	color: #ffffff;





	font-weight: 400;





	text-transform: uppercase;





}





.main-menu ul a:hover {





	color: #ffffff;





}





.main-menu li li a, .main-menu li li.sfHover > a {





	-webkit-transition: all .3s ease;





	-moz-transition: all .3s ease;





	-ms-transition: all .3s ease;





	-o-transition: all .3s ease;





	transition: all .3s ease;





}





.main-menu ul li:hover,





.main-menu li li.sfHover {





	background-color: #F26C4F;





	color: #ffffff;





}





.main-menu li li.sfHover > a {





	color: #ffffff;





}











/*** arrows (for all except IE7) **/





.main-menu.sf-arrows .sf-with-ul {}





/* styling for both css and generated arrows */





.main-menu.sf-arrows .sf-with-ul:after {}





.main-menu.sf-arrows > li > .sf-with-ul:focus:after,





.main-menu.sf-arrows > li:hover > .sf-with-ul:after,





.main-menu.sf-arrows > .sfHover > .sf-with-ul:after {}





/* styling for right-facing arrows */





.main-menu.sf-arrows ul .sf-with-ul:after {}





.main-menu.sf-arrows ul li > .sf-with-ul:focus:after,





.main-menu.sf-arrows ul li:hover > .sf-with-ul:after,





.main-menu.sf-arrows ul .sfHover > .sf-with-ul:after {}











.main-menu li.current-menu-item > a,





.main-menu li.current_page_item > a,





.main-menu li.current-menu-parent > a,





.main-menu li.current_page_parent > a,





.main-menu ul li:hover {





	/*color: #ffffff;





	background: #F26C4F;*/





}