/* ---------------------------------------------------
     STYL GENERAL
   --------------------------------------------------- */
* {
    padding: 0px;
    margin: 0px;
}

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    font-size: 62.5%;
}

#outer {
    margin: 0 auto;
    width: 90em;
}

#head {
    background: white url('images/logo.png') no-repeat;
    margin-bottom: 1em;
    height: 10em;
}

#inner {
    text-align: left;
}

#menu {
    float: left;
    width: 20em;
}

#menu ul{
    list-style: square;
    padding-left: 2.5em;
}

#menu ul li {
    font-size: 1.4em;
}

#menu ul li a {
   
   color: black;
}

#content {
    font-size: 1.2em;
    float: right;
    width: 57em;
}

#content h2 {
    font-size: 24px;
    text-transform: uppercase;
    border-bottom: 1px dotted black;
    margin-bottom: .5em;
}

#content h3 {
    font-size: 14px;
    margin: 20px 0 5px 0;
}

#content .project {
    margin: 20px 0;
    overflow: auto;
}

#content .project img {
    margin-right: 20px;
    float: left;
}

#content .project h3 {
    margin: 0;
    margin-bottom: 5px;
}

#content .project p {
    margin-bottom: 20px;
}

#content a.link {
    color: black;
    background: url('images/link.gif') left no-repeat;
    padding-left: 15px;
}

#footer {
    background: white url('images/tail.png') no-repeat;
    clear: both;
    height: 10em;
}

td {
    padding-right: 1em;
}

.hidden {
    display: none;
}