/* Global */

/* Layout All */
#wrapper, #footer-wrapper {background: url(../images/wrapperbg.gif) repeat-y; margin: 0 auto; padding: 0 25px; width: 900px;}
  #header               {overflow: hidden; padding-top: 20px;}
    #logo               {float: left;}
      #logo a           {background: url(../images/logo.gif) no-repeat; display: block; height: 106px; text-indent: -999em; width: 312px;}
    #navbar             {background: #443028 url(../images/circles.gif) no-repeat 21px 20px; height: 106px; position: relative; float: right; width: 567px;}
      #nav              {bottom: 23px; position: absolute; right: 27px;}
        #nav li         {float: left; margin-left: 17px;}
        #nav li a       {background-position: left top; background-repeat: no-repeat; display: block; height: 19px; text-indent: -999em;}
        .active a, #nav li a:hover {background-position: left -20px !important;}
        #nav-company a  {background-image: url(../images/nav_company.gif); width: 53px;}
        #nav-our-work a  {background-image: url(../images/nav_ourwork.gif); width: 55px;}
        #nav-services a {background-image: url(../images/nav_services.gif); width: 49px;}
        #nav-contact a  {background-image: url(../images/nav_contact.gif); width: 43px;}
  #content              {overflow: hidden; padding-bottom: 47px;}
    #quote              {margin-top: 35px;}
    #quote              {background: url(../images/quotebg.gif) no-repeat; padding-top: 20px; height: 118px;}
      #quote p          {padding: 10px 0 18px;}
  #footer-wrapper       {background: url(../images/footerbg.png) no-repeat left bottom; padding-bottom: 27px;}  
    #footer             {background: #443028; overflow: hidden; padding: 6px 14px 10px;}
      #copyright        {float: left;}
      #quote-contact    {float: right;}

/* Layout Home */
#home #content          {padding-top: 20px;}
#promo-blocks           {overflow: hidden; padding-top: 49px;}
  .promo-block          {float: left; width: 285px;}
    .promo-block h2     {background-repeat: no-repeat; border-bottom: none !important; height: 46px; padding-bottom: 6px; text-indent: -999em; visibility: visible !important; width: 285px;}
    #promo-block-1 h2   {background-image: url(../images/tagline1.gif);}
    #promo-block-2 h2   {background-image: url(../images/tagline2.gif);}
    #promo-block-3 h2   {background-image: url(../images/tagline3.gif);}
    .promo-block p      {padding: 0 12px;}
  #promo-block-2        {margin: 0 22px;}
  
/* Layout Company */
#content                {padding-top: 59px;}
  #content h2           {border-bottom: 1px #b7aca7 solid; text-transform:lowercase; padding-bottom:6px;}
  #main                 {float: left; width: 590px;}
    #main, #side        {padding: 56px 0 0;}
    #tagline            {padding-bottom: 11px; }   
  #side                 {float: right; width: 263px;}
    #customers, #client-services {background: url(../images/sidebg.png) no-repeat; height: 392px; padding: 12px 12px 0;}
    #customers          {padding-top: 7px;}
      #customers p      {background: url(../images/smallquote.png) no-repeat 3px 18px; border-bottom: 1px #d8e0e4 dashed; padding: 17px 12px;}
        #customers p span {display: block; padding-top: 6px;}
      #customers p.last {border-bottom: none;}

/* Layout Services */
#services-list          {margin: 0 0 40px 37px;}
  #services-list li     {color: #bd3a0b; background-position: left bottom; background-repeat: no-repeat; margin-bottom: 10px; padding-left: 85px; position: relative;}
    #services-list li span {bottom: 0; position: absolute; font-size: 23px; text-transform:lowercase;}
    .sIFR-active #services-list li span {font-size: 200%; height: 35px; line-height: 1em; text-transform: lowercase; visibility: hidden;}
    #client-services    {padding-left: 27px; /* cascaded from company layout */}
      #client-services ul {padding-top: 5px;}
        #client-services li {background: url(../images/bullet.png) no-repeat left 9px; line-height: 28px; padding-left: 20px;}
        #client-services li.separator {background: none; height: 28px;}
  #web                  {background-image: url(../images/web.gif); height: 68px;}
  #ecommerce            {background-image: url(../images/ecommerce.gif); height: 68px;}
  #creative             {background-image: url(../images/creative.gif); height: 68px;}

/* Layout Contact */
fieldset                {border: 1px #d5d5d5 dashed; padding: 0px 18px 5px;}
textarea                {background: #ffffff; border: 1px #a9a9a9 solid; border-top-color: #868686; height: 70px; padding: 7px; width: 537px;}
#no-border              {border: none;}
label                   {display: block; padding-bottom: 5px;}
.form-field             {padding: 20px 0 15px;}
#form-left, #form-right {border: none !important; padding: 0 !important; width: 264px;}
#form-left              {float: left;}
#form-right             {float: right;}
.form-buttons           {}
.form-buttons input     {outline: none;}
.textfield              {background: url(../images/textfieldbg.gif) no-repeat; border: none; height: 24px; padding: 10px 7px 0px; width: 250px;}
.field-description      {font-size: 91.66%; padding-top: 5px;}
.form-buttons           {padding: 30px 18px 0;}
#topic                  {width: 264px;}
#clear-form-link        {background: url(../images/clearform.gif) no-repeat; display: block; float: left; height: 35px; margin-right: 25px; text-indent: -999em; width: 96px;}
#proposal               {margin-bottom: 15px;}
#contact-info           {background: url(../images/contactsidebg.png) no-repeat; height: 263px; padding: 25px 10px 0 21px;}
  #contact-info li      {background-position: left bottom; background-repeat: no-repeat; height: 42px; margin-bottom: 22px; padding-left: 60px; position: relative;}
  #info-phone                {background-image: url(../images/phone.png);}
  #info-email                {background-image: url(../images/email.png);}
  #info-address              {background-image: url(../images/address.png);}
    #contact-info li span {position: absolute; bottom: 0;}
  #contact-info p       {padding-bottom: 7px !important;}
#user-messages          {background-color: #F6F6F6; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; margin-bottom:12px; padding:10px 12px;}
  #user-messages li     {line-height: 1.667em; padding-left: 20px;}
  .failure              {color: #AA4444;}
    .failure li         {background: url(../images/exclamation.png) no-repeat 0 2px;}
  .success li           {background: url(../images/accept.png) no-repeat 0 2px;}
.highlight              {background: #FFFEEB;}
.texthighlight          {background: url(../images/textfieldbg_highlight.png) no-repeat !important;}

/* Layout Our Work */
#our-work #content      {overflow: visible;}
.featured, .other       {clear: both;}
.featured               {margin-left: -7px; overflow: hidden; padding: 18px 0 71px;}
.big-shot               {float: left; width: 603px;}
.info                   {float: right; width: 281px;}

/* Typography */
body                    {color: #666666; font-size: 75%;}
  #nav li               {font-size: 150%; line-height: 1em;}
  #footer p             {color: #ffffff; font-size:13px;}
  #footer a             {color: #ffffff;}
  #footer a:hover       {color: #6f5950;opacity:0.25;}
  .sIFR-active #footer p {font-size: 100%; line-height: 1em; height: 14px; visibility: hidden;}
  #content p            {line-height: 1.583em; padding-bottom: 21px;}
  #company #main p, #services #main p, #contact #main p {font-size: 108.33%;}
  #side p, #side ul     {color: #767884; font-size: 91.66%; line-height: 1.363em;}
  #side h3              {font-size: 200%; }
  .sIFR-active #side h3 {line-height: 1em; margin-bottom: -10px; visibility: hidden;}
  .sIFR-active #customers h3 {margin-bottom: -12px;}
  #copyright {background: url(../images/copyright.gif) no-repeat left 2px; padding-left: 15px;}
  
#footer p, #side h3, h2, #tagline, #main h3, .replaced, #client-services h3 {font-family: "Arial Narrow","Helvetica Narrow",Arial;}

/* Typography Home */
.promo-block p          {text-align: justify;}

/* Typography Company */
#tagline                {color: #bd3a0b;}
#main h3                {color: #3e92c4; padding-bottom: 2px;}
#customers h3           {color: #1096d4;}
#customers p span       {font-style: italic;}
#quote h3               {color: #bd3a0b; padding: 0 0 9px 105px;}
#quote h3 a             {color: #bd3a0b;}
#quote p                {padding: 0 20px; text-align: right;}
h2                      {color: #443028; font-size: 38px;}
#tagline                {font-size: 23px !important; line-height:31px !important; }
#main h3                {font-size: 133.33%;}
.sIFR-active h2         {line-height: 1em; height: 44px; visibility: hidden;}
.sIFR-active #tagline   {line-height: 1em !important; margin-bottom: -4px; visibility: hidden;}
.sIFR-active #main h3   {line-height: 1em; margin-bottom: -6px; visibility: hidden;}

/* Typography Services */
#client-services h3     {color: #bd3a0b;}

/* Typography Contact */
textarea, .textfield    {color: #aaadad; font-size: 108.33%;}
select                  {color: #565656;}
.sIFR-active #proposal h3 {font-size: 150%; padding-top: 20px; visibility: hidden;}
#proposal p             {padding-bottom: 8px;}
#contact-info li span   {color: #bd3a0b; font-size: 17px;}
#contact-info li span a {color: #bd3a0b;}
.sIFR-active #contact-info li span {font-size: 163.6363%; line-height: 1em; visibility: hidden;}

/* Typography Our Work */
#content h2 a           {color: #bd3a0b;}
.other h2               {color: #443028 !important;}
.info h3                {border-bottom: 1px #a17c04 dotted; overflow: hidden; padding-left: 5px;}
.info h3 span.replaced 	{ font-size:16px; letter-spacing:0.04em; }
.replaced               {color: #a28a7f; display: block; float: left; line-height: 25px; text-transform: uppercase; width: 79px;}
.sIFR-active .info h3 .replaced {font-size: 133.33%; line-height: 1em; margin-bottom: -3px; visibility: hidden;}
.info h3                {height: 23px;}
.info h3 .aligned       {color: #1096d4; float: left; padding-top: 6px;}
.info a, #nf #content a {color: #1096d4;}
.info a:hover, #nf #content a:hover {border-bottom: 1px dotted;}
.shots a:hover          {border-bottom: none;}
.info h3 a              {background: url(../images/ext.gif) no-repeat 100% 7px; padding-right: 15px;}
.shots                  {margin-top: 40px;}
.shots img              {margin: 0 8px 5px 0;}
.info p, .info ul       {color: #443028; font-size: 91.66%; line-height: 1.909em !important; padding: 12px 0 8px 6px !important;}
.info ul li             {background: url(../images/bullet-work.gif) no-repeat 0 4px; padding-left: 8px;}
.other                  {overflow: hidden;}
.other ul               {padding: 24px 0 0 15px;}
.other ul li            {font-size: 91.66%; line-height: 2.272em; width: 185px;}
.other a                {color: #a28a7f; }
.other a:hover          {text-decoration: none; border-bottom: 1px dotted;}
#col1                   {float: left;}
#col3                   {float: right;}
#col2                   {margin-left: 350px; margin-right:350px;}

/* Links */
#nav li a:hover         {color: #6f5950;}
a                       {outline: none; text-decoration: none;}