body
  {
    background: #FFF url(/graphics/page-bg.jpg) left top repeat-x;
    color: #333;
    font-size: 100%;
    font-family: verdana, arial, sans-serif;
    text-align: center;
  }

a
  {
    color: #333;
  }

a:hover, a:focus
  {
    color: #999;
  }

acronym
  {
    border-bottom: 1px dotted #333;
    cursor: help;
  }

h1, h2, h3
  {
    display: block;
    font-weight: normal;
    margin-bottom: 0.5em;
  }

h1
  {
    font-size: 1.75em;
  }

h2
  {
    font-size: 1.5em;
  }

h3
  {
    font-size: 1.25em;
  }

form
  {
    border: 1px solid #333;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 540px;
  }

fieldset
  {
    background: #DCF3C2 url(/graphics/large-gradient.jpg) left top repeat-x;
    border: 1px solid #333;
    clear: both;
    margin: 10px 0;
    padding: 10px;
    width: 520px;
  }

* html fieldset
  {
    background-position: left 25px;
  }

legend
  {
    background: #DCF3C2 url(/graphics/tab-bg.jpg) left bottom repeat-x;
    border: 1px solid #333;
    font-size: 1.25em;
    padding: 5px;
  }

label
  {
    clear: both;
    display: block;
    float: left;
    margin: 5px 0;
    text-align: right;
    width: 150px;
  }

* html label
  {
    margin: 10px 0 5px;
  }

input, textarea
  {
    float: right;
    margin: 5px 0;
    width: 350px;
  }

input:focus, textarea:focus
  {
    background-color: #DCF3C2;
  }

button
  {
    background-color: #FFF;
    border-left: 2px solid #BFE794;
    border-top: 2px solid #BFE794;
    border-right: 2px solid #78C32E;
    border-bottom: 2px solid #78C32E;
    font-size: 1em;
    margin: 5px 25px;
    height: 25px;
    width: 200px;
  }

button:active
  {
    background-color: #DCF3C2;
    border-left: 2px solid #78C32E;
    border-top: 2px solid #78C32E;
    border-right: 2px solid #BFE794;
    border-bottom: 2px solid #BFE794;
  }

#container
  {
    background: transparent url(/graphics/header-bg.jpg) center top no-repeat;
    text-align: left;
  }

#header
  {
    height: 305px;
    margin: 0 auto;
    position: relative;
    width: 750px;
  }

#header h1
  {
    bottom: -160px;
    margin-bottom: 0;
    padding-bottom: 220px;
    position: absolute;
    right: 0;
  }

#header ul
  {
    top: 0;
    font-size: 1em;
    margin-bottom: 88px;
    position: absolute;
    right: 0;
  }

#header li
  {
    float: left;
    margin: 0 0.2em;
  }

#header li a
  {
    background: #DCF3C2 url(/graphics/tab-bg.jpg) left bottom repeat-x;
    border: solid #333;
    border-width: 0 1px 1px;
    color: #000;
    display: block;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
  }

#header li a:focus, #header li a:hover, #header #current
  {
    background-position: left top;
    position: relative;
    padding-top: 15px;
  }

#content
  {
    margin: 40px auto;
    position: relative;
    width: 750px;
  }

#content p
  {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0 5px;
    text-align: justify;
  }

#who, #what, #contact
  {
    background: transparent url(/graphics/text-box-bg.jpg) left top repeat-x;
    float: left;
    margin: 0 10px;
    width: 230px;
    min-height: 230px;
  }

* html #who, * html #what, * html #contact
  {
    margin: 0 9px 0 8px;
  }

#who h2, #what h2, #contact h2
  {
    background: #FFF url(/graphics/red-flower.jpg) left top no-repeat;
    border-bottom: 1px solid #D34E4E;
    color: #D34E4E;
    display: block;
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    padding: 25px 5px 0 0;
  }

#work
  {
    background: #DCF3C2 url(/graphics/lower-bg.jpg) left top no-repeat;
    clear: both;
    height: 200px;
    padding-top: 25px;
    position: relative;
    top: 25px;
  }

#selected
  {
    position: relative;
    margin: 0 auto;
    width: 750px;
  }

#selected h2
  {
    clear: both;
    margin-bottom: 10px;
  }

#selected ul, #selected li
  {
    display: inline;
  }

#selected a
  {
    background-color: #FFFEF5;
    border: 1px solid #333;
    display: block;
    float: left;
    margin: 5px 9px 5px 13px;
    padding: 5px;
  }

* html #selected a
  {
    margin: 0 10px;
  }

#selected a:hover, #selected a:focus
  {
    background: #DCF3C2 url(/graphics/tab-bg.jpg) left top repeat-x;
  }

#selected img
  {
    border: 1px solid #333;
    height: 100px;
    width: 150px;
  }

#footer
  {
    clear: both;
    font-size: 0.75em;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
  }

#footer ul, #footer li
  {
    display: inline;
    margin: 0 5px;
  }

#footer p
  {
    margin: 1em;
  }