.menubtn { display: none; }
nav { font-size: 15px; background: url(../img/border-line.png) bottom repeat-x; width: 100%; float: left; margin: 12px 0 0 0; }
nav span { display: none; }
/* all lists */

nav ul, nav ul ul { padding: 0; margin: 0; list-style: none; width: 750px; margin: auto; }
nav ul a { display: block; text-decoration: none; text-transform: uppercase; }
/* all list items */

nav ul li { float: left; -webkit-transition: background-color 0.7s ease; -moz-transition: background-color 0.7s ease; -o-transition: background-color 0.7s ease; -ms-transition: background-color 0.7s ease; transition: background-color 0.7s ease; }
nav ul li:last-child { border: none; }
/* second-level lists */

nav ul li ul { position: absolute; width: 12em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
nav ul li ul li { }
nav ul ul li, nav ul ul ul li, nav ul ul ul ul li { border-right: none; }
nav ul li a.sf-with-ul:after { content: '\00BB';/*Right Double Arrows*/ display: inline-block; *float:right;/*IE7 Fix*/
position: relative; top: 0em; right: -0.3em; }
nav ul li.sfHover a.sf-with-ul:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
nav ul li.sfHover li a.sf-with-ul:after { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
nav ul li a.sf-with-ul:only-child:after { content: '';/* if only child, delete arrow */ }
nav ul li ul a { padding: 0.5em 1.5em; margin-top: -1px; line-height: 40px; /*to offset bottom border*/ }
nav ul li ul li:last-child a { border-bottom: none; }
/* third-and-above-level lists */

nav ul li ul ul { margin: -2em 0 0 12em;/* negative margin calculated by li padding plus line height*/ }
nav ul li:hover ul ul, nav ul li:hover ul ul ul, nav ul li.sfhover ul ul, nav ul li.sfhover ul ul ul { left: -999em; }
nav ul li:hover ul, nav ul li li:hover ul, nav ul li li li:hover ul, nav ul li.sfhover ul, nav ul li li.sfhover ul, nav ul li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
/*UNIVERSAL PADDING*/





/*----------------------------------

	IE6

-----------------------------------*/

.ie6 nav ul li a.sf-with-ul { background-image: url('file:///C|/Users/brijmohan.designer/Desktop/Responsive-Cross-Browser-jQuery-Dropdown-Menu-Plugin-Easy-As-Pie/assets/img/arrow.png'); background-repeat: no-repeat; background-position: right center; }
/*----------------------------------

	COLORS

-----------------------------------*/



nav ul a { color: #4d4d4d; border-bottom: solid 2px rgba(250, 250, 250, 0.1); width: 100%; }
/*Top Nav borders*/

nav ul li { background: url(../img/nav-right-arrow.png) right no-repeat; border-top: solid 2px rgba(250, 250, 250, 0.0); background-position: 0px 13px; padding: 0px 25px 10px; line-height: 40px; }
nav ul li a:hover { color: #6289b6 !important; border-top: solid #6289b6 2px;  background: url(../img/nav-top.png) top center no-repeat; background-position: center -2px; }
nav ul li.current-menu-item a { color: #4d4d4d !important; border-top: solid #6289b6 2px; background: url(../img/nav-top.png) top center no-repeat; background-position: center -2px; }
nav ul li ul a { border-bottom: 1px solid #e5e5e5; }
.left-image { background: none !important; }

/*----------------------------------

	MEDIA QUERY

-----------------------------------*/

@media screen and (max-width:800px) {
.menubtn { display: block; /*margin: -102px 0 18px;*/margin: -70px 0 18px; float: right; text-indent: -9999px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 40px; height: 40px; }
.menubtn:hover { cursor: pointer; }
.quotebtn { display: none; }
nav ul li { line-height: inherit !important; padding: initial !important; }
nav span { display: block; }
nav span { position: relative; float: right; padding: 10px; }
nav span:hover { cursor: pointer; }
nav ul, nav ul > ul { display: none; float: none; width: 100%; }
nav ul li { border-right: none; }
nav ul li a.sf-with-ul:after { content: ''; }
nav ul li ul, nav ul li ul li { width: 100%; }
nav ul li ul a { border-bottom: none; }
nav ul ul, nav ul li { width: 100%; }
nav ul li a { padding: 0.5em 1em 0.5em 1em; float: left; }
nav ul li ul a { padding: 0.5em 1em 0.5em 2em; }
nav ul ul li ul a { padding: 0.5em 1em 0.5em 3em; }
nav ul ul ul li ul a { padding: 0.5em 1em 0.5em 4em; }
nav ul li ul, nav ul li ul ul, nav ul li:hover ul ul, nav ul li:hover ul ul ul, nav ul li.sfhover ul ul, nav ul li.sfhover ul ul ul, nav ul li:hover ul, nav ul li li:hover ul, nav ul li li li:hover ul, nav ul li.sfhover ul, nav ul li li.sfhover ul, nav ul li li li.sfhover ul { position: relative; display: none; margin: 0 0 0 0; left: 0em; /* using left instead of display because display: none isn't read by screen readers */ }
/*----------------------------------

		MOBILE COLORS

	-----------------------------------*/







.menubtn { background: url(../img/menuicon.png) #6289b6; filter: alpha(opacity=60); -khtml-opacity: 0.6; opacity: 0.6; }
.menubtn:hover, .menuOpen { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; opacity: 1; }
/*Plus icon*/

nav span { background: #00b4ff; color: #fff; }
nav span:hover { background: #049ad6; }
/*Top Nav background*/

nav ul ul, nav ul li { background: #6289b6 !important; }
nav ul ul, nav ul li a { color: #FFF !important; }
nav ul li a:hover { color: #CCC !important; }
.left-image { background: #6289b6 !important; color: #FFF; }
nav ul ul, nav ul li { margin: 0px 0 0 0; }
/*Sub-Nav background*/

nav ul li ul li { background: #ccc; }
/*Sub-Nav borders*/

nav ul li ul li { border-bottom: 1px solid #e5e5e5; background: #00C; }
/*sub, sub-Nav background*/

nav ul ul ul li { background: #ccc; }
nav ul li a.active { border-top: 0px; }
nav ul li a:hover { border-top: 0px; }
/*First Nav Item when open*/

ul li.menuOpen, ul li.menuOpen:hover { background: #47a3da; }
ul li.menuOpen >span { background: #049ad6; }
/*Sub-Nav Item when open*/

ul ul li.menuOpen, ul ul li.menuOpen:hover { background: #a9e4fc; }
/*Sub, Sub-Nav Item when open*/

ul ul ul li.menuOpen, ul ul ul li.menuOpen:hover { background: #cdebf7; }
}