@import 'layout.css';
@import 'main.css';


body {
  background:   transparent url('../images/header-bg2.png') repeat-x;
}

#header {
  height:   450px;
  background: transparent url('../images/brain.png') no-repeat 100% 120px;
}
  #header h1 {
    margin: 150px 0 20px 20px;
  }
  #header blockquote {
    width:      600px;
    margin:     0 0 0 20px;
    font-size:  1.2em;
  }


#container {
  padding-top:  20px;
}

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

    #boxes li {
      width:        430px;
      height:       180px;
      float:        left;
      margin-right: 50px;
    }

    #boxes img {
      float:  left;
      margin: 5px 10px 2px 0;
    }
    #boxes h2 img {
      float:  none;
      margin: 10px 0 3px 0;
    }
    #boxes p {
      margin:   0;
      text-align: justify;
    }
    #boxes p a {
      color:  inherit;
    }
    #boxes a.details {
      display:    block;
      text-align: right;
      color:      #555;
      font-weight: bold;
      font-size:  .9em;
    }
    #boxes h2 {
      margin:     0;
      font-family:  Comic;
    }