.brown {
	height: 28px;
	border: 1px solid #4c4c4c;
	border-bottom-color: #1f1f1f;
	background-color:#4a3900;
	font:12px/18px "Helvetica Neue", Arial, sans-serif;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8e6d00), to(#4a3900));
	background-image: -webkit-linear-gradient(top, #8e6d00, #4a3900);
	background-image: -moz-linear-gradient(top, #8e6d00, #4a3900);
	background-image: -o-linear-gradient(top, #8e6d00, #4a3900);
	background-image: -ms-linear-gradient(top, #8e6d00, #4a3900);
	background-image: linear-gradient(top, #8e6d00, #4a3900);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: 0 1px #868686 inset, 0 1px 2px #999;
	-moz-box-shadow: 0 1px #868686 inset, 0 1px 2px #999;
	box-shadow: 0 1px #868686 inset, 0 1px 2px #999;
}

.brown > li > a, .brown li > ul > li a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 0 1px #281f00;
	padding: 5px 15px;
}

.brown > li, .brown li > ul > li {
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	transition: background-color .3s;
}

.brown > li:hover, .brown li > ul > li:hover {
	-webkit-box-shadow: 0 1px #d2a200 inset;
	-moz-box-shadow: 0 1px #d2a200 inset;
	box-shadow: 0 1px #d2a200 inset;
	
	background-color: #7d6000;
}

.brown > li > a img, .brown li > ul > li > a img {
	border: 0;
	margin-right: 7px;
}

/* For the first menu level only ---------- */

.brown > li {border-right: 1px solid #9f7a00;}
.brown > li > a {border-right: 1px solid #281f00;}

.brown > li.floatr {
	border-right: none;
	border-left: 1px solid #281f00;
}
.brown > li.floatr > a {
	border-right: none;
	border-left: 1px solid #9f7a00;
}

.brown > li > a .bubble, .brown > li > a .bubble-red, .brown > li > a .bubble-blue, .brown > li > a .bubble-orange, .brown > li > a .bubble-purple {
	position: absolute;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	padding: 0 3px;
	right: 4px;
	top: -8px;
	text-shadow: none;
}
.brown > li > a .bubble-red, .brown > li > a .bubble {
	border: 1px solid #a00000;
	background-color: #ee3141;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f26870), to(#ec0e23));
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 1px #ffa7a7 inset;
	-moz-box-shadow: 0 1px #ffa7a7 inset;
	box-shadow: 0 1px #ffa7a7 inset;
}
.brown > li > a .bubble-orange {
	border: 1px solid #a04100;
	background-color: #f07f42;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0925f), to(#ec6818));
	background-image: -webkit-linear-gradient(top, #f0925f, #ec6818);
	background-image: -moz-linear-gradient(top, #f0925f, #ec6818);
	background-image: -o-linear-gradient(top, #f0925f, #ec6818);
	background-image: -ms-linear-gradient(top, #f0925f, #ec6818);
	background-image: linear-gradient(top, #f0925f, #ec6818);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 1px #ffc9a6 inset;
	-moz-box-shadow: 0 1px #ffc9a6 inset;
	box-shadow: 0 1px #ffc9a6 inset;
}
.brown > li > a .bubble-purple {
	border: 1px solid #6400a0;
	background-color: #9834ed;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ae5ff1), to(#9318eb));
	background-image: -webkit-linear-gradient(top, #ae5ff1, #9318eb);
	background-image: -moz-linear-gradient(top, #ae5ff1, #9318eb);
	background-image: -o-linear-gradient(top, #ae5ff1, #9318eb);
	background-image: -ms-linear-gradient(top, #ae5ff1, #9318eb);
	background-image: linear-gradient(top, #ae5ff1, #9318eb);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 1px #dca6ff inset;
	-moz-box-shadow: 0 1px #dca6ff inset;
	box-shadow: 0 1px #dca6ff inset;
}
.brown > li > a .bubble-blue {
	border: 1px solid #002fa0;
	background-color: #397ced;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6096f1), to(#195fec));
	background-image: -webkit-linear-gradient(top, #6096f1, #195fec);
	background-image: -moz-linear-gradient(top, #6096f1, #195fec);
	background-image: -o-linear-gradient(top, #6096f1, #195fec);
	background-image: -ms-linear-gradient(top, #6096f1, #195fec);
	background-image: linear-gradient(top, #6096f1, #195fec);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 1px #a6c1ff inset;
	-moz-box-shadow: 0 1px #a6c1ff inset;
	box-shadow: 0 1px #a6c1ff inset;
}

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

.brown ul {
	border: 1px solid #1f1f1f;
	border-top: none;
	
	background-color:#5b4600;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8e6d00), to(#4a3900));
	background-image: -webkit-linear-gradient(top, #8e6d00, #4a3900);
	background-image: -moz-linear-gradient(top, #8e6d00, #4a3900);
	background-image: -o-linear-gradient(top, #8e6d00, #4a3900);
	background-image: -ms-linear-gradient(top, #8e6d00, #4a3900);
	background-image: linear-gradient(top, #8e6d00, #4a3900);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-left-radius: 0;
}
.brown li.floater ul {
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
}

.brown ul .bubble {
	background-color: #444;
	border-bottom: 1px solid #aaa;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 8px;
	position: absolute;
	right: 6px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 0 1px 2px #111 inset;
	-moz-box-shadow: 0 1px 2px #111 inset;
	box-shadow: 0 1px 2px #111 inset;
}

.brown ul li {border-top: 1px solid #281f00;}
.brown ul li a {border-top: 1px solid #9f7a00;}
.brown > li > ul > li:first-child {border-top-color: #1f1f1f;}

.brown > li > ul {left: -1px;}
.brown ul ul {top: -1px;}
.brown > li.floatr > ul {
	right: -1px;
	left: auto;
}
.brown > li.floatr > ul ul {left: -127px;}

/* Mega menu ----------------------------- */

.brown li > div {
	border: 1px solid #1f1f1f;
	border-top: none;
	color:#fff;
	
	background-color:#7d6000;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d6000), to(#4a3900));
	background-image: -webkit-linear-gradient(top, #7d6000, #4a3900);
	background-image: -moz-linear-gradient(top, #7d6000, #4a3900);
	background-image: -o-linear-gradient(top, #7d6000, #4a3900);
	background-image: -ms-linear-gradient(top, #7d6000, #4a3900);
	background-image: linear-gradient(top, #7d6000, #4a3900);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-left-radius: 0;
}
.brown li.floatr > div {
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
}

.brown > li:first-child > div {left: -1px;}
.brown > li > div {left: -2px;}
.brown > li.floatr > div {right: -1px; left: auto;}

.brown div ol {
	border:none;
	background:none;
	list-style:none;
	padding:5px 0 0;
	margin:0;
}

.brown div a {
	text-decoration:none;
	color:#ddd;
	padding:2px 0;
}

.brown div a:hover {
	color:#fff;
	text-decoration:underline;
}

.brown div p {
	margin:0;
	padding:5px 0;
	line-height:18px;
}

.brown div h4, .brown div h5, .brown div h6 {
	padding:0;
	margin:0;
	text-shadow:0 1px #281f00;
}

.brown div h4 {
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #281f00;
	padding-bottom:10px;
}

.brown div h5 {
	font-size:13px;
	font-weight:normal;
	border-bottom:1px solid #171200;
	padding-bottom:5px;
}