﻿#fancymenu{
	position: absolute; 
	overflow: hidden;
	right: 17px;
	top: 55px;
	padding: 5px;
	margin: 0px;
	height: 40px;
	font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: bold; 
}

#fancymenu * {
	line-height: 24px;
}
#fancymenu ul li{
	float: left;
	list-style: none;
	margin: 0 15px;
	padding:0 2px;
}
#fancymenu ul li a{
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
	z-index: 10;
	height: 40px;
	line-height: 24px;
	text-decoration: none;
	color: #0096ce;
	padding: 0 2px;
	
}
#fancymenu li.background{
	background: url('design/r-shadow.png') no-repeat top right !important;
	z-index: 8;
	position: absolute;
	padding: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
#fancymenu .background .left{
	background: url('design/l-shadow.png') no-repeat top left !important;
	height: 30px;
	top: 3px;
	margin-right: 12px;
}
#fancymenu ul li.current a {
	color: white !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25); !important;
}

/* Modernizr.js and CSS3 */
/*
.borderradius #fancymenu ul li a:hover {
	-moz-border-radius:14px;  
	-khtml-border-radius:14px;  
	-webkit-border-radius:14px;  
	border-radius:14px;
	background: #e6e0cf;
	height:28px;
}
*/
div.l-balloon {
	float: left;
	height: 40px;
	width: 16px;
	background: url('design/ball_left.png') no-repeat top left;
}
div.r-balloon {
	float: right;
	height: 40px;
	width: 16px;
	background: url('design/ball_right.png') no-repeat top right;
}
div.c-balloon {
	float: left;
	height: 40px;
	position: relative;
	overflow: hidden;
	background: url('design/ball_center.png') no-repeat top left;	
	/* background-position:  -(390-bcenter.width)/2 */
	/* width: (parent-bleft-bright) */
}
li.back { 
	top: 0;
	z-index: 4; 
	position: absolute;
}

/* ------------------------------------------ DIGIT BALLOON */
div.l-digit {
 	float: left; 
	height: 26px;
	width: 12px;
	background: url('design/dgleft.png') no-repeat top left;
}
div.r-digit {
	float: right; 
	height: 26px;
	width: 12px;
	background: url('design/dgright.png') no-repeat top right;
}
div.c-digit {
	float: left; 
	height: 26px;
	position: relative;
	overflow: hidden;
	background: url('design/dgcenter.png') repeat-x top left;
}
