/* general styles */
body{
  font-size: 13px;
}
div.centerContent{
  width: 728px;
  padding-left: 40px;
  padding-right: 40px;
}


/*      HEADER      */
header{
  padding-top: 30px;
  padding-bottom: 20px;
}

header a.logoHolder{
  width: 70px;
  padding-left: 12px;
  margin-bottom: 30px;
}
header div.headerContact{
  right: 40px;
  bottom: 45px;
}

/*      CONTENT      */
article h1,
article h2,
article.portfoliodetail div.row3 div.text p{
  margin-bottom: 20px;
}
article.portfoliodetail div.row3 div.text p{
  font-size: 1.2em;
  letter-spacing: 2px;
}

article h3,
article.portfoliodetail div.mainText div.textHolder h1,
article.portfoliodetail div.row3 div.text h3{
  margin-bottom: 10px;
}

div.pageHeader,
div.pageFooter{
  padding-top: 40px;
  padding-bottom: 40px;
  letter-spacing: 2px;
  font-size: 1.4em;
  line-height: 1.4em;
}
div.pageFooter{
  padding-top: 40px;
  padding-bottom: 40px;
}
div.pageHeader h1{
  letter-spacing: 2px;
}

/*      HOME      */
div.centerContent div.pageAnimation{
  padding-top: 50%;
  position: relative;
}
article.home div.centerContent div.pageAnimation,
article.home div.centerContent div.pageVisual{
  margin-bottom: 40px;
}
article.home div.centerContent div.pageAnimation div.pageVisualText,
article.home div.centerContent div.pageVisual div.pageVisualText{
  padding-bottom: 20px;
}
article.home div.centerContent div.pageAnimation h1,
article.home div.centerContent div.pageVisual h1{
  margin-top: 15px;
  letter-spacing: 2px;
}
article.home div.centerContent div.pageAnimation h1 a,
article.home div.centerContent div.pageVisual h1 a{
  background-size: 12px auto;
  padding-bottom: 20px;
}
article.home div.projectsMore{
  margin-bottom: 40px;
}


/*    STUDIO & TEAM    */
div.centerContent div.pageAnimation div.pageVisualText,
div.centerContent div.pageVisual div.pageVisualText{
  right: 40px;
  padding: 20px;
  padding-left: 80px;
  padding-right: 40px;
  line-height: 1.8em;
  letter-spacing: 0.5px;
  font-size: 0.7em;
}
div.blockHolder div.block{
  margin-top: 40px;
  margin-bottom: 40px;
}
article.team div.blockHolder div.block:nth-child(odd){
  min-height: 420px;
}
article.studio div.blockHolder div.block:nth-child(2){
  margin-top: 60px;
}
div.blockHolder div.whiteBG{
  width: 30%;
}
article.studio div.block div.imageHolder{
  width: 47%;
}
article.team div.block div.imageHolder{
  width: 40%;
}
div.blockHolder div.block div.textHolder div.text,
article.portfoliodetail div.mainText div.textHolder div.text,
div.highlight div.highlightText div.textHolder div.text{
  padding-left: 0px;
}
article.studio div.blockHolder div.block:nth-child(1) div.textHolder p.location{
  margin-bottom: 20px;
}
article.studio div.blockHolder div.block:nth-child(1) div.textHolder,
article.team div.blockHolder div.block:nth-child(even) div.textHolder{
  padding-right: 40px;
}
article.studio div.blockHolder div.block:nth-child(1) div.textHolder,
article.studio div.blockHolder div.block:nth-child(2) div.textHolder,
article.team div.blockHolder div.block:nth-child(odd) div.textHolder{
  margin-left: 260px;
}
article.studio div.blockHolder div.block:nth-child(2) div.imageHolder{
  top: 40px;
}
article.studio div.blockHolder div.block:nth-child(2) div.textHolder,
article.team div.blockHolder div.block:nth-child(odd) div.textHolder{
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 100px;
  padding-right: 40px;
}
article.studio div.blockHolder div.block:nth-child(3) div.textHolder,
article.team div.blockHolder div.block:nth-child(even) div.textHolder{
  padding-left: 40px;
  padding-right: 20px;
}
article.team div.blockHolder div.block:nth-child(odd) div.imageHolder{
  left: 40px;
  top: 40px;
}
article.team div.blockHolder div.block:nth-child(even) div.imageHolder{
  margin-right: 40px;
}

/*      PORTFOLIO    */
div.portfolioFooter div.pageFooter{
  padding-top: 40px;
  padding-bottom: 40px;
}
div.portfolioFooter div.pageFooter div.text{
  padding-left: 0px;
  font-size: 0.8em;
}
div.portfolioFooter div.pageFooter div.text p.footerTitle{
  margin-bottom: 10px;
}
div.portfolioFooter div.pageFooter a.mainButton{
  right: 40px;
  bottom: 40px;
}
div.highlight div.highlightPic img{
  width: 40px;
}
div.highlight div.highlightText div.textHolder{
  width: 364px;
  padding: 40px;
}
div.highlight div.highlightText div.textHolder p.title,
div.highlight div.highlightText div.textHolder p.subtitle{
  letter-spacing: 2px;
}
div.highlight div.highlightText div.textHolder a.readmore{
  margin-top: 20px;
}


div.projectHolder a.project span.mouseover{
  padding: 15px;
}
div.projectHolder a.project span.mouseover span.title{
  letter-spacing: 1px;
}
div.projectHolder a.project span.mouseover span.readmore{
  padding-bottom: 0px;
}
div.projectHolder a.project span.mouseover img{
  display: none;
}

article.portfoliodetail div.mainText{
  margin-top: 40px;
  margin-left: 160px;
  margin-bottom: 40px;
}
article.portfoliodetail div.mainText div.textHolder h2{
  letter-spacing: 3px;
  width: 100%;
}
article.portfoliodetail div.row.row1 a.pic{
  margin-bottom: 20px;
}
article.portfoliodetail div.row.row1 div.text{
  padding-left: 40px;
}
article.portfoliodetail div.row.row4{
  margin-bottom: 60px;
}

div.randomProjects{
  padding-top: 40px;
  padding-bottom: 40px;
}
div.randomProjects p{
  margin-bottom: 20px;
  letter-spacing: 3px;
}


/*      CONTACT    */
article.contact div.contactInfo,
article.default a.imageHolder{
  width: 35.5%;
  margin-right: 5.5%;
}
article.contact div.textHolder,
article.default div.textHolder{
  width: 59%;
}


article.contact div.contactInfo div.contactText{
  margin-left: 40px;
}
article.contact div.textHolder,
article.default div.textHolder{
  padding: 40px;
}
article.contact div.textHolder,
article.contact div.contactInfo{
  margin-top: 40px;
}
input.mainButton{
  padding-left: 30px;
  padding-right: 30px;
}
div.formNote{
  padding-left: 135px;
}
div.googleMaps{
  margin-top: 40px;
}


/*      FOOTER      */
footer{
  padding-top: 40px;
  padding-bottom: 40px;
}
footer a.logoHolder{
  width: 60px;
  margin-right: 30px;
}
footer div.contact{
  font-size: 0.8em;
  line-height: 1.7em;
  width: 170px;
}
span.company{
  letter-spacing: 1px;
  margin-bottom: 5px;
}
article.contact span.company{
  margin-bottom: 10px;
}
footer nav{
  margin-bottom: 24px;
}
footer nav ul li,
footer div.socialHolder{
  margin-left: 10px;
}
footer div.socialHolder{
  float: none;
  text-align: right;
  margin-bottom: 10px;
}
footer div.socialHolder a{
  margin-right: 0px;
  margin-left: 15px;
}


div.copyright{
  float: none;
  text-align: right;
}