/********************************
 *     SPRY-ANIMATED MENU       *
 ********************************/

.spryMenu
{
    position:relative;
    top:150px;
    left:0px;
    font-family: "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.spryMenu .level1
{
    float:left;
}

/* primary options */
.spryMenu .level1 .title
{
    padding-left:20px;
    float:left;
    width:55px;
}
.spryMenu .active .title
{
    width:120px;
}

.spryMenu .level1 .title div
{
    float:right;
    width:60px;
}

/* secondary options */
.spryMenu .options
{
    /*display:none;*/
    float:left;
}
.spryMenu .active .options
{
    float:left;
}
.spryMenu .initiallyHidden
{
    display:none;
}
.spryMenu .options .level2, .spryMenu .options .separator
{
  	opacity:.0;
	filter:alpha(opacity=0);    
}
.spryMenu .active .options .level2, .spryMenu .active .options .separator
{
  	opacity:1;
	filter:alpha(opacity=100);    
}

.spryMenu a
{
        color:#ffffff;
}
.spryMenu .level2, .spryMenu .level2
{
    float:left;
    background-color:#999999;
    margin:0px 2px 0px 2px;
    padding:0px 2px 0px 2px;
}
.spryMenu .separator
{
    float:left;
    color:#999999;
}

/* active states for secondary menu options */
.spryMenu .options .profile
{
    background-color: #47c8f4;
}
.spryMenu .options .projects
{
    background-color: #002c47;
}
.spryMenu .options .news
{
    background-color: #a0a718;
}