@charset "utf-8";

* { margin: 0; padding:0; outline: 0; }
ul,li { list-style-type: none; }
a { text-decoration: none; color: #6F3C0D;  }
a:hover { color: #FA7603; }
body { background: #1a2022; font-weight: 300; color: #C6C6C6; font-family: Georgia,"Times New Roman",Times,serif; }
div.wrapper { width: 950px; margin: 0 auto 0 auto; clear: both; }
img { border:0; }
#header {text-align: left; margin: 15px 35px; font-weight:bold; font-size:14px;}
#header img { border: 0px; margin: 0 10px 0 35px; clear: both;  width: 235px; height: 141px; }
#header .tagline{ font-size: 20px; }

#nav { width: 950px; height: 30px; margin: 10px auto 45px auto; clear: both; }

#nav ul li { float: left;  width: 25%; display: block; }
#nav ul li.last { width: 24%; text-indent: 20px;}
#nav ul li a { display: block; font-size: 35px !important; letter-spacing: -1px; padding-left: 8%;  color: #8B4B12; }
#nav ul li.work a { text-indent: 10px; }
#nav ul li.about a { text-indent: 10px; }
#nav ul li a:hover { color: #FA7603; }
#nav ul li a.active { color: #BC6417; }

#content .wrapper { margin: 0 auto; padding-left: 20px; padding-right: 20px; width: 950px; }

#content .headline { width: 740px; float: left; }
#content .subhead {  width: 210px; float: right; height: 0; }
#content .subhead p {  width: 210px; margin-top: 20px; }

#content h1 { font-size: 80px; letter-spacing: -1px;  color: #D1D9DC; text-indent: 17px; }
#content .headline h1 { margin: 20px 0 33px 0 !important}
#content .blurbs { height: 120px; clear: both; margin: 35px auto 90px auto; }
#content .blurbs h2 { font-size: 35px;  font-weight: 300;  letter-spacing: -1px; margin-bottom: 3px; }
#content .blurbs p {font-weight: lighter; line-height: 22px; font-size: 16px; color: #6A797D;}
#content .blurbs .marketing, #content .blurbs .tech, #content .blurbs .design { float: left; display: block; width: 358px; }
#content .blurbs .marketing p, #content .blurbs .tech p { width: 95%}
#content .blurbs .marketing { width: 310px; padding-left: 20px; }
#content .blurbs .tech { width: 260px; padding-left: 20px; }
#content .blurbs .design { padding-left: 0; width: 320px; float: right; }

#content .text { width: 570px; float: left; height: 300px; }
#content .sidebar h2, #content .text h2 { margin-bottom: 15px; }
#linkedin {  border: 0px; width:64px; height: 64px;  clear: both;  display: block; }
#content .sidebar { width: 345px; height: 300px; float: right;  margin: 0 0 0 35px; }
#content .sidebar h3 { font-size: 18px; font-weight: 300; margin-bottom: 0; }
#content .sidebar { }
#content .sidebar ul { margin-bottom: 60px; }
#content .sidebar ul li {  }
#content .sidebar ul li p { margin-top: -3px; margin-bottom: 20px;  }
#content p.txt { margin-bottom: 20px; font-size: 16px !important}

#content .endorsements { height: 120px; clear: both; margin: 0 auto 90px auto; }
#content .endorsements h3 { font-weight: 300; }
#content .endorsements p { font-size:14px; font-weight: lighter; line-height: 22px; margin: 0 0 10px 25px; }
#content .endorsements .quoteone, #content .endorsements .quotetwo, #content .endorsements .quotethree { float: left; display: block; margin: 10px 0; }
#content .endorsements .quoteone p, #content .endorsements .quotetwo p { width: 95%}
#content .endorsements .quoteone { width: 310px; margin-right: 20px; }
#content .endorsements .quotetwo { width: 290px; margin-right: 20px; }
#content .endorsements .quotethree { width: 290px; float: right; margin-right: 20px; }



#work { width: 950px; height: 180px; margin: 10px auto 0 auto; clear: both; }
#work img { border: 0px; height: 198px; clear: both;  display: block; }
#work .teaser { width: 570px; float: left; clear: both;  display: block; }
#work .spacer { white-space:normal; clear: both;  display: block; margin: 20px 0; }
#work .teaser img { width: 535px; height: 180px; }
#work .details { width: 380px; float: right; }
#work .details h2 { font-size: 18px;  font-weight: 300;  letter-spacing: -1px; margin-bottom: 3px; color:  #D1D9DC; line-height: 32px; margin-top: 5px; }
#work .details h2 em { margin-right: 25px; }
#work .details p { font-weight: 300;  letter-spacing: -1px; margin-bottom: 3px; color:  #D1D9DC; line-height: 32px; margin-top: 5px; }
#work .details p em { margin-right: 25px; }