body {
    margin: 0px;
    background: #9c9c9c url(images/content_pic.png) no-repeat bottom right; 
    font-family:sans-serif;
    color: #383838;
}

a {
    color: #383838;
    /* text-decoration: none; */
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3 {
    margin: 0;
    padding: 20px 0;
}

#head {
    background-image:url(images/top_bg.png);
    width: 100%;
    height: 242px;
    text-align: center;
    margin: 0px;
}

#head h1 {
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 3%;
    top: 3%;
    background-image:url(images/logo.png);
    height: 66px;
    width: 536px;
}

#head h1 span {
    display: none;
}

#navigation {
    height: 47px;
    background-image:url(images/navi_bg.png);
}

#navigation #menu #items {
    width: 61.8%;
    margin: auto;
}

#navigation #menu #items  ul {
    margin: 0px;
    padding: 0px;
    height: 47px;
}

#navigation #menu #items li {
    display: inline;
    line-height: 47px;
    font-size: 120%;
    border-left: 2px solid #383838;
    padding: 0 1em 0 1.2em;
}

#navigation #menu #items li:first-child {
    border-left: 0;
    padding-left: 0;
}

#navigation #menu {
    height: 47px;
    width: 1244px;
    background-image:url(images/navi_pic.png);
    margin: 0px;
}

#content {
    background-image: url(images/content_bg.png);
    background-repeat: repeat-x;
    width: 100%;
    min-height: 680px;
}

#text {
    width: 61.8%;
    margin-left: auto;
    margin-right: auto;
}

#content div.extra1 {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 470px;
    width: 720px;
    background-image:url(images/content_pic.png);
}


#pic {
    float: right;
    border: 1px solid;
}