ul.slimmenu i, ul.slimmenu, ul.slimmenu ul, ul.slimmenu li, .menu-collapser {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/* HTML from JS: <div class="menu-collapser">
 * <div class="collapse-button"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
 * </div></div> */

/* subcollapser holds arrows for dropdowns:
 * <span class="sub-collapser"><i>&#9660;</i></span> */

/* to remove padding on buttons of dd menu */
body { 	line-height: 1; }

/* full width bar for mobile menu - color for words "Main Menu" */
.menu-collapser {      background-color: transparent;     color: #ffffff ; font-size: 1em; text-align: right;  }

/* width and bg of top level tabs */
ul.slimmenu li {     background-color: transparent;     width: 15.6%; background: url(../img/menuborder.png) top right repeat-y;  }
ul.slimmenu li.wider { width:  20%; }
ul.slimmenu li.narrower { width:  5%; }
ul.slimmenu li.narrower2 { width:  13%; }
ul.slimmenu li.last {  width: 19.6%; background-image: none; }

/* DD color width */
ul.slimmenu li ul li { background-color: #4a5327; width: 100%; border-bottom: 1px solid #6c744b;   }

/* menu link color, text-align  */
ul.slimmenu li a {      color: #eee; font-size: 17px;  line-height: 100%; text-align: center; border-bottom: none; text-decoration: none;}

/* hover tab bg color */
ul.slimmenu li a:hover {    color: #ffffff;  background-color: #606a38; border-bottom: none; text-decoration: none; }

/* styles for mobile li's */
ul.slimmenu.collapsed li {     width: 100%; background-color: #4a5327; border-bottom: 1px solid #6c744b; }
ul.slimmenu.collapsed li ul li {  background-color: #282b1e; } 

/* arrow color, size */
ul.slimmenu li .sub-collapser > i {      color: #ddd;     font-size: 20px; }

/* keep same line heights  - change .menu-collapser padding to alter height of mobile bar */
.menu-collapser {  padding: 8px;   }
ul.slimmenu li a {     padding: 12px 40px 12px 10px; /* was 12 64 12 10 */ }
ul.slimmenu li a.nodd {  padding: 12px 0px;  }
ul.slimmenu.collapsed li a,  ul.slimmenu.collapsed li a.nodd   {  padding: 8px 0px;  }

/* Give menu collapser same pad top + bot as above   */
 .menu-collapser   { line-height: 100%;  padding-top:12px; padding-bottom: 12px;  }

/*  Keep arrow bg height same as line height: font-size + padding top + bottom */
ul.slimmenu.collapsed li .sub-collapser {
    height: 34px; 
}

/* collapse button bg on mobile menu */
.collapse-button {
background: transparent;     color: #ffffff;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 0;
}   
.collapse-button:hover, .collapse-button:focus {    }
/*  horiz lines in collapse button  */
.collapse-button .icon-bar {       background-color: #ffffff;  }
.clickhere { padding-left: 50px;  cursor: pointer;    }

body#home ul.slimmenu li.home a, 
body#second ul.slimmenu li.second a, 
body#third ul.slimmenu li.third a, 
body#fourth ul.slimmenu li.fourth a, 
body#fifth ul.slimmenu li.fifth a,
body#sixth ul.slimmenu li.sixth a, 
body#seventh ul.slimmenu li.seventh a
{  background: #545d2f;  }

ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%; 
}

/* negative margin-right: no. of li -1 (?)  */
ul.slimmenu li {     position: relative;     display: inline-block; float: left; margin: 0 0px 0 0;  }
ul.slimmenu > li { } /* was margin-right -5px  */

ul.slimmenu li a {
    display: block;
    font-weight: normal;
   /*  text-shadow: 0 1px 0 rgba(255,255,255,0.9);  */
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}

ul.slimmenu li a:hover {   text-decoration: none; }

ul.slimmenu li ul {     margin: 0;     list-style-type: none; }

ul.slimmenu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 340px ;
}
ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
      width: 200px /* was 100% */;
}

ul.slimmenu.collapsed li {     display: block;     width: 100%;
    /* box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box */
}
ul.slimmenu.collapsed li a {     display: block;     
    /* box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box */
}

ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
}
ul.slimmenu.collapsed li > ul, ul.slimmenu.collapsed li > ul > li {   width: 100%; }
ul.slimmenu li .sub-collapser {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
    position: absolute;
    right: 0;
    top: 0;
    width: 40px; /*  was 48  */
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
ul.slimmenu li .sub-collapser > i {     display: inline-block;     vertical-align: middle; }


.menu-collapser {
    position: relative;
    width: 100%;
    /* height: 48px;  */
    height: auto; 
    padding-left:  0; padding-right: 55px; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
   /*  width: 40px; */
   width: auto; 
    /* padding: 7px 10px; */
    padding: 4px 6px; 
    cursor: pointer;
    font-size: 14px;
    text-align: center;

    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {     background-image: none;  }
.collapse-button .icon-bar {
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 3px;
    width: 24px;
    margin: 3px 0;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e600";
}
.icon-undo:before {
	content: "\e602";
}
.icon-redo:before {
	content: "\e603";
}
.icon-facebook:before {
	content: "\e604";
}
.icon-twitter:before {
	content: "\e605";
}
.icon-google-plus:before {
	content: "\e606";
}
.icon-mail:before {
	content: "\e601";
}
.icon-arrow-right:before {
	content: "\e607";
}
.icon-arrow-left:before {
	content: "\e608";
}