body {
    background-color:#FFFFFF;
    color:#666666;
    font-size: 12px;
    font-family: Georgia, serif;
    /*background: url("../images/grid_bg.gif") no-repeat top center;*/
}
a {
    text-decoration:none;
    color:#666666;
    outline:none;
}
a:hover {
    text-decoration:none;
    color:#000000;
}
h1 {
    display:none;
}
h2 {
    letter-spacing:1px;
    font-size: 1.3333em; /* 16px */
    line-height: 1em; /* 16px */
    color:#999999;
}
h3 {
    font-size: 1em; /* 12px */
    line-height: 1.3333em; /* 16px */
    margin-top:10px;
}
p {
    font-size: 1em; /* 12px */
    line-height: 1.3333em; /* 16px */
    margin: 0 0 1.3333em 0;
}
em{
font-style:italic;
}
blockquote {
    text-align:justify;
    font-style:italic;
    word-spacing: -0.1em;
    background:transparent url("../images/blockquote.gif") no-repeat scroll left top;
    padding:0px 0px 0px 60px;
    font-size: 1em; /* 12px */
    line-height: 1.3333em; /* 16px */
    margin:1.3333em 0;
}
.quoteAuth {
    display:block;
    text-align:right;
    margin-top:16px;
}
#container{
    position:relative;
    width:970px;
    height:100%;
    min-height:100%;
    margin:10px auto;
}
#top{
    position:absolute;
    top:80px;
    left:0px;
    height:24px;
    margin-left:10px;
}
#menu{
    position:absolute;
    top:160px;
    left:0px;
    margin-left:10px;
    font-size: 1em; /* 12px */
    line-height: 1.3333em; /* 16px */
}
#menu img{
    margin-left:3px;
}
#menu a{
    letter-spacing:0.5px;
}
.navType_photo{
    padding-left:24px;
    background: url("../images/navType_photo.gif") no-repeat center left;
}
.navType_video{
    padding-left:24px;
    background: url("../images/navType_video.gif") no-repeat center left;
}
.navType_enviro{
    padding-left:24px;
    background: url("../images/navType_enviro.gif") no-repeat center left;
}
.navType_audio{
    padding-left:24px;
    background: url("../images/navType_audio.gif") no-repeat center left;
}
.navType_contact{
    margin-left:24px;
}
#mainContentOuter {
    position:absolute;
    width:550px;
    margin-left:10px;
    top:160px;
    left:400px;
}
#mainContentInner {
    position:relative;
    width:550px;
    margin-bottom:80px;
}
#workDisplay {
    position:relative;
}
.work_authority{
    height:400px;
}
.work_candela{
    height:400px;
}
.work_staticnorth{
    height:400px;
}
.work_greenspace{
    height:560px;
}
.work_greenspace #workImgRotate .workImgTitle img {
    border:1px solid #DDDDDD;
}
.work_lakemist{
    height:480px;
}
.work_flux{
    height:480px;
}
.work_causreverb{
    height:480px;
}
#workImgRotate {
    position:relative;
}
.workImgTitle {
    font-style:italic;
    }
.workImgTitle img {
    display:block;
    }
#workNav {
    position:absolute;
    bottom:40px;
    left:320px;
    width:230px;
    height:16px;
}
#workNav #prev2 {
    display:block;
    float:left;
    width:93px;
    height:16px;
}
#workNav #next2 {
    display:block;
    float:right;
    width:93px;
    height:16px;
}
#workDetails{
    width:470px;
    padding:0px 0px 80px 80px;
    border-left:1px solid #DDDDDD;
}
#workDateType{
    display:block;
    font-style:italic;
    font-size: 1em; /* 12px */
    line-height: 1.3333em; /* 16px */
}
#workDescription{
    text-align:justify;
}
#workDescription a{
    text-decoration:underline;
}
.workLinkExternal {
    display:block;
    float:right;
    clear:both;
}
.workLinkExternal a{
    padding-right:26px;
    background: url("../images/link_arrow.gif") no-repeat center right;
}
#bottom {
    position:absolute;
    bottom:-160px;
    left:-400px;
    height:16px;
    color:#DDDDDD;
    padding-bottom:16px;
}

/* Reference: From Golden Grid CSS, Author:Vladimir Carrer 
12 columns, gutter 10px
1  .g80 {width:70px;}
2  .g160 {width:150px;}
3  .g240 {width:230px;}
4  .g320 {width:310px;}
5  .g400 {width:390px;}
6  .g480 {width:470px;}
7  .g560 {width:550px;}
8  .g640 {width:630px;}
9  .g720 {width:710px;}
10 .g800 {width:790px;}
11 .g880 {width:870px;}
12 .g960 {width:950px;}

*/