* { margin: 0; padding:0; outline: 0; }
ul,li { list-style-type: none; }
a { text-decoration: none; color: #405156;  }
a:hover { color: #B62F2F }
body { background: #fff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 300; color: #516064;}
div.main { width: 990px; margin: 0 auto 0 auto; clear: both; }

#heading { width: 100%; height: 150px; }
#heading ul { padding-top: 54px; }
#heading ul li { float: left; width: 25%; display: block; height: 96px; }
#heading ul li.last { *width: 24%; }
#heading ul li a { display: block; width: 92%; height: 68px; font-size: 35px !important; letter-spacing: -1px;
 padding-left: 8%; padding-top: 28px;  color: #959EA1;  font-weight: light;text-shadow: 0 0 0 #fff;  }
#heading ul li.work a { text-indent: 30px }
#heading ul li.about a { text-indent: 10px }
#heading ul li a:hover { color: #B62F2F}
#heading ul li a.active { color: #405156; }
#content { padding-top: 50px; }
#content .main { padding-left: 20px; width: 950px; padding-right: 20px; }

#content .text { width: 740px; float: left; height: 335px; }

#content .text p { font-size: 20px; line-height: 30px; margin-bottom: 28px; width: 85%; }
#content .sidebar, #content .sidetext { width: 210px; float: right;  }
#content .samples {  width: 210px; float: right; height: 0; }
#content .samples p {  width: 210px; margin-top: -4px }

#content h1 { font-size: 102px; letter-spacing: -7px;  color: #D1D9DC; text-indent: -6px; margin-bottom: 36px; margin-top: -10px; text-shadow: 0 0 0 #fff;  }
#content .slogan h1 { margin: -10px 0 33px 0 !important}
#content .text h1#job { font-size: 196px; letter-spacing: -14px;  }
#content .sidebar h2, #content .sidetext h2 { font-size: 35px; letter-spacing: -1px;  color: #B62F2F; margin-top: 70px; font-weight: 300; margin-bottom: 3px; text-shadow: 0 0 0 #fff;  }
#content .sidetext h2 { color: #D1D9DC; margin-bottom: 20px; margin-top: 0px; font-weight: 300;  }
#content .sidebar h2 a {  color: #B62F2F }
#content .sidetext h3 { font-size: 18px; font-weight: 300; margin-bottom: 0; text-shadow: 0 0 0 #fff; }

#content .sidetext a { display: block; color: #B62F2F; padding: 4px 0 4px 10px; margin-left: -10px  }
#content .sidetext a:hover {  background:  #EDF0F1; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

#content .sidetext { padding-bottom: 120px}
#content .sidetext ul { margin-bottom: 60px; }
#content .sidetext ul li {  }
#content .sidetext ul li p { margin-top: -3px; margin-bottom: 20px;  }
#content .sidebar p, #content .sidetext p { font-size: 16px; letter-spacing: 0px; line-height: 24px; color: #6A797D; }
#content .text p {  color: #6A797D; }
#in { display: block; margin-top: -32px; margin-bottom: 30px; background:  #EDF0F1; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#in img { padding-top: 3px }
#content .topics { height: 140px; clear: both; margin-bottom: 90px; }
#content .topics h2 { font-size: 35px;  font-weight: 300;  letter-spacing: -1px; margin-bottom: 3px; text-shadow: 0 0 0 #fff;  }
#content .topics p {font-weight: light; line-height: 22px; font-size: 16px; color: #6A797D;}
#content .topics .who, #content .topics .what, #content .topics .for { float: left; display: block; width: 358px; }
#content .topics .who p, #content .topics .what p { width: 95%}
#content .topics .who { }
#content .topics .what { width: 338px; padding-left: 20px; }
#content .topics .for { padding-left: 20px; width: 210px; float: right; }
p.email,p.twitter  { margin-top: 14px; font-size: 16px !important;  color: #959EA1 !important; }
p.twitter { margin-top: 22px; }
p.email a { color:  #405156; }
p.twitter a { display: inline !important; }
#content p.pg { font-size: 16px !important}



#mainjob { height: 370px !important; }
#mainjob .sidebar  { margin-right: 30px !important; margin-top: 20px; *margin-right: 20px !important }
#mainjob h1 { margin-top: 10px; text-shadow: 0 0 0 #fff; }
#mainjob a { display: block; width: 100%; width: 980px; height: 310px;  margin-left: -30px !important; padding-left: 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; *width: 970px;}
#mainjob a .text { width: 680px !important; }
#mainjob a .text  h1 {  background: transparent url(/i/twitter.png) no-repeat; height: 218px; display: block; width: 680px !important; text-indent: -9999px; }
#mainjob a:hover {  -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #F1F4F4 }
#mainjob a:hover h1 {  background-position: 0 -219px; }