html, body { margin: 0; padding: 0; }

body { background: url(../img/bg.jpg);  font-family: HelveticaLTStd-Bold, Helvetica, Arial, Tahoma, sans-serif;}

.c { clear: both; }

* { font-family: HelveticaLTStd-Bold, Helvetica, Arial, Tahoma, sans-serif; }

.logo { position:absolute; left:-1px; margin-top: 100px; }

.main { position: absolute; left: 107px; top: 355px;}
.content { float: none; clear: both; display: none; border: 1px gray; overflow: hidden; }

.main * { text-transform: uppercase; font-weight: bold; color: black; }
.nouppercase {	text-transform: none;}

.title { cursor: pointer; line-height: 50%; text-decoration: underline; }
.active { text-decoration: none; }

.section, .subsection, .project { margin-bottom: 3px; padding-top: 9px; }

.section .title { font-size: 33px;; line-height: 95%; letter-spacing: -1.3px;}
.section .content { width: 765px; }

.subsection .title { font-size: 63px; letter-spacing: -3.3px;}
.subsection .content {  width: 765px; }

.project { margin-left: 15px; }
.project .title { font-size: 85px; letter-spacing: -2px;}
.project .content { border: 0; height: 550px; width: 750px; overflow: hidden; background-color: #000; }
.project .content div { height: 550px; width: 750px; overflow: hidden; background-color: #000; }
.project .content div.description {  }
.project .content div.description p { text-align: center; margin: 40px; }

.project .content img { cursor: pointer; position: relative; }

.buttons { position: absolute; left: 0; top: 0; display: none; z-index: 1000; }

.buttons img { display: block; float: left; margin-right: 5px; cursor: pointer; }

.ititle { position: absolute; display: none; width: 740px; text-align: center; padding: 5px; z-index: 100; background-color: white; color: black; }

.new{color:#FF0000; text-decoration: none !important;}

@font-face {
font-family: HelveticaLTStd-Bold;
src: url("http://delamberg.net/HelveticaLTStd-Bold.otf");
}