/* layout */
html, body {
  background: #D2E7F2;
  margin: 0;
  padding: 0;
}

#shell {
  background-color: #fff;
  margin: 20px auto;
  overflow: hidden;
  width: 700px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  
  -moz-box-shadow: rgba(0, 0, 0, .1) 0 0 20px;
  -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 20px;
}

#head {
  height: 153px;
  overflow: hidden;
}
  
  #head h1, #head h2 {
    display: none;
  }

#left {
  
}

#right {
  padding-bottom: 1em;
}
  
  #right h1, #right h2 {
    color: #c00;
    font-style: italic;
    letter-spacing: -0.05em;
  }

#foot {
  border-top: 2px solid #5A88C5;
  padding-top: 1em;
}

/* nav */
ul#nav {
  background: url(../images/nav.png) no-repeat left bottom;
  font-size: 21px;
  font-weight: bold;
  font-style: italic;
  height: 250px;
  margin: 0;
  padding: 0;
  width: 140px;
}

  ul#nav li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    ul#nav li a {
      color: #c00;
      display: block;
      height: 35px;
      letter-spacing: -0.05em;
      line-height: 34px;
      padding-left: 40px;
      text-decoration: none;
    }
    
    ul#nav li a:hover {
      color: #300;
      text-decoration: underline;
    }

.nav-foot a {
  margin-right: 10px;
}

/* type */
a:hover {
  color: #900;
}