#document, #wrapper { /* #footer down */
  position: relative;
  min-height: 100%;
}

/* Header
------------------------------------------ */
#header {
  position:relative;
  height:200px;
  }
  #header .links {
    position:absolute; top:100px; left:767px;
    margin-top:-.5em;
    }
    #header .links li {
      float:left;
      margin-right:1em;
      }
      #header a {
        color:#99ff00;
        }
      #header a:hover {
        color:#ccff00;
        }

/* Content
------------------------------------------ */
#content {
  position:relative;
  margin:0 0 0 100px; padding:0 0 120px 0;
  width:900px;
  font-size:.85em;
  }
  #portfolio-list {
    overflow:hidden; zoom:1;
    }
    p.portfolio-item {
      float:left;
      width:220px;
      }
    p.portfolio-item a {
      color:#FFFFFF;
      padding:7px 0 7px 7px;
      display:block;
      text-decoration:none;
      }
      p.portfolio-item a .info {
        font-size:.85em;
        }
    p.portfolio-item a:hover {
      color:#FFF;
      background:transparent url(../img/bg_a.png);
      }
  #feedback,
  #contacts {
    font-family:tahoma,verdana,sans-serif;
    }
    #feedback form input[type="text"] {
      width:20em;
      }
    #feedback form textarea {
      width:50em;
      }
  #contacts {
    position:absolute; top:0; left:667px;
    }
    #contacts li {
      position:relative;
      margin:0 0 1em 0; padding:0 0 0 25px;
      font-weight:bold;
      }
      #contacts li i {
        position:absolute;
        margin-left:-25px;
        width:17px; height:15px;
        }
  #portfolio-work {
    margin:0 0 1em;
    overflow:hidden; zoom:1;
    }
    #portfolio-work h2 {
      margin:5px 0 0;
      font-size:1.1em;
      text-decoration:none;
      }
    #portfolio-work p.subtitle {
      margin:0 0 1.5em;
      font-size:.85em;
      }
    #portfolio-work a.project-link {
      margin:0 0 .7em;
      display:block;
      font-weight:bold;
      }
    #portfolio-work p {
      margin:0 0 1em;
      line-height:1.6;
      }
    #portfolio-work .work-img {
      float:left;
      margin:0 7px 0 0; padding:10px;
      background:transparent url(../img/bg_a.png);
      }
    #portfolio-work .work-img {
      float:left;
    }

/* Footer
------------------------------------------ */
#footer { /* downed */
  position: relative;
  margin:-100px 0 0 100px;
  height:100px;
  }
  #footer ul li {
    float:left;
    padding:30px 40px 0 0;
    }

/* Rutina
------------------------------------------ */


.rutina_top {
   background: url(/img/rutina_top.png) no-repeat left; 
}
.rutina_bottom {
   background: url(/img/rutina_btm.png) no-repeat left;
}

.rutina_top, .rutina_bottom {
   width: 880px;
   height: 10px;
   font-size: 1px;
}
.rutina_content { width: 880px; background: url(/img/rutina_bg.png);}
.rutina_img {margin: 10px;}


/* New Contact
------------------------------------------ */
.b-contact {
    position: relative;
    width: 900px;
    height: 486px;
    background: url(../img/contact_iphone.png) no-repeat;
}
.b-contact .info {
    width: 600px;
    height: 400px;
    position: absolute;
    top: 40px;
    left: 150px;    
}
.h-contact {
    position: relative;
}
.h-contact .email {
    position: absolute;
    top: 210px;
    left: 280px;
    width: 335px;
    height: 60px;
    text-indent: -9999px;
    background: url(0.gif);
}

.b-contact .info #mainInfoImg {
    margin: 70px 0 0 128px;
}
.b-contact .light {
    position: absolute;
    top: 40px;
    left: 150px;
    width: 338px;
    height: 274px;
}
.h-contact .button {
    position: absolute;
    top: 198px;
    left: 774px;
    width: 85px;
    height: 85px;
}