/* CSS Document */

/* Menu for Icon code below */

#menu_icon {
	list-style-type: none;
	font-size: 14px;
	/* width: 934px;*/
	background: #9ff;
	color: #666666;
	font-size: 14px;
	font-family: Georgia, Times;
}
#menu_icon li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

#menu_icon a {
	text-decoration: none;
	color: #666666;
	/* border: 1px solid black;   */
  display: block;
	/* can add a width here (or on the li) */
  /*width: 100px;*/

  /* otherwise set this to make ie6 happy,
   * but note this breaks a little bit in ie6 later,
   * see #menu ol li
   */
  _display: inline-block;
	height: 140px;
	text-align: center;

}
#menu_icon li:hover a span, #menu_icon li.hover a span {
	background: #cccc;
	color: #97152e;
	font-weight: bold;
	text-decoration: underline;
}
#menu_icon ol {
	list-style-type: none;
	display: none;
	position: absolute;
	top: 20px; /* Only IE6 needs this */
	margin-left: -20px;
  background: ; /* background so you can see the mouse buffer */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-right: 15px;
	padding-bottom: 15px;
}

 #menu_icon #bestfriend {
	color: #CCCCCC;
	width: 152px;
}


 #menu_icon #olympic {
    color: #999999;
	width: 152px;  /* background-position: 0px 0px;*/

}

 #menu_icon #ideas {
 color: black;
	width: 152px;  /* background-position: 0px 0px;*/
	
}

 #menu_icon #pleasures {
    color: black;
	width: 152px;  /* background-position: 0px 0px;*/}

 #menu_icon #nextgen {
 color: black;
	width: 152px;  /* background-position: 0px 0px;*/
	
}

 #menu_icon #masterpieces {
    color: black;
	width: 152px;  /* background-position: 0px 0px;*/	
}