div#doc {
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
   font-family: Eurostile, Arial;
}
#title {
   height: 80px;
   width: 1000px;
   color: #d6242a;
}
#logo {
   padding-top: 24px;
   float:left;

}
#design-studio {
   float: left;
   padding-left: 8px;
   padding-top: 56px;
}

h1 {
   color: #d6242a;
   font-size: 1em;
}
p {
   font-size: 0.8em;
}
.reve_link {
   color: #888;
/*   text-decoration: none;     remove the underline from links*/
}
.reve_link:hover {
   color: #d6242a;
}

#nav1 {
   float: left;
   width: 92px;
   height: 505px;
   border-top:1px solid black;
   border-right:1px solid black;
}
.nav1 {
   padding-left: 9px;
   padding-top: 4px;
   padding-bottom: 4px;
   margin-top: 13px;
   margin-bottom: 14px;
}
.nav1_on {
   color: white;
   background: #888;
}
.nav1_hover {
   color: #888;
}

#nav2 {
   float: left;
   width: 230px;
   padding-left: 33px;
   padding-top: 25px;
   border-top:1px solid black;
}


.nav3 {
   padding-left: 20px;
   padding-top: 2px;
   font-size: 0.8em;
}
.nav3_on {
   color : #d6242a;
}
.nav3_hover {
   color : #888;
}

.nav4 {
   background : #888;
   width: 50px;
   height: 15px;
   margin-left: 10px;
   margin-top: 3px;

}
.nav4_on {
   background : #d6242a;
}
.nav4_hover {
   background : #bbb;
}


/* width + padding-left + padding-right  = 1000 - 132  - 2*/
#main {
   float: left;
   width: 600px;
   padding-top: 25px;
   border-top:1px solid black;
}

#portfolio {
   width: 600px;
}

#nav2_portfolio {
   position: relative;
   height: 480px;
}
#nav2_approach {
   padding-top: 5px;
}
#nav2_background {
   padding-top: 5px;
}
#nav2_awards {
   padding-top: 5px;
}
#nav2_connect {
   padding-top: 5px;
}


#view_word {
   position: absolute;
   left: 130px;
   bottom: 100px;
   color: #d6242a;
}
#portfolio_views {
   position: absolute;
   left: 160px;
   bottom: 0px;
}
#completed_projects {
}
#on_the_boards {
   padding-top: 20px;
}




#approach {
}
#background {
}
#awards {
   height: 480px;
   overflow-y: scroll;
}
#connect {
}