
/* .menubox for custom WP3 menu -HOWEVER- div.menu for default WP3 menu
----------------------------------------------- */
.menubox,
.menu {
	width:530px;
	margin:39px 0 39px 72px;
	height:30px;
	z-index:4000;
	position:relative;
	}

.menubox a,
.menubox a:hover,
.menubox a:active,
div.menu a,
div.menu a:hover,
div.menu a:active { 
	text-decoration: none;
	}

.menubox ul,
div.menu ul { 
	list-style: none; 
	}

/* Border Radius
----------------------------------------------- */
ul.menu > li > a,
ul.menu > li > a:hover,
ul.menu > li > a:active,
div.menu ul > li > a,
div.menu ul > li > a:hover,
div.menu ul > li > a:active { 
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;

	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.li-first {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	}

.li-last,
.li-last a {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	}

/* Level 1
----------------------------------------------- */
ul.menu,
div.menu ul { 
	list-style:none;
	float:right;
	margin:0;
	padding:0;
	line-height:1.04em;
	z-index:4;
	position: relative; 
	}

ul.menu li,
div.menu ul li { 
	float: left; 
	zoom: 1; 
	z-index:4;
	}

ul.menu li a,
div.menu ul li a {
	color:#191919; 
	display:block; 
	padding:7px 16px;
	text-transform:uppercase;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* FOR SAFARI */
	ul.menu li a,
	ul.menu li.cat-item a,
	div.menu ul li a,
	div.menu ul li.cat-item a { 
		padding:8px 15px;
	}
}

ul.menu li.hover,
ul.menu li:hover a.active,
div.menu ul li.hover,
div.menu ul li:hover a.active { 
	position:relative;
	}

ul.menu > li.hover > a,
div.menu ul > li.hover > a { 
	color:#FFF;
	background-color:#343f44;
	background-image:url(../images/grd-white.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	}

ul.menu .active:hover,
ul.menu .active,
ul.menu > li.current-cat > a,
ul.menu > li.current-cat-parent > a,
ul.menu > li.current_page_item > a,
ul.menu > li.current_page_parent > a,
div.menu ul .active:hover,
div.menu ul .active,
div.menu ul > li.current-cat > a,
div.menu ul > li.current-cat-parent > a,
div.menu ul > li.current_page_item > a,
div.menu ul > li.current_page_parent > a,
ul.menu > .current-menu-item > a,
ul.menu > .current-menu-parent > a,
ul.menu > .current-menu-ancestor > a,
div.menu ul > .current-menu-item > a,
div.menu ul > .current-menu-parent > a,
div.menu ul > .current-menu-ancestor > a {
	color:#191919;
	background-color:#FFF;
	background-image:url(../images/grd-white.png);
	background-position:left -15px;
	background-repeat:repeat-x;

	box-shadow:inset 0px 1px 2px #666;
	-moz-box-shadow:inset 0px 1px 2px #666;
	-webkit-box-shadow:inset 0px 1px 2px #666;
	}

/* Level 2
----------------------------------------------- */
ul.menu ul,
div.menu ul ul { 
	width: 180px; 
	visibility: hidden; 
	top: 100%; 
	left: 0; 
	z-index:4;
	margin:0;
	line-height:1em;
	text-align:left;
	position: absolute;
	}

ul.menu ul > li,
div.menu ul ul > li {
	font-weight: normal; 
	background-color:#343f44;
	color:#FFF; 
	float: none; 
	z-index:4;
	}

ul.menu ul > li:hover a,
div.menu ul ul > li:hover a {
	color:#FFF;
	}

/* IE 6 & 7 Needs Inline Block */
ul.menu ul li a,
div.menu ul ul li a	{ 
	width: 167px;
	color:#FFF;
	padding:7px 3px 8px 10px !important;
	margin:0;
	background:none;
	display: inline-block; 
	border:none;
	text-transform:none;
	z-index:4;
	} 

ul.menu ul li a:hover,
ul.menu ul li.current-cat > a,
ul.menu ul li.current_page_item > a,
div.menu ul ul li a:hover,
div.menu ul ul li.current-cat > a,
div.menu ul ul li.current_page_item > a  {
	background-color:none;
	background-position:top center;
	background-repeat:repeat-x;
	color:#FFF;
	}

ul.menu ul li a:hover,
ul.menu ul li.current-cat > a:hover,
ul.menu ul li.current_page_item > a:hover,
div.menu ul ul li a:hover,
div.menu ul ul li.current-cat > a:hover,
div.menu ul ul li.current_page_item > a:hover {
	background-image:url(../images/grd-white5.png);
	}

ul.menu ul li.current-cat > a,
ul.menu ul li.current_page_item > a,
div.menu ul li.current-cat > a,
div.menu ul li.current_page_item > a {
	background-image:url(../images/grd-white6.png);
	}

ul.menu ul li a span,
div.menu ul ul li a span { 
	position:absolute;
	right:10px;
	}

ul.dropdown ul li:first-child { 
	}

ul.dropdown ul li:last-child { 
	}

ul.dropdown ul li:last-child a	{ 
	}

/* Level 3
----------------------------------------------- */
ul.menu ul ul,
div.menu ul ul ul { 
	left:180px; 
	top:-350px;
	margin:0;
	}

ul.menu li > ul,
div.menu ul li > ul {
	margin:-1500px;
	visibility:visible;
	}

ul.menu li:hover > ul,
div.menu ul li:hover > ul { 
	margin:0;
	visibility:visible;
	} 

ul.menu ul li:hover > ul,
div.menu ul ul li:hover > ul { 
	margin:-28px 0 0 0;
	visibility:visible;
	} 




