/* CSS Document */

ul#ripples {
	width			: 770px;
	height			: 34px;
	position		: absolute;
	top				: 6px;
	left			: 13px;
	display			: block;
	padding			: 0;
	margin			: 0;
	text-indent		: 0;
	list-style-type	: none;
	background-image:url('images/bg_nav_all.gif');
	background-repeat:no-repeat; }

ul#ripples li,
ul#ripples li a {
	float			: left;
	height			: 34px;
	display			: block;
	padding			: 0;
	margin			: 0;
	text-indent		: 0;
	border			: none;
	list-style-type	: none;
	background-repeat : no-repeat;
	background-position:0 0; }

ul#ripples li { margin-right:1px;z-index:99; }

ul#ripples li a:link,
ul#ripples li a:visited,
ul#ripples li a:hover,
ul#ripples li a:active {
	text-decoration	: none; }

ul#ripples li#home,
ul#ripples li#home a { width:81px; }
ul#ripples li#about,
ul#ripples li#about a { width:105px; }
ul#ripples li#services,
ul#ripples li#services a { width:104px; }
ul#ripples li#resources,
ul#ripples li#resources a { width:124px; }
ul#ripples li#contact,
ul#ripples li#contact a { width:129px; }
ul#ripples li#brokers,
ul#ripples li#brokers a { width:102px; }
ul#ripples li#investors,
ul#ripples li#investors a { width:117px; }


ul#ripples li a { background-image : url('images/no_thing.gif');background-repeat:repeat; }
ul#ripples li div a { background-image:none;width:auto;float:none;height:auto;display:inline; }

ul#ripples > li#fold { display:none; }

a img { border:none; }

ul#ripples li a img {
	height			: 0;
	width			: 0;
	border:none;z-index:99; }

ul#ripples li a:hover img {
	height			: 33px;
	width			: 100%; }
ul#ripples li > a:hover img {
	width			: inherit; }

ul#ripples li div {
	position		: relative;
	display			: none;
	top				: -59px;
	left			: -60px;
	padding			: 6px 10px 0px 10px;
	z-index			: 5;
	width			: 310px;
	border-bottom	: #3B485A solid 1px;
	height			: 18px;
	clear			: left;
	background-color: #d6dbe3; }

ul#ripples li:hover div {
	display			: block; }

ul#ripples li div a,
ul#ripples li div a:active,
ul#ripples li div a:link, 
ul#ripples li div a:visited {
 	color			:#444;
 	font-size		:12px;
 	font-weight		: bold;
}
ul#ripples li div a:hover {
 	color			:#5d6a7c;
}