body, html {
    background-image: linear-gradient(to top, #0d5c67 0%, #0092a7 50%);
    height: 100%;
    box-shadow: 0 100vh 0 100vh #0d5c67;
}

#logo {
    background-image:url(images/logo_naka.png);
}

.nav-active, .nav-inactive {
background:#00989a;
background:#00989a;
}

.nav-inactive {
color:#ffffff;

}

.nav-active, .nav-inactive:hover  {
background:#35b5ae;
}

.subnav-active, .subnav-inactive {
background:#00989a;
}

.subnav-active, .subnav-inactive:hover  {
background:#35b5ae;
}

.subnav3-active, .subnav3-inactive {
color:#ffffff;
background:#00989a;
}

.subnav3-inactive {
color:#ffffff;
}

.subnav3-active, .subnav3-inactive:hover  {
background:#35b5ae;
}


.subnav4-active {
color:#ffffff;
background:#00989a;
}

.subnav4-inactive {
color:#ffffff;
}

.subnav4-active  {
background:#35b5ae;
}

.subnav4-inactive:hover {
background:#35b5ae;
}