html, body {
    height:100%;
}

html {
}

body {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    line-height:13px;
    letter-spacing:0.3px;
    color:#787878;
    background:url(../images/bg.png) fixed;
    overflow-y:scroll;
}

a {
    outline:none;
    color:#787878;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
    color:black;
}

div.clear {
    clear:both;
}

/* General */

ul {
    list-style:none;
}

#page-container {
    position:relative;
    background:url(../images/main-bg.png) repeat-y;
    margin:auto;
    width:1119px;
    min-height:100%;
}

/* Header */

div#header {
    height:74px;
    padding:30px 26px 0 26px;
    margin-left:10px;
    position:fixed;
    background:white;
    z-index:10;
    width:1046px;
}

div#header h1 {
    float:left;
    width:192px;
    color:black;
}

div#header h1 a { 
    color:black;
}

/* Menu */

ul#menu {
    float:left;
    margin-top:-4px;
}

ul#menu li {
    display:block;
    float:left;
    width:134px;

    margin-right:10px;
    padding-top:3px;
    border-top:1px solid #8a8a8a;
}

ul#menu li:last-child {
    margin-right:0;
}

ul#menu li a {
    display:block;
    width:105px;
}

ul#menu li.current, ul#menu li:hover {
    color:black;
    border-color:#000000;
}

ul#menu li:hover a:hover {
    text-decoration:none;
    color:black;
}

/* Left nav */

div#left-nav {
    /*float:left;*/
    position:fixed;
    width:192px;
}

ul#section-nav {
    line-height:13px;
}

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

ul#section-nav li a.current {
    color:black;
}

ul#section-nav li ul {
    margin-left:8px;
}

/* Main */

div#main-content-container {
    padding-left:36px;
    padding-top:104px;
    padding-bottom:59px;
    min-height:100%;
}

div#main {
    /*float:left;*/
    margin-left:192px;
    width:854px;
}

div#main div.project-images {
    margin-bottom:7px;
}

div#main div.project-images div.images div {
    padding-bottom:11px;
}

div#main div.project-images div.images div.left {
    margin-right:12px;
}

div#main div.project-images div.images p {
    display:none;
}

div#main div.project-details h2 {
    color:black;
}

div#main div.project-details div.right {
    margin-top:26px;
}

div#main div.project-details p {
    color:black;
}

div#main div.project-details p.last {
    margin-bottom:0;
}

div#main div.project-details div.separator {
    height:13px;
    width:10px;
    background:url(../images/separator.png);
}

div#main div.project-details h3 {
    color:black;
}

div#main div.project-details a {
}

div#main div.text {
    display:block;
}

div#main div.project-details div.column {
    float:left;
    margin-right:10px;
}

div#main div.project-details div.column.last {
    margin-right:0;
}

div#main div.project-details div.column.cols-1 {
    width:134px;
}

div#main div.project-details div.column.cols-2 {
    width:278px;
}

div#main div.project-details div.column.col-margin-1 {
    margin-right:154px;
}

/* Footer */

div#footer {
    position:fixed;
    background:url(../images/main-bg-noshadow.png) repeat-y;
    bottom:0;
    width:1046px;
    padding:14px 36px;
    height:16px;
}

body.ios-device div#footer {
    position:absolute;
}

div#footer div.copyright {
    float:left;
    padding-top:7px;
}

div#footer div.social {
    float:right;
}

div#footer div.social a {
    display:block;
    float:left;
    width:18px;
    height:15px;
    text-indent:-9999em;
    background:url(../images/social.png) no-repeat;
}

div#footer div.social a.rss {
    background-position:0 0;
}

div#footer div.social a.rss:hover {
    background-position:0 -15px;
}

div#footer div.social a.facebook {
    background-position:-18px 0;
}

div#footer div.social a.facebook:hover {
    background-position:-18px -15px;
}

div#footer div.social a.twitter {
    background-position:-36px 0;
}

div#footer div.social a.twitter:hover {
    background-position:-36px -15px;
}

div#footer div.social a.flickr {
    background-position:-54px 0;
}

div#footer div.social a.flickr:hover {
    background-position:-54px -15px;
}

span.black {
    color:#000;
}

/* Contact */

div#contact {
    position:absolute;
    top:0;
    left:760px;
}

div#contact sup {
    vertical-align:top;
}

/* Grid */
#grid-overlay {
    display:none;
    background:url(../images/grid-1.png) no-repeat; 
    position:absolute;
    top:0;
    left:0;
    width:1102px;
    height:1120px;
}

/* Intro */

div#intro {
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;
   z-index:100;
   background:white;
   display:none;
}

div#intro img#intro-logo {
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-50px;
   margin-left:-185px;
}

div#intro div#intro-inner {
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-47px;
   margin-left:-176px;
   width:352px;
   height:94px;
   overflow:hidden;
}

div#intro img#intro-logo-bg {
}

div#intro div#intro-logo-swoosh {
   position:absolute;
   top:0;
   left:0;
   width:0;
   height:94px;
   background-image:url(../images/logo-bg.png);
   background-position:-352px 0;
   background-repeat:no-repeat;
}