#showcase
{
    BACKGROUND: #6f9c6f
}
DL.menus_list DT
{
    FONT-SIZE: 1.5em;
    BACKGROUND: #6f9c6f;
    MARGIN: 3px 0px
}
#foot
{
    BACKGROUND: #8fbc8f
}
DL.menus_list DD.nil
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}







#clear
{
    DISPLAY: block;
    PADDING-TOP: 5px;
    WIDTH: 832px;
    HEIGHT: 5px
}




#menu
{
    DISPLAY: block;
    PADDING-TOP: 5px;
    WIDTH: 832px;
    HEIGHT: 40px
}
#menu UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#menu LI
{
    DISPLAY: block;
    FLOAT: left;
    WIDTH: 208px
}
#menu LI.list1
{
    BACKGROUND: url(../images/wheel.gif)
}
#menu LI.list2
{
    BACKGROUND: url(../images/body.gif)
}
#menu LI.list3
{
    BACKGROUND: url(../images/quote.gif)
}
#menu LI.list4
{
    BACKGROUND: url(../images/contact.gif)
}
#menu A
{
    DISPLAY: block;
    OVERFLOW: hidden;
    WIDTH: 208px;
    COLOR: #000;
    PADDING-TOP: 40px;
    HEIGHT: 0px;
    TEXT-DECORATION: none
}
#menu A#item1
{
    BACKGROUND: url(../images/wheela.gif) no-repeat -208px -40px
}
#menu A#item2
{
    BACKGROUND: url(../images/bodya.gif) no-repeat -208px -40px
}
#menu A#item3
{
    BACKGROUND: url(../images/quotea.gif) no-repeat -208px -40px
}
#menu A#item4
{
    BACKGROUND: url(../images/contacta.gif) no-repeat -208px -40px
}
#menu A#item1:hover
{
    BACKGROUND-POSITION: right top;
    Z-INDEX: 50
}
#menu A#item2:hover
{
    BACKGROUND-POSITION: right top;
    Z-INDEX: 50
}
#menu A#item3:hover
{
    BACKGROUND-POSITION: right top;
    Z-INDEX: 50
}
#menu A#item4:hover
{
    BACKGROUND-POSITION: right top;
    Z-INDEX: 50
}
#menu A#item5:hover
{
    BACKGROUND-POSITION: right top;
    Z-INDEX: 50
}



























<style type="text/css"> 
#info {height:400px;}

/* for this demo only */
#nav {margin:0 0 36px 0;}

#nav {width:832px; height:20px; background:#000; position:relative;}
 
#nav .select, #nav .current {margin:0; padding:0; list-style:none;}
 
#nav li {display:inline; margin:0; padding:0; height:auto;}
 
#nav .select a,
#nav .current a {display:block; height:20px; float:left; background:#000; padding:0 10px 0 10px; text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; border-right:1px solid #fff; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}
 
 
#nav .select a:hover, 
#nav .select li:hover a {background:#888; cursor:pointer; color:#ff0;}
 
#nav .sub {display:none;}
 
/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}
 
#nav .current a {background:#666; color:#ff0;}
 
 
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#888; color:#ff0;}
 
#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#666; color:#ff0;}
 
#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:832px; top:20px; left:0; background:#888; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px;}
 
#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
 
#nav .sub_active {display:block; position:absolute; width:832px; top:20px; left:0; background:#666; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}
 
#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#666; padding:5px 10px 10px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;}
 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#888; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:12px;}
</style>