body, input, select, textarea { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;}
body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, fieldset, button, form, legend, input, textarea {padding: 0;  margin: 0;}

/* Structure */
html                {margin:0; padding:0;}
body                {background:#fff; padding:0 20px; margin:0; color:#A9A49B; line-height:1.6}
a                   {color:#8BB6BA; text-decoration:none;}
a:hover             {text-decoration:underline;}

#wrapper            {width:940px; margin:0 auto;}
header, section, footer {width:100%; float:left;}

header              {height:106px; border-bottom:5px solid #A9A49B; margin-bottom:3px; position:relative; overflow:hidden;}
header h1           {width:240px; height:106px; position:absolute; top:0; left:0;}
header h1 a         {display:block; width:240px; height:106px; text-indent:-9999px; overflow:hidden; background:url(images/logo.png) no-repeat;}
header p            {position:absolute; top:0; left:1000px;}
header ul           {position:absolute; right:0; top:0; width:684px; height:106px; list-style-type:none; background:url(images/menu.png);}
header li a         {position:absolute; top:0; height:106px; background:url(images/menu.png); text-indent:-9999px; overflow:hidden;}

header li#nav-home a            {left:0; width:180px;}
header li#nav-about a           {left:180px; width:162px; background-position:-180px 0;}
header li#nav-portfolio a       {left:342px; width:162px; background-position:-342px 0;}
header li#nav-contact a         {left:504px; width:180px; background-position:-504px 0;}

header li#nav-home a:hover      {background-position:0 -106px;}
header li#nav-about a:hover     {background-position:-180px -106px;}
header li#nav-portfolio a:hover {background-position:-342px -106px;}
header li#nav-contact a:hover   {background-position:-504px -106px;}

header li#nav-home.current a      {background-position:0 -212px;}
header li#nav-about.current a     {background-position:-180px -212px;}
header li#nav-portfolio.current a {background-position:-342px -212px;}
header li#nav-contact.current a   {background-position:-504px -212px;}

section             {border-top:1px solid #A9A49B; padding:15px 0 100px; background:url(images/section_bottom.png) no-repeat bottom left;}
body#body-home section {background:none; border-bottom:1px solid #E8E7E4;}
section p           {margin:0 0 10px;}
section #main       {width:700px; float:right;}
section #extras     {width:225px; float:left;}
#body-home section #extras {width:240px;}

#extras .callout     {border:1px solid #efefed; border-width:1px 0; padding:5px 8px 5px 45px; margin:0 0 15px;}
#extras .callout p   {margin:0;}
#body-about .callout {background:url(images/hashrocket.png) no-repeat 0 50%;}
#body-contact .callout {background:url(images/not_accepting.png) no-repeat 0 50%;}
#body-contact .accepting {background:url(images/accepting.png) no-repeat 0 50%;}

.services-offered h3  {height:22px; text-indent:-9999px; overflow:hidden; background:url(images/text_services_offered.png) no-repeat; margin:0 0 5px;}

#main .primary                {width:380px; float:left; margin:0 20px 0 0;}
#main .secondary              {width:143px; float:left; margin:0 17px 0 0;}
#main .tertiary               {width:140px; float:left;}

#main .primary-alt            {width:220px; float:left; margin:0 20px 0 0;}
#main .secondary-alt          {width:460px; float:left;}
#main .secondary-alt iframe   {width:460px;}

.portfolio-pieces div         {float:left; margin:0 20px 15px 0;}
.portfolio-pieces div img     {border:none; width:220px; heigth:150px;}
.portfolio-pieces div.three   {margin-right:0;}

#portfolio #preview           {width:700px; float:left;}
#portfolio #details           {width:220px; float:right; padding-top:23px;}
#portfolio #details .images   {font-size:9px; padding:8px 0;}
#portfolio #details .images a {color:#A9A49B; padding:5px; line-height:16px;}
#portfolio #details .images a:hover {text-decoration:none;}
#portfolio #details .images a.current {color:#fff; background:url(images/current_image.png) no-repeat center;}

section #featured             {background:url(images/home_feature_hover.png) no-repeat 1000px 1000px;}
section #featured h1          {background:url(images/home_feature.jpg);}
section #featured h1 a        {display:block; width:700px; height:248px; text-indent:-9999px; overflow:hidden;  border-bottom:1px solid #E8E7E4; margin:0 0 20px;}
section #featured h1 a:hover  {background:url(images/home_feature_hover.png);}

#parts                {width:700px; float:left; background:url(images/text_passionate.png) no-repeat 230px 100%;}
#the-basics           {width:220px; float:left; margin:0 20px 0 0; display:inline;}
#big-picture          {width:220px; float:left; margin:0 20px 0 0; display:inline;}
#the-evidence         {width:220px; float:left;}

#body-about #main      {padding-bottom:60px; background:url(images/text_feature_about.png) no-repeat bottom left;}

section h3            {font-size:14px; font-weight:normal; text-transform:uppercase;}
section h3 strong     {font-weight:normal; color:#847d70;}
#the-basics h3  {height:22px; text-indent:-9999px; overflow:hidden; background:url(images/text_the_basics.png) no-repeat; margin:0 0 5px;}
#big-picture h3  {height:22px; text-indent:-9999px; overflow:hidden; background:url(images/text_big_picture.png) no-repeat; margin:0 0 5px;}
#the-evidence h3  {height:22px; text-indent:-9999px; overflow:hidden; background:url(images/text_the_evidence.png) no-repeat; margin:0 0 5px;}
#body-about #extras h2  {height:50px; text-indent:-9999px; overflow:hidden; background:url(images/text_about_doris.png) no-repeat; margin:0 0 15px;}
#body-contact #extras h2  {height:50px; text-indent:-9999px; overflow:hidden; background:url(images/header_contact.png) no-repeat; margin:0 0 15px;}
.portfolio h2  {height:65px; text-indent:-9999px; overflow:hidden; background:url(images/header_portfolio.png) no-repeat; margin:0 0 15px; border-bottom:1px solid #efefed;}
#body-contact .primary-alt h3  {height:22px; text-indent:-9999px; overflow:hidden; background:url(images/text_dont_be_shy.png) no-repeat; margin:0 0 5px;}

section ul            {list-style-type:none;}
section ul li         {line-height:2; padding:0 0 0 13px; background:url(images/bullet.png) no-repeat 0 5px;}
section ul li a       {color:#A9A49B;}
section .tertiary ul li a {color:#847d70;}
section ul li a:hover {color:#8BB6BA; text-decoration:none;}

#extras ul            {text-transform:lowercase;}
#extras ul li.current a {font-weight:bold;}

#portfolio_navigation       {font-size:11px; text-align:right;}
#portfolio_navigation p.back     {float:left; text-transform:lowercase;}
#portfolio_navigation .previous  {padding:0 0 0 8px; background:url(images/arrow_prev.png) no-repeat 0 50%; display:inline-block;}
#portfolio_navigation .next      {padding:0 8px 0 10px; background:url(images/arrow_next.png) no-repeat 100% 50%; display:inline-block;}
#portfolio_navigation span       {color:#CCC;}

footer              {padding:10px 0; text-align:right; font-size:11px; clear85:both; text-transform:lowercase;}
footer a            {color:#A9A49B;}
footer p.elsewhere  {float:left; margin-top:-10px;}
footer p.elsewhere a {float:left; display:inline; text-indent:-9999px; overflow:hidden; height:35px; background-image:url(images/footer_socialmedia.png); background-repeat:no-repeat; text-align:left;}
a#facebook_link      {width:85px; background-position:0 -3px;}
a#twitter_link     {width:85px; background-position:-85px -3px;}
a#linkedin_link     {width:85px; background-position:-170px -3px;}
a#flickr_link       {width:65px; background-position:-255px -3px;}
a#dailymile_link    {width:80px; background-position:-315px -3px;}
a#facebook_link:hover      {width:85px; background-position:0 -38px;}
a#twitter_link:hover     {width:85px; background-position:-85px -38px;}
a#linkedin_link:hover     {width:85px; background-position:-170px -38px;}
a#flickr_link:hover       {width:65px; background-position:-255px -38px;}
a#dailymile_link:hover    {width:80px; background-position:-315px -38px;}