* { margin:0; padding:0; }

/* text-shadow: 1px 1px 0px #fff; */

html { overflow-y:scroll; overflow-x:auto; background: #f6f7f1; }
body { display: none; font: bold 15px/22px "Helvetica Neue", Helvetica, Arial; color: #767e7e; background: #f6f7f1; margin: 0; }
p    { color: #767e7e; margin: 0 0 15px 0;  }

li { list-style:none; }
.hide { display: none; }
.clear { clear:both; }

::selection { background: #ced8d8; /* Safari */ }
::-moz-selection { background: #ced8d8; /* Firefox */ }

a:link, a:visited          { color: #b1bebe; text-decoration: none; outline: none; }
a:focus, a:hover, a:active { color: #767e7e; outline: none; }

.block  { width: 960px; margin: auto; }
.head   { width: 100%; margin: 60px 0 60px 0; padding: 0 0 16px 0; border-bottom: 1px dotted #aaaaaa; }
.inner  { width: 960px; margin: auto; }

.block.pad { margin-top: 50px; }


ul.nav { float: left; margin-top: -21px;  }
ul.nav li { font-size: 14px; color: #b5bab3; display: inline; }
.nav li a { color: #b5bab3; text-decoration: none; margin: 0 2px 0 0; }
ul.nav li:after { content: " / "}
ul.nav li.last:after { content: ""}

.head .inner ul.nav { float: right; }
body.home .nav li a.home, .nav li a:hover, .nav li a.at, body#work li.work a { color: #676a66; }



.head h1 a { font-size: 16px; color: #676a66; }
.head h1 a span { color: #b5bab3; }

.intro h2 { font-size: 98px; line-height: 85px; margin-bottom: 10px; letter-spacing: -4px; }
.intro h2 span.pad { line-height: 105px; }

.work h2, .work h2 a { font-size: 94px; line-height: 95px; margin-bottom: 10px; letter-spacing: -4px;  color: #b1bebe; }
.work h2 a:hover { color: #767e7e; }


.work li { padding: 0; margin: 0; display: inline; font-size: 94px; line-height: 95px; margin-bottom: 10px; letter-spacing: -4px; color: #b1bebe; }
.work li a { color: #b1bebe; }
.work li a:hover { color: #767e7e; }
/*.work li :after { content: " / "}
.work li.no a:after { content: ""}*/

span.uno { padding:0 0 0 1px; }
span.dos { padding:0 0 0 2px; }
span.tre { padding:0 0 0 3px; }
span.ses { padding:0 0 0 6px; }

.light { color: #b1bebe; }
.gold  { color: #fdc62e; }

.work li a.at { color: #fdc62e; }



h2.num { color: #d8d7d0; font-size: 52px; font-style: margin-bottom: 25px; }
h2.num span { font-size: 30px; vertical-align: 40%; }
h3 { font-size: 22px; line-height: 25px; margin-bottom: 10px; }
h3.lrg { font-size: 30px; line-height: 35px; }
h4 { font-size: 16px; line-height: 22px; margin-bottom: 5px; }



.col2 { width: 450px; float: left; margin-right: 60px; }
.col2.last { margin: 0; }

.col3 { width: 306px; float: left; margin-right: 21px; }
.col3.last { margin: 0; }

.col3.wide { width: 960px; float: left; margin-right: 0; }


.footer { clear: both; padding: 20px 0 60px 0; margin: 80px 0 0 0; border-top: 1px dotted #aaaaaa; }
.footer a { color: #5f5f5f; text-decoration: underline}
.footer a:hover { color: }
.footer p { }
.footer ul.nav { margin-top: 0; }

.divider { clear: both; padding: 9px 0 0 0; margin: 70px 0 40px 0; border-top: 1px dotted #aaaaaa; border-bottom: 1px dotted #aaaaaa; }


/* ------- WORK ------- */

.art  { float: left; width: 630px; }
.art p { margin-bottom: 30px; }
.copy { float: right; width: 290px; }
.copy h3 { font-size: 30px; line-height: 32px; color: #727a77; border-bottom: 1px dashed #bebfbd; padding-bottom: 15px; }
.copy p { font-size: 13px; }

.worknav         { margin-top: 0px; width: 290px; height: 210px; background: url("../images/worknav-bkg.gif") no-repeat; }
.worknav h2      { font-size: 64px; letter-spacing: -2px; color: #d9e0e0; }
.worknav h2.back { float: left; margin-top: 34px; }
.worknav h2.next { float: right; margin-top: 130px; }


/* ------- ABOUT ------- */

body#about { background: #f6f7f1 url('../images/bkg-about.gif') center 615px no-repeat }

body#about .col3 h2 { font-size: 96px; line-height: 110px; margin-bottom: 10px; letter-spacing: -4px;  color: #727a77; border-top: 9px solid #727a77; border-bottom: 9px solid #727a77; padding-bottom: 10px; }
body#about .col3 p { font-size: 14px; line-height: 24px; margin-top: 18px; }
body#about p.school { margin-top: 50px; }
body#about .col3.wide h2 { border-top: none; margin-top: -60px; }


body#contact { background: #f6f7f1 url('../images/bkg-contact.gif') center 38px no-repeat }

body#contact h2 { color: #d8dbd4; font-size: 85px; line-height: 95px; letter-spacing: -2px; margin-top: -3px; }
body#contact h2.lrg { font-size: 100px; margin-top: 100px; }
body#contact h2 a { color: #fdc62e; }
body#contact h2 a:hover { color: #767e7e; }