@charset "UTF-8";
/* CSS Document */
  html                        {min-height:100.2%;}
  body													{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}
  p														{font-weight:400; font-size:13px; line-height:22px; color:#606060; margin-bottom:25px;}
  strong												{font-weight:700; color:#2c2d31; margin-right:10px;}
  h1													{font-size:16px; line-height:26px; font-weight:400; color:#606060; margin-bottom:35px; margin-right:10px;}
  h2													{font-size:14px; line-height:22px; font-weight:700; color:#2c2d31;}
  h3													{font-size:12px; line-height:18px; font-weight:700; color:#2c2d31;}
  h4													{font-size:10px; line-height:20px; font-weight:400; color:#2c2d31;}
  h5													{font-size:12px; line-height:18px; font-weight:700; color:#2c2d31;}
  h6													{font-size:10px; line-height:16px;}
  a 													{outline:0;} /*remove FF outline*/

  .clear 												{font-size:0em; line-height:0em; height:0px; position:relative; clear:both;}


/* Container */
  .container 											{width:965px; margin-right:auto; margin-left:auto;}
  .eyebrow												{height:4px; background:#cfcfcf; width:100%; margin-right:auto; margin-left:auto;}

/* header */

  #header 												{padding:50px 0 45px 0; width:720px;}

  #logo 												{float:left; height:15px; width:150px;}
  #logo a 												{background: url(../img/logo.png) no-repeat scroll left top transparent; display:block; background-size: 125px; height:25px; width:125px; margin-top:3px; text-indent: -9999px; transition:opacity 0.1s linear;}
  #logo a:hover 										{opacity: .5;}




  #nav													{float:right;}
  #primary-nav 											{float:right; font-weight:700; line-height:34px; font-size:14px;}
  #primary-nav li 										{float:left; list-style:none; background:url(../img/core/pipe.png) no-repeat scroll right 11px transparent; height:25px; background-size: 1px;}
  #primary-nav li a 									{margin:0 15px; color:#363636; padding-top:5px; text-decoration:none; padding-bottom:1px;
  														-moz-transition:color 0.1s linear; -webkit-transition:color 0.1s linear; -o-transition: color 0.1s linear; transition:color 0.1s linear;}
  #primary-nav li a:hover 								{color:#a4a5aa;}
  #primary-nav li a:active 								{position:relative; top:1px;}
  #primary-nav li.last									{background:none;}
  #primary-nav li:last-child a 							{margin-right:0;} 
  #primary-nav li.youarehere a							{border-bottom:1px #c8c8c8 solid;}

  #main-content											{float:left; width:720px; min-height:600px;}
  #main-content.words									{border-right: 1px dotted #ecedf3;}
  .photo-above											{border-right:1px dotted #ecedf3; margin-top:30px;}

  #main-content a:link,
  #main-content a:visited								{font-weight:700; color:#2c2d31; text-decoration:none;
  														-moz-transition:color 0.1s linear; -webkit-transition:color 0.1s linear; -o-transition: color 0.1s linear; transition:color 0.1s linear;}  
  #main-content a:hover,
  #main-content a:active								{color:#23a816; text-decoration:none;}
  .work-description										{width:620px; margin-top:-5px; margin-bottom:70px;}
  .work-description h2									{font-size:14px; text-align:left; line-height:22px; font-weight:700; color:#1e1e1e; margin:0 0 8px 0;}
  .work-description p									{font-size:12px; text-align:left; line-height:20px; font-weight:400; color:#606060; margin-bottom:10px; width:540px;}
  .divider												{color:#bebebe; margin:0 .1em 0 .1em;}
  
  .fullwidth											{padding-right:35px; margin-bottom:35px}
  .fullwidth .start										{margin-top:30px;}
  .fullwidth-divider									{display:block; width:685px; height:1px; border-top:1px dotted #ECEDF3;}
  .halfwidth											{width:330px; float:left; margin-bottom:10px; margin-right:25px; position:relative;}

  .press img											{display:block; padding-bottom:15px;}
  .press a img											{opacity:1.0; filter:alpha(opacity = 100); -webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;}
  .press a:hover img									{opacity:.70; filter:alpha(opacity = 70);/*for IE*/}
    
  #carousel												{}
  #mySlider 											{width:100%; height:480px;} /* width and height of slider in %, px or em */

  #sidebar												{float:right; width:215px; margin-bottom:20px;}
  #sidebar p											{font-size:11px; line-height:17px; margin-left:15px;}
  #sidebar h3											{margin-left:15px;}
  #sidebar a 											{color:#2c2d31; text-decoration:none;
  														-moz-transition:color 0.1s linear; -webkit-transition:color 0.1s linear; -o-transition: color 0.1s linear; transition:color 0.1s linear;}
  #sidebar a:hover										{color:#23a816;}
  #sidebar a:active 									{position:relative;}
  
  ul#secondary-nav										{margin-left:15px;}
  #secondary-nav li 									{list-style:none; font-size:12.5px; line-height:19px;}
  #secondary-nav li a 									{color:#2c2d31; text-decoration:none; background-repeat:no-repeat; background-position:0 .2em; padding-left:1.2em; margin-left:-16px; *margin-left:-32px;/*IE7*/
  														-moz-transition:color 0.1s linear; -webkit-transition:color 0.1s linear; -o-transition: color 0.1s linear; transition:color 0.1s linear;}
  #secondary-nav li a:hover								{color:#23a816;}
  #secondary-nav li a:active 							{position:relative; right:1px; top:0;}
  #secondary-nav li a.youarehere						{background-image:url(../img/core/arrow-left.png); background-size: 10px;}
  
  .contact-form p										{margin-bottom:0;}
  .contact-form .field 									{background-color:#f4f4f4; border:1px solid #C8C8C8; color:#000000; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:12px; font-weight:400; margin-bottom:20px; padding:8px 5px; width:310px;}
  .contact-form a										{font-size:13px;}

  /* Twitter sidebar */
  #tweets 												{width:180px; margin:0 0 0 15px; font-size: 12px; line-height: 20px;}
  #tweets li 											{color:#606060; padding:10px 0 10px 0; border-bottom:1px dotted #ecedf3;}
  #tweets .date											{}
  #tweets li:last-child									{border-bottom:0px none;}
  #tweets a:link,
  #tweets a:visited 									{text-decoration:none; font-weight:700; color:#363636;}
  #tweets a:hover,
  #tweets a:active 										{color:#23a816;}
 
  
  #divider												{display:block; width:185px; height:1px; border-top:1px solid #ecedf3; margin-bottom:15px;}
  #tags													{margin:25px 0 0 15px; font-size:11px; width:195px;}
  #tags a 												{color:#606060; text-decoration:none;}
  #tags a:hover											{color:#000000;}
  #tags a:active										{top:0;}

/* accordion */
  h4 													{line-height:10px; text-transform:uppercase;}  
  h4 a 													{cursor:pointer; display:block; text-decoration:none; margin:-6px -6px; padding:6px 6px;color:#000000; text-decoration:none;}
  *html h4 a 											{zoom:1;} /* YAY IE6 awsomeness */  
  #tags ul 												{margin:0 0 0 0; padding:8px 0 0 3px; list-style:none;}
  #tags li 												{padding:0 10px 7px 0; display:block; float:left;}
  #tags li a											{margin: -2px -3px; padding:2px 7px; color:#838383; line-height:19px; behavior:url(/img/core/border-radius.htc); border:1px solid #BDBDBD;
  														-moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;
  														-moz-transition:color 0.1s linear; -webkit-transition:color 0.1s linear; -o-transition: color 0.1s linear; transition:color 0.1s linear;}