body{
    background-color:#eee;
    font-family:arial, sans-serif;
}

a img{
    border:0px;
}

#fixed-width{
    background-color:#fff;
}

#contact-info{
    color:#a8a8a8;
    font-size:12px;
}

p.strapline{
    color:#a8a8a8;
    font-size:14px;
    text-transform:lowercase;
}

.lowercase{
    text-transform:lowercase;
}

#main-nav{
    list-style-type:none;
    padding:0px;
    margin:0px;
    height:40px;
}

#main-nav li{
    font-weight:bold;
    padding:0px;
    margin:0px;
    float:left;
    height:40px;
    font-size:28px;
    text-transform:lowercase;
}

#main-nav li a{
    display:block;
    padding:2px 4px 2px 4px;
    margin-right:10px;
    text-decoration:none;
    color:#555;
}

#main-nav li a:hover{
    color:#fff;
    background-color:#888;
}

#areas-nav{
    list-style-type:none;
    padding:0px;
    margin:0px;
    width:300px;
    margin-top:100px;
}

#areas-nav li{
    font-weight:bold;
    padding:0px;
    margin:0px;
    font-size:16px;
    text-transform:lowercase;
}

#areas-nav li a{
    display:block;
    padding:2px 4px 2px 4px;
    text-decoration:none;
}

#areas-nav li a:hover{
    color:#fff;
}

#horizontal-nav ul li{
    font-size:12px;
    text-transform:lowercase;
}

#horizontal-nav ul li a{
    text-decoration:none;
}

#horizontal-nav ul li a:hover{
    color:#fff;
}

div.project{
    
}

div.project h3{
    text-transform:uppercase;
    font-weight:normal;
    color:#444;
    font-size:18px;
}

div.project div.description{
    
}

div.project div.description p{
    font-size:12px;
    color:#666;
}

#h-scrolled-content-container a{
    text-decoration:underline;
}

#h-scrolled-content-container a:hover{
    text-decoration:none;
}

a.grey, #main-text.grey a, #h-scroll-outer.grey #h-scrolled-content-container a{
    color:#555;
}

a.grey:hover, #main-text.grey a:hover{
    color:#fff;
    background-color:#888;
}

a.red, #main-text.red a, #h-scroll-outer.red #h-scrolled-content-container a{
    color:#fe593e;
}

a.red:hover, #main-text.red a:hover{
    color:#fff;
    background-color:#fe593e;
}

a.blue, #main-text.blue a, #h-scroll-outer.blue #h-scrolled-content-container a{
    color:#5cb5ff;
}

a.blue:hover, #main-text.blue a:hover{
    color:#fff;
    background-color:#5cb5ff;
}

a.green, #main-text.green a, #h-scroll-outer.green #h-scrolled-content-container a{
    color:#97e809;
}

a.green:hover, #main-text.green a:hover{
    color:#fff;
    background-color:#97e809;
}

a.yellow, #main-text.yellow a, #h-scroll-outer.yellow #h-scrolled-content-container a{
    color:#ffab0f;
}

a.yellow:hover, #main-text.yellow a:hover{
    color:#fff;
    background-color:#ffab0f;
}

#main-text a{
    text-decoration:none;
    padding:1px;
}

#footer a{
    text-decoration:none;
}

#main-text{
    
}

#main-text h2{
    text-transform:uppercase;
    font-weight:normal;
    color:#444;
    font-size:20px;
}

#main-text h3{
    font-weight:normal;
    color:#555;
    font-size:17px;
    margin:3px 0 10px 0;
}

#main-text.red h3{
    color:#fe593e;
}

#main-text.blue h3{
    color:#5cb5ff;
}

#main-text.green h3{
    color:#97e809;
}

#main-text.yellow h3{
    color:#ffab0f;
}

#main-text p{
    font-size:12px;
    color:#666;
    line-height:1.6em;
    margin:0 0 12px 0;
}

#main-text li{
    font-size:12px;
    color:#666;
    line-height:1.6em;
    margin:0 0 8px 0;
}

#footer{
    font-size:10px;
    color:#a8a8a8;
}