#nav {
	float:left;
	width: 620px;
	padding:0;
	margin: 56px 0 0 0;
}

#nav li {
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
	text-indent: -9999px;
	border-right: 1px solid #553e09;
}

#nav a {
	display:block;
    color:#fff;
    text-decoration:none;
    width: auto;
    height: 15px;
 	background-color: #f3d76b;
	background-repeat: no-repeat;
	overflow: hidden;
}

#nav a:hover, #nav .active a {
 	background-color: #ec822f;
}

/* HOME menu item */
#nav li#menu147 a {
	background-position: 3px -3px;
    width: 74px;
}
#nav li#menu147 a:hover, #nav li#menu147.active a {
    background-position: 3px -60px;
}

/* ABOUT menu item */
#nav li#menu153 a {
	background-position: -72px -3px;
    width: 77px;
}
#nav li#menu153 a:hover, #nav li#menu153.active a {
    background-position: -72px -60px;
}

/* SHOP menu item */
#nav li#menu157 a {
	background-position: -149px -3px;
    width: 69px;
}
#nav li#menu157 a:hover, #nav li#menu157.active a {
    background-position: -149px -60px;
}

/* COFFEE TOUR menu item */
#nav li#menu948 a {
	background-position: -220px -3px;
    width: 114px;
}
#nav li#menu948 a:hover, #nav li#menu948.active a {
	background-position: -220px -60px;
}
/* NEWS menu item */
#nav li#menu257 a {
	background-position: -506px -3px;
    width: 72px;
}
#nav li#menu257 a:hover, #nav li#menu257.active a {
	background-position: -506px -60px;
}

/* BLOG menu item */
#nav li#menu154 a {
	background-position: -430px -3px;
    width: 72px;
}
#nav li#menu154 a:hover, #nav li#menu154.active a {
	background-position: -430px -60px;
}

/* CONTACT menu item */
#nav li#menu607 a {
	background-position: -337px -3px;
    width: 96px;
}
#nav li#menu607 a:hover, #nav li#menu607.active a {
	background-position: -337px -60px;
}


#nav li.last-item {
    border: none;
}

/* Sub-navigation styles
----------------------------*/
#sub-nav {
    float: left;
    width: 130px;
    padding: 70px 0 0 0;
    margin:0;
    font-size: 1.1em;
}

#sub-nav li {
    float:left;
    width:100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

#sub-nav li ul {
    padding: 0;
    margin: 0;
}

#sub-nav li ul li {
    width: 116px;
}

#sub-nav a {
	display:block;
	float:left;
    padding: 3px 0 3px 11px;
    color: #412f0c;
    text-decoration:none;
    background-position: -166px -109px;
}

#sub-nav .active li a {
    color: #daa12b;
}

#sub-nav li ul,
#sub-nav li ul li ul li {
    display: none;
}

#sub-nav li ul li {
    padding-left: 12px;
}

#sub-nav li.active ul li a {
    color: #412f0c;
    font-weight: normal;
}

#sub-nav li ul li a,
#sub-nav li ul li.active ul li a {
    background-position: -165px -158px;
}

#sub-nav li ul li a:hover,
#sub-nav li ul li.active a,
#sub-nav li ul li.active ul li.active a,
#sub-nav li ul li.active ul li.active a:hover {
    background-position: -165px -210px;
}

#sub-nav li.active ul {
    display: block;
}

#sub-nav a:hover, 
#sub-nav .active a, 
#sub-nav .active .active a,
#sub-nav li ul li a:hover {
	color: #daa12b;
}

#sub-nav li.active a,
#sub-nav li.active ul li.active a {
    font-weight: bold;
}

#sub-nav li ul li.active ul li {
    width: 102px;
    display: block;
}

#sub-nav li ul li.active ul li a {
    font-weight: normal !important;
    color: #412f0c !important;
}

#sub-nav li ul li.active ul li.active a {
    font-weight: bold !important;
	color: #daa12b !important;
}





#sub-nav2 {
    float: left;
    width: 130px;
    padding: 10px 0 0 0;
    margin:0;
    font-size: 1.1em;
}

#sub-nav2 li {
    float:left;
    width:100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

#sub-nav2 li ul {
    padding: 0;
    margin: 0;
}

#sub-nav2 li ul li {
    width: 116px;
}

#sub-nav2 a {
	display:block;
	float:left;
    padding: 3px 0 3px 11px;
    color: #412f0c;
    text-decoration:none;
    background-position: -166px -109px;
}

#sub-nav2 .active li a {
    color: #daa12b;
}

#sub-nav2 li ul,
#sub-nav2 li ul li ul li {
    display: none;
}

#sub-nav2 li ul li {
    padding-left: 12px;
}

#sub-nav2 li.active ul li a {
    color: #412f0c;
    font-weight: normal;
}

#sub-nav2 li ul li a {
    background-position: -165px -158px;
}

#sub-nav2 li ul li a:hover,
#sub-nav2 li ul li.active a {
    background-position: -165px -210px;
}

#sub-nav2 li.active ul {
    display: block;
}

#sub-nav2 a:hover, #sub-nav2 .active a, #sub-nav2 .active .active a,
#sub-nav2 li ul li a:hover {
	color: #daa12b;
}

#sub-nav2 li.active a,
#sub-nav2 li.active ul li.active a {
    font-weight: bold;
}