﻿#navcontainer #sub
{
    float: left;
    width: 490px;
    height: 27px;
    font-size: 0.8em;
    overflow: hidden;
}
#navcontainer #sub div
{
    height:23px;
    padding-top:4px;
    width:100%;
    background-repeat:no-repeat;
}
#navcontainer #sub div a 
{
    color:#fff;
    display:block;
    float:left;
    width:85px;
    height:27px;
    border-right:solid 1px #fff;
    padding-top:5px;
    text-align:center;
}
#navcontainer #sub div a:hover {color:#000;}
#navcontainer #sub div a.first
{
    border-left:solid 1px #fff;
}
#subnav1
{
    padding-left:3px;
    background:url(images/menu/sub1.png);
}
#subnav2
{
    padding-left:83px;
    background:url(images/menu/sub2.png);
}
#subnav3
{
    padding-left:163px;
    background:url(images/menu/sub3.png);
}
#subnav4
{
    padding-left:243px;
    background:url(images/menu/sub4.png);
}
#subnav5
{
    padding-left:137px;
    background:url(images/menu/sub5.png);
}
#subnav6
{
    padding-left:304px;
    background:url(images/menu/sub6.png);
}

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6
{
    float:left;
    width:80px;
    height:58px;
    background-position:top left;
    display:block;
}
/*
#nav1:hover, #nav2:hover, #nav3:hover, #nav4:hover, #nav5:hover, #nav6:hover
{
    background-position:bottom left;
}
*/

#nav1 {background-image:url(images/menu/main1.png)}
#nav2 {background-image:url(images/menu/main2.png)}
#nav3 {background-image:url(images/menu/main3.png)}
#nav4 {background-image:url(images/menu/main4.png)}
#nav5 {background-image:url(images/menu/main5.png)}
#nav6 {background-image:url(images/menu/main6.png)}

#subnav1, #subnav2, #subnav3, #subnav4, #subnav5, #subnav6
{
    display: none;
}