body, html {
    font-size:10px;
    font-family:helvetica, arial, sans-serif, sans;
    background-color:#f8f8f8;
    text-align:center;
    -webkit-text-size-adjust:none;

}

@media only screen and (max-width:480px) {
    body, html {
        font-size:8.888px;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body,
    html {
        font-size:12px;
    }
}

#content,
#header {
    text-align:left;
}

h1,h2,h3, h4 {

zoom:1;
}

/* Type sizes */

p,
.type_a,
.type_b {
    font-size:1.6em;
    line-height:1.5em;
}

.type_b {
    font-weight:700;
}

.type_c {
    font-size:2.4em;
    line-height:1em;
    font-weight:700;
    letter-spacing:-0.05em;
}

.type_d {
    font-size:3.6em;
    line-height:1.333em;
    font-weight:700;
    letter-spacing:-0.05em;
}

.type_e {
    font-size:4.8em;
    line-height:1em;
    font-weight:700;
    letter-spacing:-0.05em;
}

@media only screen and (max-width:480px) {
    body, html {
        font-size:8.888px;
    }
}

/* Alignments */

.type_right {
    text-align:right;
}

.type_left {
    text-align:left;
}

.type_center {
    text-align:center;
}

.type_justify {
    text-align:justify;
}

/* Headers */

.type_header.type_a,
.type_header.type_b {
    margin-top:1.5em;
    margin-bottom:1.5em;
}

.type_header.type_c {
    margin-top:1em;
    margin-bottom:1em;;
}

.type_header.type_d {
    margin-top:1.333em;
    margin-bottom:1.333em;
}

.type_header.type_e {
    margin-top:0.5em;
    margin-bottom:0.5em;
}

/* Paragraphs */

p {
    font-family:georgia, times, serif;
    margin-top:1.5em;
    margin-bottom:1.5em;
}

em {
    font-style:italic;
}

span.year {
    color:#CCC;
}

a,
a:link,
a:visited {
    color:#333;
    text-decoration:none;
    border-bottom:1px dotted #000;
    padding:0 2px 2px 2px;
}

a:hover {
    color:#CCC;
    border-bottom:1px dotted #CCC;
}

blockquote {
    font-size:2.4em;
    line-height:1.3em;
    font-family:georgia, times, serif;
    font-style:italic;
}

/* Header */

.header {
    border-bottom:3px solid #CCC;
    padding-bottom:10px;
}

.header .cloud {
    padding:10px;
}

.header .wrap {
    margin:0 auto;
    width:960px;
}

/* Header: Quote */

.header .quote {
    text-align:right;
    line-height:0;
}

.header h1 {
    line-height:0;
}

.header h1 img {
    display:block;
}

.header .quote h2 {
    display:block;
    height:341px;
    width:569px;
    text-align:left;
    text-indent:-9999px;
    background:#f0f0f0 url(../img/quote.png) no-repeat;
}

/* Content */

#content {
    background-color:#FFF;
    padding-top:2.4em;
}

#content ul#tweets li p,
#content ul#tweets li h5 {
    margin-top:0;
}



/* Address */

#content li.address h4 {
    margin-bottom:0;
}

#content li.address p {
    margin-top:0;
}

@media only screen and (max-width:480px) {
    #content li.address p {
        margin-bottom:0;
    }
    #content li.address:nth-child(5),
    #content li.address:nth-child(6) {
        margin-top:-1.5em;
    }
}


/* Recruitments */

ul#recruitments li {
    list-style: disc outside url('../img/recruit.png');
}

/* Twitter */

ul#tweets li div:first-child p {
    display: list-item;
    list-style: disc outside url('../img/quotation.png');
}

.type_header.type_c {
    margin-top: 2em;
}

/*IE6 fixes*/
ul#tweets {
    display:none;

}

@media only screen and (max-width:480px) {
    ul#recruitments li,
    ul#tweets li div:first-child p {
        list-style:none;
    }

    ul#tweets li div:first-child p {
        margin-bottom:0;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    ul#recruitments li,
    ul#tweets li div:first-child p {
        list-style:none;
    }

}