/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

/* Begin CSS Popout Menu */

#menuContainer {
position:absolute;
left:11px;
top:356px;
width:547px;
padding-top:0px;
z-index:1;
}

#menu{
width:100%;
float:left;
background:url(../images/common/menuBackDrop.gif) 88px 0 no-repeat;
list-style:none;
margin:0;
padding:0;
border-bottom:solid 1px #babbad;
}

#menu span.f { font-size:11px; font-weight:normal; }

#menu #home { width:64px; padding-left:24px; background:none; }
#menu #aboutUs { width:87px; }
#menu #portfolio { width:93px; }
#menu #menuAndPricing { width:123px; }
#menu #media { width:70px; }
#menu #contactUs { width:81px; }

#menu a {
padding:8px 0 8px 18px;
font-size:10px;
display:block;
white-space:nowrap;
margin:0;
text-decoration:none;
text-transform:uppercase;
}

#menu ul a { 
padding:1px 0 1px 3px;
}

#menu a, #menu a:visited, #menu a:active { 
color:#4e4f3f; 
}

#menu ul a, #menu ul a:visited{
color:#6a6a52;
}

#menu ul a:hover{
color:#a2a288;
}

#menu li{
position:relative;
list-style:none;
margin:0;
padding:0;
float:left;
background:url(../images/common/menuItemSeparator.gif) no-repeat 0 10px;
}

#menu ul{
background-color:#e1e1c2;
position:absolute;
z-index:500;
top:auto;
display:none;
padding:0;
margin:0;
}

#menu ul li { 
background:none;
border-bottom:solid 1px white;
margin:0;
padding:1px 0;
padding-left:2px;
width:168px;
}

#menu ul li.lastItem { 
border-bottom:none;
}

/* Begin non-anchor hover selectors */

#menu li:hover{
cursor:pointer;
z-index:100;
}

#menu li:hover ul,
#menu li li:hover ul
{display:none;}

#menu li:hover ul,
#menu li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* End CSS Popout Menu */