body {background: transparent url('../images/header.gif') top left repeat-x;}
div.container {padding: 0;}
div#header {
    position: relative;
    height: 97px;
    color: white;
}
div#header img {
    margin: 10px 0 27px 0;
}
div#header p {
    position: absolute;
    bottom: 0.75em; 
    right: 0;
    margin: 0;
    font-size: 2em;
    text-align: right;
}
div#footer {
    width: 100%;
    color: white;
    background: #171717 url('../images/pinstripe-tile.gif') center top repeat;
}
div#introduction h1 {
    margin: 0.83em 0;
    margin-bottom: 1.07em;
    text-align: center;
    font-size: 2.33em;
    font-weight: bold;
    color: #444;
}
div#introduction h1 span {
    position: relative;
    top: 0.13em;
    line-height: 0;
    font-weight: normal;
    font-size: 1.75em;
    color: #171717;
}

div.product, div#contact {
    min-height: 297px;
    width: 210px;
    padding: 10px;
    margin-bottom: 1.5em;
    color: white;
    background: #171717 url('../images/product-panel.gif') bottom left no-repeat;
}
div.product h2, div#contact h2 {
    height: 2em;
    line-height: 1em;
    font-size: 1.83em;
    font-weight: bold;
}
div.product.design h2 {color: #01a6d4;}
div.product.email h2 {color: #d96f37;}
div.product.seo h2 {color: #a12d11;}
div.product img.scribble {
    float: left;
    margin: 0 10px 4px 0;
}

div#contact h2 {
    margin-bottom: 0.32em;
    color: white;
}
div#contact p.introduction {
    margin-bottom: 0;
    font-size: 1.83em;
    line-height: 1.33em;
}
div#contact form {
    padding-top: 0.83em;
    background: transparent url('../images/arrow-curve-down-right.gif') top right no-repeat;
}
div#contact form p {margin-bottom: 0.5em;}
div#contact form label {font-weight: normal;}
div#contact form textarea {
    width: 198px;
    height: 5.42em;
}
div#contact form input.submit {float: right;}

div#blog {
    padding: 0 10px;
    margin-left: 720px;
}
div#blog a {text-decoration: none;}
div#blog h2 {
    margin-bottom: 0.45em;
    line-height: 1em;
    font-size: 1.83em;
    font-weight: bold;
}
div#blog h3 {margin: 0;}
div#blog p {margin-bottom: 0.3em;}

div#clients {
    width: 710px;
    padding: 0 120px 49px 120px;
    margin-top: 20px;
    margin-bottom: 0;
    background: transparent url('../images/skyline.gif') bottom center no-repeat;
}
div#clients h2 {
    position: relative;
    float: left;
    width: 174px;
    height: 155px;
    padding: 30px 18px 0 18px;
    margin: 0;
    margin-right: 1px;
    bottom: -0px;
    line-height: 1em;
    font-size: 1.67em;
    font-weight: bold;
    text-align: center;
    background: transparent url('../images/client-sign.gif') top left no-repeat;
}
div#clients ul {
    margin: 0 0 0 220px;
    list-style: none;
    line-height: 2em;
}
div#clients ul li {
    float: left;
    margin-right: 18px;
    line-height: 1.4em;
}
div#legals {
    width: 910px;
    padding: 20px 20px;
    margin: 0 auto;
}
div#legals p {margin: 0;}

a {color: #4c8291;}
em {color: #01a6d4;}
em.phone {
    font-style: normal;
    font-weight: bold;
}
em.required {
    font-size: 0.92em;
    font-style: normal;
    color: #888;
}
ul.error {
    padding-left: 2em;
    margin-left: 0;
    margin-right: 0;
}
input, textarea {
    font-family: inherit;
    font-size: inherit;
}
span.amp {
    font-family: Baskerville, Palatino, "Book Antiqua", serif;
    font-style: italic;
}

body#design h1 {color: #01a6d4;}
body#design h1 span.amp {color: #3d3d3d;}