html,body{width:100%;height:100%;}
body{background:#969697 url(../img/bg.jpg) no-repeat center top;color:#676767;font:75%/1.2em Georgia, "Times new Roman", Times, serif;}

p{font-style:italic;}
a{text-decoration:none;}
strong a{border:none;color:#676767;}
strong a:hover{color:#878787;}
a{color:#676767;}
a:hover{color:#878787;}
label{display:block;margin:0 0 2px 0;}
input,textarea{width:370px;padding:2px 4px;border:none;background:transparent url(../img/brecht.2010.bg_input.png) repeat 0 0;font:1.1em Georgia, "Times new Roman", Times, serif;font-style:italic;border:1px solid #b0afae;color:#676767;}
form{width:378px;margin:0 auto;}
  form p{padding:0 0 12px 0;}

h2{width:150px;padding:4px 8px;margin:0 auto;background:transparent url(../img/brecht.2010.bg_title.png) repeat-x 0 0;font-weight:normal;text-align:center;font-style:italic;color:#969698;}
  h2 span{display:block;font-size:.833em;}
  
#wrapper{position:relative;width:100%;height:100%;overflow:hidden;}
  section{width:100%;height:100%;}
    .positioned{position:absolute;top:0;}
    #home{}
    #projects{}
  
  #project_wrapper{display:block;width:680px;margin:0 auto;}
  #project,#project li{position:absolute;list-style:none;}
  #project{position:relative;width:615px;height:316px;padding:12px 0 0 12.5px;margin:-10px auto 0 auto;background:transparent url(../img/brecht.2010.bg_project.png) no-repeat 0 0;z-index:200;}
    #project h2{display:none;}
    .project_description{width:560px;padding:10px 20px;position:absolute;bottom:2px;left:0;background:#eee;text-align:center;}
  .pager{display:block;width:39px;height:43px;margin:138px 0 0 0;background:transparent url(../img/brecht.2010.sprite_arrows.png) no-repeat 0 0;text-indent:-9999px;outline:none;}
  .next{position:relative;float:right;background-position:0 -43px;z-index:100;}
  .prev{position:relative;float:left;z-index:100;}
  
  nav{width:100px;}
    nav li{margin:0 0 1px 0;margin:0 0 2px 0;background:transparent url(../img/brecht.2010.sprite_tiny_arrows.png) no-repeat right top;}
    nav a{position:relative;display:inline-block;padding:2px 4px 4px 4px;background:transparent url(../img/brecht.2010.bg_nav.png) repeat 0 0;color:#676767;line-height:.9em;font-style:italic;text-transform:lowercase;letter-spacing:0.5px;}
    nav a:hover{color:#767678;}
    nav .item_1{width:102px;margin:0 0 2px -12px;}
    nav .item_2{width:81px;margin:0 0 2px 6px;}
    nav .item_3{width:48px;padding:0 0 0 10px;margin:0 0 2px 20px;background-position:0 -48px;}
    nav .item_4{width:48px;padding:0 0 0 10px;margin:0 0 2px 18px;background-position:0 -48px;}
    nav .item_5{width:105px;padding:0 0 0 10px;margin:0 0 2px -35px;background-position:0 -48px;}
  
  header nav{margin: 100px auto 0 auto;}
  #projects nav{margin: 0 auto;}
  
header, .contact_block{width:960px;margin:0 auto;padding:280px 0 0 0;}
.contact_block{padding:282px 0 0 0;}
.block{width:960px;margin:0 auto;padding:140px 0 0 0;}

#logo{display:block;width:345px;height:78px;margin:0 0 0 250px;background:transparent url(../img/brecht.2010.logo.png) no-repeat 0 0;text-indent:-9999px;cursor:default;outline:none;}
#intro{margin:-100px 0 0 480px;}
#intro span, .intro span{display:block;}
#intro .top, .intro .top{width:142px;padding:4px 0 0 32px;border-top:1px solid #b7b8b9;}
#intro .bottom, .intro .bottom{width:172px;margin:0 0 0 68px;padding:0 0 4px 4px;border-bottom:1px solid #b7b8b9;}

#contact_me{display:block;width:345px;height:78px;margin:0 0 0 250px;background:transparent url(../img/brecht.2010.title_contact.png) no-repeat 0 0;text-indent:-9999px;cursor:default;outline:none;}
#contact p{margin:-26px 0 0 400px;}
#contact nav{margin:20px auto 0 auto;}