/*!
 * Project:   Always Creative
 * Date:      2010/07/21
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; background: #1F1F1F; }
body { background: #F6F6F2 url('../images/bg-body.gif') 0 0 repeat-x; font-size: 62.5%; }

* html body { behavior: url("styles/csshover.htc"); }

body, textarea, input, select, option, button { color: #1D1D1D; font-family: 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif; line-height: 1.5; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; } /*---*/ li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

/*! layout -------- */

#root { width: 1010px; margin: 0 auto; }
 #top { position: relative; min-height: 83px; height: auto !important; height: 83px; }
  #logo { overflow: hidden; position: absolute; left: 60px; top: 0; width: 212px; }
   #logo a, #logo a span, #logo a img { display: block; }
   #logo a { height: 77px; padding-bottom: 6px; text-transform: uppercase; text-decoration: none; background: url('../images/bg-nav-a.png') -10001px -10001px no-repeat; color: #FFF; }
   #logo a:hover, #logo a.active { background-position: center 100%; }
    #logo a span { padding: 34px 25px 17px; background: url('../images/bg-nav-b.png') -10001px -10001px repeat-x; cursor: pointer; }
    #logo a:hover span, #logo a.active span { background-position: 0 0; }

  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #nav { overflow: hidden; position: absolute; left: 315px; top: 0; list-style: none; margin: 0; padding: 0; width: 480px; height: 83px; }
   #nav li, #nav li a, #nav li a span { display: block; float: left; }
   #nav li { height: 83px; text-align: center; }
    #nav li a { height: 77px; padding-bottom: 6px; text-transform: uppercase; text-decoration: none; background: url('../images/bg-nav-a.png') -10001px -10001px no-repeat; color: #FEFFFF; }
    #nav li a:hover, #nav li a.active { background-position: center 100%; }
     #nav li a span { height: 45px; line-height: 45px; padding: 32px 18px 0; background: url('../images/bg-nav-b.png') -10001px -10001px repeat-x; cursor: pointer; }
     #nav li a:hover span, #nav li a.active span { background-position: 0 0; }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
 #content { width: 100%; }
 #footer { clear: both; width: 100%; background: #1F1F1F; }
  .footer-inner { overflow: hidden; width: 910px; margin: 0 auto; padding: 30px 50px 15px; line-height: 30px; background: #1F1F1F; }
   .footer-inner h4 { float: left; width: 100px; padding-right: 15px; }
    .footer-inner h4 img { margin-top: 7px; }
   .footer-inner p { float: left; width: 370px; padding: 0 13px 0 46px; background: url('../images/bg-footer.gif') 0 center no-repeat; color: #BBB; }
   .footer-inner ul { float: left; width: 365px; padding: 0; }
    .footer-inner ul li { display: inline; padding: 0 7px 0 10px; background: url('../images/separator-a.gif') 0 center no-repeat; }
    .footer-inner ul li:first-child { padding-left: 0; background-image: none; }
    * html .footer-inner ul li.first-child { padding-left: 0; background-image: none; }
     .footer-inner ul li a { text-decoration: none; color: #BBB; }
     .footer-inner ul li a:hover { text-decoration: underline; }

/*! headers ------- */

h1, h2, h3, h4, h5, h6 { font-family: Helvetica,Arial,sans-serif; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

/*! cols ---- */

.single-col-a { position: relative; z-index: 99; width: 969px; border: 1px solid #D5D5D5; background: #FFF; }

.single-col-b { position: relative; z-index: 99; width: 969px; background: #151515; }

.two-cols-a { position: relative; width: 669px; min-height: 330px; height: auto !important; height: 330px; padding: 24px 270px 14px 30px; border-bottom: 1px solid #000; background: #252525 url('../images/bg-two-cols-a.jpg') 0 0 no-repeat; color: #BBB; }
.two-cols-a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .two-cols-a { zoom: 1; }
 .two-cols-a .col-a { float: left; width: 270px; }
 .two-cols-a .col-b { float: right; width: 340px; }

.two-cols-b { overflow: hidden; width: 969px; border-bottom: 1px solid #000; background: #252525 url('../images/bg-two-cols-b.jpg') 0 0 repeat-y; }
 .two-cols-b .col-a { float: left; width: 647px; }
 .two-cols-b .col-b { float: right; width: 322px; }

.two-cols-c { overflow: hidden; width: 949px; padding: 10px; }
 .two-cols-c .col-a { float: left; width: 493px; }
 .two-cols-c .col-b { float: right; width: 413px; }
 
.two-cols-d { position: relative; overflow: hidden; width: 949px; margin: 10px; background: url('../images/bg-cols.gif') 10px 0 repeat-y; }
 .two-cols-d .col-a { float: left; width: 652px; }
 .two-cols-d .col-b { float: right; width: 272px; padding-bottom: 80px; }

.two-cols-e { overflow: hidden; width: 969px; border-bottom: 1px solid #000; background: #252525 url('../images/bg-two-cols-e.jpg') 0 0 repeat-y; color: #BBB; }
 .two-cols-e .col-a { float: left; width: 425px; }
 .two-cols-e .col-b { float: right; width: 485px; }

/*! containers ---- */

.shadow-box { width: 971px; min-height: 470px; height: auto !important; height: 470px; margin: 5px 0 35px; padding: 15px 20px 0 19px; background: url('../images/bg-shadow-box.png') 0 0 no-repeat; }

.main-slogan-a { overflow: hidden; clear: both; width: 249px; min-height: 360px; height: auto !important; height: 360px; padding: 0 700px 0 20px; background: url('../images/home-slide5.jpg') 0 0 no-repeat; }
 .main-slogan-a h2 { margin: 95px 0 45px; text-align: center; }
  .main-slogan-a h2 img { display:block; margin: 0 auto; }
 .main-slogan-a p.read-more { padding-left: 75px; font-family: Helvetica,Arial,sans-serif; }
 
.slogan-area { position: relative; z-index: 9; overflow: hidden; clear: both; width: 100%; min-height: 175px; height: auto !important; height: 175px; padding-top: 35px; margin-bottom: -20px; }
/* .main-slogan-b { background: url('../images/sketch-about.png') 96% 100% no-repeat; } */
/* .main-slogan-c { background: url('../images/sketch-about.png') 96% 100% no-repeat; } */
/* .main-slogan-d { background: url('../images/sketch-about.png') 96% 100% no-repeat; } */
/* .main-slogan-e { background: url('../images/sketch-about.png') 96% 100% no-repeat; } */
 .slogan-area h2 { float: left; width: 275px; padding: 0 35px 0 28px; margin: 0; text-align: center; }
  .slogan-area h2 img { display:block; margin: 0 auto; }
 .slogan-area p { float: right; width: 580px; padding: 25px 85px 0 0; margin: 0; line-height: 28px; font-size: 2em; }

.new-works {}
 .new-works h3 { text-transform: uppercase; font-family: Helvetica,Arial,sans-serif; font-size: 1.8em; color: #5B5B5A; }
  .new-works h3 strong { padding-right: 14px; margin-right: 8px; background: url('../images/separator-b.gif') 100% 70% no-repeat; color: #DD3721; }
 .new-works ul { list-style: none; margin: 0; padding: 0; }
  .new-works ul li, .new-works ul li a { width: 261px; display: block; }
  .new-works ul li { min-height: 119px; height: auto !important; height: 119px; padding: 3px 0 20px; }
  html* .new-works ul li { zoom: 1; }
   .new-works ul li a { position: relative; z-index: 9; text-decoration: none; color: #DE3B25; }
    .new-works ul li a img { display: block; margin: 0 auto; border: 1px solid #BCBCBC; }
    .new-works ul li a span { position: absolute; bottom: 0; left: -9999px; z-index: 99; display: block; padding: 5px 20px 7px 11px; width: 230px; line-height: 21px; font-size: 1.15em; font-weight: bold; background: #D0D0D0 url('../images/bg-works-c.gif') 0 0 repeat-y; cursor: pointer; }
    .new-works ul li:hover a span { left: 0; }

.service-list {}
 .service-list h3 { text-transform: uppercase; font-family: Helvetica,Arial,sans-serif; font-size: 1.8em; color: #5B5B5A; }
  .service-list h3 strong { padding-right: 14px; margin-right: 8px; background: url('../images/separator-b.gif') 100% 70% no-repeat; color: #DD3721; }
 .service-list ul { list-style: none; margin: 0; padding: 2px 0 0 0; }
  .service-list ul li { line-height: 52px; padding-left: 64px; font-size: 1.6em; background-position: 0 center; background-repeat: no-repeat; }
  html* .service-list ul li { zoom: 1; }
  .service-list ul li.brand { background-image: url('../images/brand-icon-a.gif'); }
  .service-list ul li.web { background-image: url('../images/web-icon-a.gif'); }
  .service-list ul li.print { background-image: url('../images/print-icon-a.gif'); }
   .service-list ul li strong { font-weight: normal; color: #FFF; }
 .service-list p { padding: 20px 0 30px 10px; margin: 0; line-height: 1.3; font-size: 1.3em; }
 .service-list p.read-more { overflow: hidden; padding: 0 0 0 10px; margin: 0; font-family: Helvetica,Arial,sans-serif; font-size: 1.2em; line-height: 1.2; text-transform: capitalize; }
  .service-list p.read-more a { padding: 4px 8px 6px; background: #383837; color: #D4D2D2; border: 1px solid #515151; }
  .service-list p.read-more a:hover { background: #DD3721; color: #FFF; border-color: #CF897F; }
 
.red-tab-a { position: absolute; right: -20px; top: -37px; z-index: 999; width: 224px; min-height: 405px; height: auto !important; height: 405px; padding: 37px 20px 0 96px; background: url('../images/bg-red-tab-a.png') 0 100% no-repeat; color: #FFF; }
 .red-tab-a h3 { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 4px solid #FFF; text-align: center; }
  .red-tab-a h3 img { display: block; margin: 0 auto; }
 .red-tab-a p { padding-left: 7px; margin-bottom: 10px; font-size: 1.5em; text-shadow: 1px 0 5px #333; text-align:center; }
 .red-tab-a p.motto { padding-top: 22px; margin: 18px 0 0 0; text-align: center; background: url('../images/separator-c.gif') center 0 no-repeat; }
  .red-tab-a p.motto strong { display: block; text-transform: uppercase; font-size: .9em; }

.team-members { overflow: hidden; clear: both; width: 939px; padding: 25px 15px 35px; }
 .single-member { float: left; width: 297px; padding: 0 8px; }
  .single-member h3 { margin-bottom: 10px; padding: 0 7px; font-family: Helvetica,Arial,sans-serif; font-size: 1.8em; color: #DD3721; }
   .single-member h3 small { display: block; font-size: .75em; font-weight: normal; color: #1F1F1F; }
  .single-member h4 { margin-bottom: 10px; width: 297px; padding-top: 10px; background: url('../images/img-wrap-a.png') 0 0 no-repeat; }
   .single-member h4 span.image-wrap { overflow: hidden; display: block; width: 277px; padding: 0 10px 10px 10px; background: url('../images/img-wrap-b.png') 0 100% no-repeat; }
    .single-member h4 span.image-wrap img { display: block; max-width: 277px; margin: 0 auto; }
  .single-member p { padding: 0 7px; font-size: 1.3em; color: #545454; }
  .single-member p + p { margin-top: -.5em; } 
  .single-member ul + p { margin-top: -.5em; } 
  .single-member ul { list-style: none; padding: 0 0 0 20px; }
  .single-member ul li {background:url("../images/bullet-a.gif") no-repeat scroll 0 7px transparent; color:#545454; font-size:1.3em; line-height:1.2; padding:0 0 4px 10px; }

.partners { width: 580px; padding: 24px 37px 0 30px; color: #BBB; }
 .partners h3 { text-transform: uppercase; font-family: Helvetica,Arial,sans-serif; font-size: 1.8em; color: #5B5B5A; }
  .partners h3 strong { padding-right: 14px; margin-right: 8px; background: url('../images/separator-b.gif') 100% 65% no-repeat; color: #DD3721; }
 .partners .single-partner { overflow: hidden; width: 100%; padding: 30px 0 18px; background: url('../images/separator-d.gif') center 0 no-repeat; }
 .partners .first-partner { padding-top: 10px; background-image: none; }
  .partners .single-partner p { margin-bottom: 8px; }
  .partners .image-wrap { float: left; width: 110px; }
   .partners .image-wrap img { display: block; max-width: 110px; }
  .partners .description { float: right; width: 450px; }
   .partners .description h4 { margin: -5px 0 8px; font-size: 1.8em; color: #A6A6A6; }
    .partners .description h4 strong { font-weight: normal; color: #FFF; }
   .partners .description p { line-height: 1.4; font-size: 1.3em; }

.random-facts { width: 250px; min-height: 270px; height: auto !important; height: 270px; padding: 23px 64px 20px 38px; background: #E4E4E4 url('../images/bg-sidebar-a.png') 0 0 repeat-y; color: #1D1D1D; }
 .random-facts h3 { font-family: Helvetica,Arial,sans-serif; font-size: 1.8em; text-indent: -5px; text-transform: uppercase; color: #DD3721; }
 .random-facts ul { list-style: none; margin: 0; padding: 4px 0 0 0; }
  .random-facts ul li { padding: 0 0 8px 10px; font-size: 1.4em; line-height: 1.25; background: url('../images/bullet-b.gif') 0 8px no-repeat; }
  html* .random-facts ul li { zoom: 1; }
   .random-facts ul li a { color: #1D1D1D; }

.little-slogan-a { border-top: 1px solid #FFF; background: #983426; }
 .little-slogan-a h3 { text-align: center; margin: 0; text-indent: -9999px; }
  .little-slogan-a h3 a { overflow: hidden; display: block; width:322px; height: 117px; background: url('../images/little-slogan-b.png') 0 0 no-repeat; }
  .little-slogan-a h3 a:hover { background-position: 0 -117px; }
  
.our-services { width: 473px; padding: 15px 0 0 20px; }
 .our-services h3 { margin-bottom: 30px; font-family: Helvetica,Arial,sans-serif; font-size: 1.7em; text-transform: uppercase; }
 .our-services h4 { margin: 0; font-family: Helvetica,Arial,sans-serif; font-size: 1.7em; text-transform: capitalize; }
 .our-services p { margin: 0; padding-right: 10px; line-height: 1.5; font-size: 1.4em; color: #545454; }
 .our-services .brand-box, .our-services .web-box, .our-services .print-box { width: 363px; padding-left: 110px; }
 .our-services .brand-box, .our-services .web-box { padding-bottom: 35px; }
 .our-services .brand-box { background: url('../images/brand-icon-b.png') 0 0 no-repeat; }
 .our-services .web-box { background: url('../images/web-icon-b.png') 0 5px no-repeat; }
 .our-services .print-box { background: url('../images/print-icon-b.png') 0 5px no-repeat; }

.our-process { width: 413px; padding-top: 13px; background: #E8E8E8 url('../images/bg-sidebar-b.png') 0 0 repeat-y; }
 .our-process h3, .our-process h4, .our-process p { padding: 0 30px; }
 .our-process h3 { padding: 0 30px; margin-bottom: 18px; font-family: Helvetica,Arial,sans-serif; font-size: 1.7em; text-transform: uppercase; }
 .our-process h4 { padding: 0 30px; margin-bottom: 4px; font-size: 1.5em; color: #DE3B25; }
 .our-process p { padding: 0 30px; margin-bottom: 8px; line-height: 1.4; font-size: 1.3em; }
 .our-process .process-schema { width: 100%; height: 280px; background: url('../images/bg-process-schema.png') 100% 100% no-repeat; }
  .our-process .process-schema * { visibility: hidden; }

.additional-services { width: 837px; min-height: 326px; height: auto !important; height: 326px; padding: 40px 114px 20px 18px; border-bottom: 1px solid #000; background: #151515 url('../images/bg-additional-services.jpg') 0 0 repeat-y; color: #BBB; color: #C6C6C6; }
 .services-matrix { position: relative; width: 777px; padding: 16px 45px 16px 12px; background: #252525 url('../images/bg-services-matrix.jpg') 0 0 repeat-y; border: 1px solid #7E7E7E; }
  .services-matrix h3 { position: absolute; left: 16px; top: -14px; height: 26px; margin: 0; padding: 0 10px; font-family: Helvetica,Arial,sans-serif; font-size: 1.7em; text-transform: uppercase; color: #DD3721; background: url('../images/bg-header-a.gif') 0 13px repeat-x; }
  .services-matrix a {color:#FFFFFF; }

.red-tab-b { position: absolute; right: -20px; top: 70px; z-index: 999; width: 126px; min-height: 325px; height: auto !important; height: 325px; padding: 28px 20px 0 90px; background: url('../images/bg-red-tab-b.png') 0 100% no-repeat; color: #FFF; }
 .red-tab-b h3 { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 4px solid #FFF; text-align: center; }
  .red-tab-b h3 img { display: block; margin: 0 auto; }
 .red-tab-b p { padding-left: 1px; margin-bottom: 25px; line-height: 1.3; }
 .red-tab-b p.read-more { margin: 0; text-transform: capitalize; font-family: Helvetica,Arial,sans-serif; font-size: 1.3em; }
  .red-tab-b p.read-more a { padding: 5px 15px 7px 15px; background: #F6F6F2; color: #DD3721; border: 1px solid #868686; }
  .red-tab-b p.read-more a:hover { background: #313130; color: #F6F6F2; border-color: #868686; }
  
.project-category { padding: 15px 0 15px 12px; }
 .project-category h3 { overflow: hidden; width: 99%; margin-bottom: 20px; font-family: Helvetica,Arial,sans-serif; font-size: 1.2em; text-transform: uppercase; color: #BBB; background: url('../images/bg-header-b.gif') 0 80% repeat-x; }
  .project-category h3 span { display: block; float: left; height: 18px; padding: 0 4px; background: #FFF; }
 .project-category p { margin-bottom: 5px; text-align: center; }
  .project-category p img { display: block; margin: 0 auto; }
 .project-category iframe { padding-left:6px; }

.project-description { width: 217px; padding: 25px 25px 30px 30px; border-top: 1px solid #FFF; border-bottom: 5px solid #FFF; }
 .project-description h3 { margin-bottom: 12px; font-family: Helvetica,Arial,sans-serif; font-size: 1.8em; color: #DE3B25; }
 .project-description p { font-size: 1.3em; line-height: 1.4; }
 .project-description h4 { margin-bottom: 5px; font-family: Helvetica,Arial,sans-serif; font-size: 1.3em; text-transform: uppercase; }
 .project-description ul { list-style: none; padding: 0 0 0 9px; }
  .project-description ul li { padding: 0 0 4px 10px; font-size: 1.3em; line-height: 1.2; background: url('../images/bullet-a.gif') 0 7px no-repeat; color: #545454; }
  html* .project-description ul li { zoom: 1; }
  
.project-testimonials, .project-results { width: 217px; padding: 25px 25px 20px 30px; border-bottom: 5px solid #FFF; }
 .project-testimonials h3, .project-results h3 { margin-bottom: 8px; font-family: Helvetica,Arial,sans-serif; color: #DE3B25; }
 .project-testimonials h4, .project-results h4 { margin: 0; font-family: Helvetica,Arial,sans-serif; font-size: 1.3em; text-transform: uppercase; }
 .project-testimonials p, .project-results p { font-size: 1.3em; color: #545454; }
 .project-testimonials .testimonial { margin: 0 -15px; padding: 32px 17px 0 27px; width: 190px; background: url('../images/bg-testimonial.png') 0 0 no-repeat; }
  .project-testimonials .testimonial p { font-family: Georgia,'Times New Roman',serif; font-style: italic; font-size: 1.2em; line-height: 1.7; }
  
.aside-box { width: 100%; border-bottom: 5px solid #FFF; }
 .aside-box a { text-decoration: none; color: #545454; }
 .aside-box a:hover { text-decoration: underline; color: #DE3B25; }
 .aside-box h3 { padding: 17px 22px 15px; margin-bottom: 16px; font: bold 1.6em/1.2 Helvetica,Arial,sans-serif; text-transform: capitalize; color: #DE3B25; border-bottom: 1px solid #E3E3E3; background: url('../images/hd-aside.png') 0 0 repeat-y; }
 .aside-box p { padding: 0 22px; font-size: 1.3em; line-height: 1.4; }
 .aside-box p.twitter { padding: 0; margin: 0; font-size: 1.4em; text-align: center; font-weight: bold; }
  .aside-box p.twitter a { display: block; height: 168px; width: 272px; text-indent: -9999px; background: url('../images/bg-twitter.png') 0 0 no-repeat; }
  .aside-box p.twitter a:hover { background-position: 0 -168px; }
 .aside-box ul { list-style: none; padding: 0 22px 0 37px; }
  .aside-box ul li { padding: 2px 0 10px 10px; font-size: 1.3em; line-height: 1.2; background: url('../images/bullet-a.gif') 0 10px no-repeat; color: #545454; }
  html* .aside-box ul li { zoom: 1; }
  
.lower-area { position: absolute; right: 0; bottom: 0; z-index: 999; width: 272px; }
* html .lower-area { right: -1px; }
 .lower-area p { margin: 0; padding-bottom: 15px; text-align: center; text-transform: uppercase; font-size: 1.4em; border-bottom: 1px solid #FFF; }
 
.boxes-a { overflow: hidden; width: 954px; padding: 10px 9px 10px 6px; }
 .boxes-a .box-a { float: left; width: 230px; padding: 25px 29px 20px 54px; border-left: 5px solid #FFF; background: url('../images/bg-works-b.jpg') 0 0 no-repeat; }
  .boxes-a .box-a h3 { margin-bottom: 5px; font-size: 1.8em; color: #DD3721; }
  .boxes-a .box-a p { font-size: 1.4em; }
  
.faq-area { padding: 22px 0 25px 30px; }
 .faq-area h3 { margin-bottom: 5px; font-family: Helvetica,Arial,sans-serif; font-size: 1.7em; color: #DD3721; }
 .faq-area p { font-size: 1.3em; }
 .faq-area dl { list-style: none; padding: 0 10px 0 0; margin: 0; font-size: 1.1em; }
  .faq-area dl dt { font-weight: bold; color: #FFF; }
  .faq-area dl dd { padding: 0 0 10px 0; }

.message-area { padding: 22px 30px 25px 0; }
 .message-area h3 { margin-bottom: 5px; font-family: Helvetica,Arial,sans-serif; font-size: 1.7em; color: #DD3721; text-transform: uppercase; }
 .message-area p { font-size: 1.3em; }

.company-info { overflow: hidden; clear: both; width: 100%; padding-top: 6px; margin-bottom: 1px; background: url('../images/bg-company-info.gif') 0 0 no-repeat; color: #656565; }
 .company-info h4 { margin-bottom: 10px; text-transform: uppercase; font-family: Helvetica,Arial,sans-serif; color: #1F1F1F; }
 .company-info p { line-height: 1.9; }
  .company-info p a { color: #656565; }
  .company-info p.vcard span.fax, .company-info p.vcard span.street-address { display: block; }
 .company-info .box-a { float:left; width: 92px; padding: 0 16px 26px 50px; }
 .company-info .box-b { float:left; width: 175px; padding: 0 11px 26px 26px; }
 .company-info .box-c { float:left; width: 256px; padding: 0 16px 26px 32px; }
 .company-info .box-d { float:left; width: 266px; padding: 0 16px 26px 32px; }
 
.post-a { overflow: hidden; clear: both; width: 642px; padding: 25px 0 45px; margin-left: 10px; }
.post-b { padding-top: 50px; background: url('../images/borders.gif') 0 0 repeat-x; }
 .post-a .post-content { float: right; width: 558px; }
  .post-a .post-content img { margin-left: -5px; }
  .post-a .post-content p { padding-right: 10px; font-size: 1.25em; color: #333333; line-height: 1.6em; margin-bottom: 10px; }
   .post-a .post-content p strong.teaser { display: block; float: left; width: 178px; padding: 18px 18px 14px 0; line-height: 1.6; font-size: 1.35em; color: #1F1F1F; font-weight: normal; text-transform: uppercase; }
   .post-a .post-content blockquote { width: 525px; margin: 20px 0 20px 29px; padding: 0; border-left: 4px solid #A3A3A3; }
    .post-a .post-content blockquote p { margin: 0; padding: 11px 13px; border-left: 3px solid #FFF; font: italic 1.2em/1.8 Georgia,'Times New Roman',serif; background: #F0F0F0; }
  .post-a .post-content p.image { margin-left: -6px; padding: 0; }
  .post-a .post-content .post-header { padding-bottom: 15px; }
   .post-a .post-content .post-header h2 { margin-bottom: 4px; font: normal 2.8em/1.2 Helvetica,Arial,sans-serif; }
    .post-a .post-content .post-header h2 a { text-decoration: none; }
    .post-a .post-content .post-header h2 a:hover  { color: #1F1F1F; }
   .post-a .post-content .post-header p { margin: 0; color: #858585; }
    .post-a .post-content .post-header p span { padding: 0 3px; }
    .post-a .post-content .post-header p a { text-decoration: none; color: #696969; }
    .post-a .post-content .post-header p a.post-author { text-transform: uppercase; }
    .post-a .post-content .post-header p a:hover { color: #DE3B25; }
  .post-a .post-content .post-footer { overflow: hidden; clear: both; width: 100%; padding-top: 5px; }
   .post-a .post-content .post-footer p { float: left; width: 240px; margin: 0; text-transform: capitalize; }
   .post-a .post-content .post-footer ul { float: right; overflow: hidden; width: 140px; padding: 0; margin: 0; }
    .post-a .post-content .post-footer ul li { display: block; float: left; padding-left: 13px; line-height: 20px; }
     .post-a .post-content .post-footer ul li img { vertical-align: middle; }
 .post-a .post-meta  { float: left; width: 69px; }
  .post-a .post-meta p  { margin-bottom: 20px; }
  .post-a .post-meta p.avatar  { padding-bottom: 13px; margin-top: -5px; background: url('../images/borders.gif') 0 100% repeat-x; }
  .post-a .post-meta p.comments  { padding: 0 18px 0 19px; font: bold 1.4em/24px Helvetica,Arial,sans-serif; text-align: center; }
   .post-a .post-meta p.comments a  { display: block; width: 30px; height: 31px; padding-right: 2px; color: #FFF; letter-spacing: -4px; text-decoration: none; background: #DE3B25 url('../images/comments-cloud.png') 0 0 no-repeat; }
   .post-a .post-meta p.comments a:hover  { color: #1F1F1F; }

.post-comments { width: 100%; padding-top: 30px; }
 .post-comments h3 { overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; font: bold 1.2em/1 Helvetica,Arial,sans-serif; text-transform: uppercase; background: url('../images/borders.gif') 0 85% repeat-x; color: #BBBBBB; }
  .post-comments h3 span { display: block; float: left; padding-right: 8px; background: #FFF; }
 .post-comments h4 { margin-bottom: 7px; font-size: 1.6em; color: #545454; }
  .post-comments h4 a { text-decoration: none; }
  .post-comments h4 a:hover { color: #545454; }
 .post-comments .comment-a { padding: 25px 0 20px; border-bottom: 1px solid #E3E3E3; }
  .post-comments .comment-a p { margin-bottom: 5px; line-height: 1.4; }
  .post-comments .comment-a p.timestamp { padding-top: 5px; font-style: italic; font-size: 1.2em; }
  .post-comments .comment-a .admin-wrap { overflow: hidden; width: 522px; padding: 15px; margin: 5px 0 10px; border: 3px solid #E3E3E3; background: #F9F9F9; }
  html* .post-comments .comment-a .admin-wrap { position: relative; top: -5px; }
   .post-comments .comment-a .admin-wrap .img-wrap { float: left; width: 69px; }
   .post-comments .comment-a .admin-wrap .txt-wrap { float: right; width: 439px; }
 .post-comments .comment-form { width: 100%; padding-top: 25px; }

/*! forms --------- */

form { }
 fieldset { border: none; }
 textarea { overflow: auto; resize: none; }
 button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }
 .button { overflow: visible; padding: 0; height: auto !important; cursor: pointer; }

.request-form { padding-top: 2px; }
 .request-form p { position: relative; margin-bottom: 3px; }
 .request-form label { position: absolute; top: 1px; left: 10px; z-index: 1; line-height: 24px; font-size: 1.1em; color: #656565; cursor: text; }
 html* .request-form label { top: 2px; background: #FFF; }
 .request-form input { padding: 4px 8px; width: 236px; height: 16px; border: 1px solid #CDCDCD; font-size: 1.1em; font-weight: bold; color: #656565; }
 html* .request-form input { padding: 2px 8px 6px; }
 .request-form .button { padding: 4px 12px; margin-top: 8px; width: auto; border: none; font-size: 1em; background: #C9C9C9; color: #404040; }
 .request-form .button:hover { background: #DD3721; color: #FFF; }

.message-form { padding-top: 5px; }
 .message-form p { position: relative; margin-bottom: 10px; }
 .message-form label { position: absolute; top: 6px; left: 13px; z-index: 1; line-height: 37px; font-size: 1.1em; color: #383837; cursor: text; }
 html* .message-form label { top: 2px; background: #FFF; }
 .message-form input, .message-form textarea { padding: 15px 12px; width: 430px; border: 1px solid #6B6C6F; font-weight: bold; font-size: 1.1em; color: #383837; }
 html* .message-form input, html* .message-form textarea { padding: 8px 12px 12px; }
 .message-form input { height: 17px; }
 .message-form textarea { height: 84px; }
 .message-form .button { padding: 6px 30px; margin-top: 5px; width: 120px; font-size: 1.1em; border: 1px solid #E4E4E4; background: #BBB; color: #404040; }
 .message-form .button:hover { border-color: #E46A5A; background: #DD3721; color: #FFF; }

.comment-form form { padding-top: 5px; }
 .comment-form form p { position: relative; margin-bottom: 10px; }
 .comment-form form p.submit { margin: 0; }
 .comment-form form label { position: absolute; top: 1px; left: 11px; z-index: 1; line-height: 33px; font-size: 1em; background: #F9F9F9; color: #545454; cursor: text; }
 html* .comment-form form label { top: 2px; }
 .comment-form form input, .comment-form form textarea { padding: 8px 10px; border: 1px solid #E1E1E1; background: #F9F9F9; font-weight: bold; font-size: 1em; color: #545454; }
 .comment-form form input:focus, .comment-form form textarea:focus { background: #FFF; }
 .comment-form form input { width: 347px; height: 17px; }
 .comment-form form textarea { width: 523px; height: 144px; }
 .comment-form form .button { padding: 4px 16px; width: auto; border: none; font: bold 1.1em/1.1 Helvetica,Arial,sans-serif; border: none; background: #C9C9C9; color: #404040; }
 .comment-form form .button:hover { background: #DD3721; color: #FFF; }

/*! tables -------- */

table { border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #7E7E7E; }
 
.additional-services .row { width: 100%; margin: 0; overflow: hidden; }
 .additional-services .row .section { float: left; width: 235px; padding: 10px 12px 12px; border: none; }
  .additional-services .row .section h4 { margin: 0; font-size: 1.8em; font-weight: normal; color: #FEFEFE; text-transform: capitalize; }
  .additional-services .row .section p { margin: 0; line-height: 1.35; font-size: 1.2em; }

/*! lists --------- */

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ul.selected-works { overflow: hidden; list-style: none; width: 939px; margin: 0; padding: 0 15px 15px; border-bottom: 1px solid #000; }
 ul.selected-works li, ul.selected-works li a { display: block; float: left; }
 ul.selected-works li { overflow: hidden; margin: 15px 1px 0 0; line-height: 1.3; }
 html* ul.selected-works li { zoom: 1; }
  ul.selected-works li a { width: 282px; height: 245px; padding: 15px; font-size: 1.1em; text-decoration: none; background: url('../images/bg-works-b.gif') -10001px -10001px no-repeat; color: #2E2E2E; }
  ul.selected-works li a:hover { background-position: 0 0; }
   ul.selected-works li a img { display: block; margin: 0 auto; border: 1px solid #BCBCBC; }
   ul.selected-works li a span { display: block; padding: 8px 42px 0 0; width: 240px; background: url('../images/arrow-a.gif') -10001px -10001px no-repeat; cursor: pointer; }
   ul.selected-works li a:hover span { background-position: 95% 70%; }
   ul.selected-works li a strong { display: block; font-size: 1.3em; }
   ul.selected-works li a:hover strong { color: #DE3B25; }

ul.social-links { overflow: hidden; list-style: none; width: 290px; margin: 0; padding: 0 0 37px 7px; }
 ul.social-links li, ul.social-links li a { display: block; float: left; }
 ul.social-links li { font-size: 1.3em; }
 html* ul.social-links li { zoom: 1; }
  ul.social-links li a { line-height: 17px; padding: 0 10px 2px 9px; border-left: 1px solid #C4C4C4; }
  ul.social-links li:first-child a { padding-left: 0; border-left: 0; }
  * html ul.social-links li.first-child a { padding-left: 0; border-left: 0; }
 
ul.project-nav { overflow: hidden; list-style: none; margin: 0; padding: 0; width: 270px; border: 1px solid #C8C8C8; }
 ul.project-nav li, ul.project-nav li a { display: block; float: left; height: 38px; }
 ul.project-nav li { line-height: 38px; }
  ul.project-nav li a { color: #545454; background-color: #F0F0F0; background-repeat: no-repeat; text-decoration: none; }
  ul.project-nav li a:hover { color: #FFF; background-color: #DD3721; }
  ul.project-nav li.prev-item a { width: 94px; padding-left: 40px; background-image: url('../images/bg-prev-item.gif'); background-position: 19px -33px; }
  ul.project-nav li.prev-item a:hover { background-position: 19px 16px; }
  ul.project-nav li.next-item a { width: 110px; padding-left: 25px; border-left: 1px solid #C8C8C8; background-image: url('../images/bg-next-item.gif'); background-position: 105px -33px; }
  ul.project-nav li.next-item a:hover { background-position: 105px 16px; }

ul.post-nav { overflow: hidden; clear: both; list-style: none; padding: 0; margin: 5px 5px 5px 20px; width: 625px; border: 1px solid #C8C8C8; }
 ul.post-nav li, ul.post-nav li a { display: block; float: left; height: 38px; }
 ul.post-nav li { line-height: 38px; font-size: 1.3em; text-transform: capitalize; }
  ul.post-nav li a { color: #545454; background-color: #F0F0F0; background-repeat: no-repeat; text-decoration: none; }
  ul.post-nav li a:hover { color: #FFF; background-color: #DD3721; }
  ul.post-nav li.prev-post a { width: 250px; padding: 0 31px; border-right: 1px solid #C8C8C8; background-image: url('../images/bg-prev-item.gif'); background-position: 13px -34px; }
  ul.post-nav li.prev-post a:hover { background-position: 13px 15px; }
  ul.post-nav li.next-post a { width: 249px; padding: 0 31px; text-align: right; border-left: 1px solid #FFF; background-image: url('../images/bg-next-item.gif'); background-position: 289px -34px; }
  ul.post-nav li.next-post a:hover { background-position: 289px 15px; }

ul.bookmarks { overflow: hidden; list-style: none; width: 84px; margin: 0; padding: 7px 0 0 0; }
 ul.bookmarks li, ul.bookmarks li a { display: block; float: left; width: 32px; height: 32px; }
 ul.bookmarks li { overflow: hidden; margin: 0 10px 10px 0; text-indent: -9999px; }
 html* ul.bookmarks li { zoom: 1; }
  ul.bookmarks li a { background-image: url('../images/bookmarks.png'); background-repeat: no-repeat; }
  ul.bookmarks li.twitter a { background-position: 0 0; }
  ul.bookmarks li.twitter a:hover { background-position: 0 -32px; }
  ul.bookmarks li.facebook a { background-position: -32px 0; }
  ul.bookmarks li.facebook a:hover { background-position: -32px -32px; }
  ul.bookmarks li.behance a { background-position: -64px 0; }
  ul.bookmarks li.behance a:hover { background-position: -64px -32px; }
  ul.bookmarks li.dribbble a { background-position: -96px 0; }
  ul.bookmarks li.dribbble a:hover { background-position: -96px -32px; }
  ul.bookmarks li.youtube a { background-position: -128px 0; }
  ul.bookmarks li.youtube a:hover { background-position: -128px -32px; }
  
ul.blog-posts { padding: 0 22px 0; }
 ul.blog-posts li { line-height: 1.4; padding: 0 0 10px 0; background-image: none; }
 
ul.blog-authors { padding: 0; margin: -10px 0 0; }
 ul.blog-authors li { padding: 0; background-image: none; border-top: 1px solid #FFF; }
 ul.blog-authors li:first-child { border: none; }
 * html  ul.blog-authors li.first-child { border: none; }
  ul.blog-authors li a { display: block; width: 150px; height: 44px; padding: 28px 30px 22px 92px; border-top: 1px solid #E3E3E3; text-decoration: none !important; color: #1F1F1F; background-position: 0 0; background-repeat: no-repeat; }
  ul.blog-authors li.roby-fitzhenry a { background-image: url('../images/author-roby.gif'); }
  ul.blog-authors li.jeff-blickenstaff a { background-image: url('../images/author-jeff.gif'); }
  ul.blog-authors li.corben-nichols a { background-image: url('../images/author-corben.gif'); }
  ul.blog-authors li:first-child a { border: none; }
  * html  ul.blog-authors li.first-child a { border: none; }

  ul.blog-authors li a:hover { color: #1f1f1f; background-position: 0 -94px; }
   ul.blog-authors li a strong { display: block; padding-bottom: 2px; text-transform: uppercase; font-size: .9em; }
   ul.blog-authors li a:hover strong { color: #de3b25; }

  ul.blog-authors li.current-author a { color: #1f1f1f; background-position: 0 -94px; }
   ul.blog-authors li.current-author a strong { color: #de3b25; }

body.author-jeff ul.blog-authors li.jeff-blickenstaff a { color: #1f1f1f; background-position: 0 -94px; }
body.author-jeff ul.blog-authors li.jeff-blickenstaff a strong { color: #de3b25; }

body.author-roby ul.blog-authors li.roby-fitzhenry a { color: #1f1f1f; background-position: 0 -94px; }
body.author-roby ul.blog-authors li.roby-fitzhenry a strong { color: #de3b25; }

body.author-corben ul.blog-authors li.corben-nichols a { color: #1f1f1f; background-position: 0 -94px; }
body.author-corben ul.blog-authors li.corben-nichols a strong { color: #de3b25; }






ul.blog-categories { padding: 0; margin: -16px 0 0; }
 ul.blog-categories li { padding: 0; font-size: 1.4em; background-image: none; border-top: 1px solid #FFF; }
 ul.blog-categories li:first-child { border: none; }
 * html  ul.blog-categories li.first-child { border: none; }
  ul.blog-categories li a { display: block; width: 170px; line-height: 45px; padding: 0 28px 0 74px; border-top: 1px solid #E3E3E3; text-decoration: none !important; color: #1F1F1F; /* background-image: url('../images/bg-categories.gif');*/ background-repeat: no-repeat; background-position: 16px 4px; }

  /* news */
  ul.blog-categories li.cat-item-3 a { background-image: url('../images/blog-news.gif'); }
  ul.blog-categories li.cat-item-3 a:hover,
  ul.blog-categories li.cat-item-3.current-cat a { background-image: url('../images/blog-news-r.gif'); }

  /* tips */
  ul.blog-categories li.cat-item-4 a { background-image: url('../images/blog-tips.gif'); }
  ul.blog-categories li.cat-item-4 a:hover,
  ul.blog-categories li.cat-item-4.current-cat a { background-image: url('../images/blog-tips-r.gif'); }

  /* case-studies */
  ul.blog-categories li.cat-item-5 a { background-image: url('../images/blog-case-studies.gif'); }
  ul.blog-categories li.cat-item-5 a:hover,
  ul.blog-categories li.cat-item-5.current-cat a { background-image: url('../images/blog-case-studies-r.gif'); }

  /* inspiration */
  ul.blog-categories li.cat-item-6 a { background-image: url('../images/blog-inspiration.gif'); }
  ul.blog-categories li.cat-item-6 a:hover,
  ul.blog-categories li.cat-item-6.current-cat a { background-image: url('../images/blog-inspiration-r.gif'); }

  /* randomness */
  ul.blog-categories li.cat-item-7 a { background-image: url('../images/blog-randomness.gif'); }
  ul.blog-categories li.cat-item-7 a:hover,
  ul.blog-categories li.cat-item-7.current-cat a { background-image: url('../images/blog-randomness-r.gif'); }

  /* reviews */
  ul.blog-categories li.cat-item-8 a { background-image: url('../images/blog-reviews.gif'); }
  ul.blog-categories li.cat-item-8 a:hover,
  ul.blog-categories li.cat-item-8.current-cat a { background-image: url('../images/blog-reviews-r.gif'); }

  /* business */
  ul.blog-categories li.cat-item-9 a { background-image: url('../images/blog-business.gif'); }
  ul.blog-categories li.cat-item-9 a:hover,
  ul.blog-categories li.cat-item-9.current-cat a { background-image: url('../images/blog-business-r.gif'); }



/*
  ul.blog-categories li.news a { background-position: 23px 13px; }
  ul.blog-categories li.news a:hover { background-position: -250px 13px; }
  ul.blog-categories li.cat-item-3 a { background-position: 23px 13px; }
  ul.blog-categories li.cat-item-3 a:hover { background-position: -250px 13px; }
  ul.blog-categories li.cat-item-3.current-cat a { background-position: -250px 13px; }

  ul.blog-categories li.tips a { background-position: 23px -46px; }
  ul.blog-categories li.tips a:hover { background-position: -250px -46px; }
  ul.blog-categories li.cat-item-4 a { background-position: 23px -46px; }
  ul.blog-categories li.cat-item-4 a:hover { background-position: -250px -46px; }
  ul.blog-categories li.cat-item-4.current-cat a { background-position: -250px -46px; }

  ul.blog-categories li.inspiration a { background-position: 23px -106px; }
  ul.blog-categories li.inspiration a:hover { background-position: -250px -106px; }
  ul.blog-categories li.cat-item-6 a { background-position: 23px -106px; }
  ul.blog-categories li.cat-item-6 a:hover { background-position: -250px -106px; }
  ul.blog-categories li.cat-item-6.current-cat a { background-position: -250px -106px; }

  ul.blog-categories li.case-studies a { background-position: 23px -169px; }
  ul.blog-categories li.case-studies a:hover { background-position: -250px -169px; }
  ul.blog-categories li.cat-item-5 a { background-position: 23px -169px; }
  ul.blog-categories li.cat-item-5 a:hover { background-position: -250px -169px; }
  ul.blog-categories li.cat-item-5.current-cat a { background-position: -250px -169px; }

  ul.blog-categories li.randomness a { background-position: 23px -220px; }
  ul.blog-categories li.randomness a:hover { background-position: -250px -220px; }
  ul.blog-categories li.cat-item-7 a { background-position: 23px -220px; }
  ul.blog-categories li.cat-item-7 a:hover { background-position: -250px -220px; }
  ul.blog-categories li.cat-item-7.current-cat a { background-position: -250px -220px; }

  ul.blog-categories li.reviews a { background-position: 23px -268px; }
  ul.blog-categories li.reviews a:hover { background-position: -250px -268px; }
  ul.blog-categories li.cat-item-8 a { background-position: 23px -268px; }
  ul.blog-categories li.cat-item-8 a:hover { background-position: -250px -268px; }
  ul.blog-categories li.cat-item-8.current-cat a { background-position: -250px -268px; }
*/



  ul.blog-categories li:first-child a { border: none; }
  * html  ul.blog-categories li.first-child a { border: none; }
  ul.blog-categories li a:hover { color: #FFF; background-color: #DE3B25; }
  ul.blog-categories li.current-cat a { color: #FFF; background-color: #DE3B25; }

.post-meta ul.categories { padding: 0; }
/* .post-meta ul.categories li { padding: 0 19px 12px 17px; text-align: center; text-indent: -9999px; }*/
 .post-meta ul.categories li { padding: 0 19px 0px 17px; text-align: center; text-indent: -9999px; }
  .post-meta ul.categories li a { overflow: hidden; display: block; width: 100%; text-decoration: none; /*background: url('../images/meta-icons.png') -9999px -9999px no-repeat;*/ }


  .post-meta ul.categories li { opacity: 0.35; height: 38px; }
  .post-meta ul.categories li a { height: 38px; width: 38px; }
  .post-meta ul.categories li:hover { opacity: 1; }

  .post-meta ul.categories li.news a { /* height: 21px; */ background: url(../images/blog-news.gif);}
  .post-meta ul.categories li.reviews a { /* height: 25px; */ background: url(../images/blog-reviews.gif); }
  .post-meta ul.categories li.case-studies a { /* height: 17px;*/ background: url(../images/blog-case-studies.gif); }
  .post-meta ul.categories li.tips a { /* height: 20px;*/ background: url(../images/blog-tips.gif); }
  .post-meta ul.categories li.inspiration a { /* height: 21px;*/ background: url(../images/blog-inspiration.gif); }
  .post-meta ul.categories li.randomness a { /* height: 21px;*/ background: url(../images/blog-randomness.gif); }
  .post-meta ul.categories li.business a { /* height: 21px;*/ background: url(../images/blog-business.gif); }


/*  .post-meta ul.categories li.news a { height: 21px; background-position: center 0; }
  .post-meta ul.categories li.news a:hover { background-position: center -21px; }
  .post-meta ul.categories li.reviews a { height: 25px; background-position: center -42px; }
  .post-meta ul.categories li.reviews a:hover { background-position: center -67px; }
  .post-meta ul.categories li.case-studies a { height: 17px; background-position: center -92px; }
  .post-meta ul.categories li.case-studies a:hover { background-position: center -109px; }
  .post-meta ul.categories li.tips a { height: 20px; background-position: center -126px; }
  .post-meta ul.categories li.tips a:hover { background-position: center -146px; }
  .post-meta ul.categories li.inspiration a { height: 21px; background-position: center -166px; }
  .post-meta ul.categories li.inspiration a:hover { background-position: center -187px; }
*/

ul.creative-services { list-style: none; margin: 0; padding: 2px 0 0 0; }
 ul.creative-services li { padding: 0 0 6px 10px; background: url('../images/bullet-a.gif') 0 8px no-repeat; }
 html* ul.creative-services li { zoom: 1; }
 
/*! paragraphs ---- */

.quick-contact { position: absolute; right: 20px; top: 32px; margin: 0; width: 160px; }
 .quick-contact p { line-height: 1.2; color: #A8A8A8; width: 100%; overflow: hidden; margin: 0; }
  .quick-contact p a { display: block; text-decoration: none; color: #A8A8A8; }
  .quick-contact p a:hover, 
  .quick-contact p a:focus, 
  .quick-contact p a:active { text-decoration: underline; } 
 .quick-contact p.tel span { float: left; margin: 0 5px 0 0; }
 
p.read-more { overflow: hidden; clear: both; width: 100%; margin: 0; }
 p.read-more a { display: block; float: left; padding: 2px 10px 4px; text-decoration: none; font-weight: bold; background: #C9C9C9; color: #404040; }
 p.read-more a:hover { background: #DD3721; color: #FFF; }
 
p.preview { overflow: hidden; clear: both; width: 100%; margin: 0; font-size: 1.15em; }
 p.preview a { display: block; float: left; padding: 6px 10px; text-decoration: none; background: #FFF; color: #494949; border: 1px solid #E2E2E0; border-bottom-color: #B4B4B4; }
 p.preview a:hover { background: #DD3721; color: #FFF; }

p.distinguished { overflow: hidden; clear: both; width: 883px; margin: 0 15px; padding: 17px 13px; border: solid #E5E5E5; border-width: 1px 0; font-size: 1.5em; font-weight: bold; color: #545454; background: #F9F9F9 url('../images/gradient-a.gif') 0 0 repeat-x; }

p.email-address, p.phone-number, p.information { overflow: hidden; clear: both; width: 870px; margin: 0; padding: 20px 12px 20px 87px; font-size: 1.5em; border-top: 1px solid #5F5F5F; background-color: #383837; background-position: 30px 55%; background-repeat: no-repeat; color: #B2B2B2; }
p.email-address { background-image: url('../images/email-icon.png'); }
p.phone-number { background-image: url('../images/phone-icon.png'); }
p.information { background-image: url('../images/info-icon.png'); }
 p.email-address span, p.phone-number span, p.information span { color: #FFF; }
 p.email-address a, p.phone-number a, p.information a { text-decoration: none; color: #FFF; }
 p.email-address a:hover, p.phone-number a:hover, p.information a:hover { text-decoration: underline; }

/*! links --------- */

a { color: #DD3721; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

/*! images -------- */

img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

/*! other --------- */

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre-wrap; }

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

* html ul.social-links li,
* html ul.blog-categories li,
* html ul.blog-authors li,
* html .footer-inner ul li { -ie-xp: expression(this.parsed ? 0 : (this.className += (this === this.parentNode.firstChild) ? " first-child" : "",this.parsed = 1)); }

/*! mobile -------- */

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; background: none; } }
 
/*! specific ------ */


#bsdLogger {
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: 4px solid #bbb;
  padding: 6px;
  background: white;
  color: #444;
  z-index: 999;
  font-size: 1.25em;
  width: 400px;
  height: 800px;
  overflow: scroll;
}

body.home #logo a { background-position: center 100%; }
body.home #logo a span { background-position: 0 0; }

body.blog #logo a { background-position: -1001px -1001px; }
body.blog #logo a span { background-position: -1001px -1001px; }



body.about #nav .about a,
body.services #nav .services a,
body.portfolio #nav .portfolio a,
body.contact #nav .contact a,
body.blog #nav .blog a
 { background-position: center 100%; }


body.about #nav li.about a:hover span, 
body.about #nav li.about a span,
body.services #nav li.services a:hover span, 
body.services #nav li.services a span, 
body.portfolio #nav li.portfolio a:hover span, 
body.portfolio #nav li.portfolio a span, 
body.contact #nav li.contact a:hover span, 
body.contact #nav li.contact a span, 
body.blog #nav li.blog a:hover span, 
body.blog #nav li.blog a span
{ background-position: 0 0; }


.response-main {
  color: #DD3721;
}
.response-sub {
  color: #888;
}

#message-response { 
  margin: 0 10px;
}
#message-response .response-main {
  font-weight: bold;
  font-size: 1em;
}
#message-response .response-sub {
  font-size: 1em;
}

.breathe-up {
  margin-top: 10px;
}


input.missing {
  background-image: url(../images/missing-star.png);
  background-repeat: no-repeat;
}

.message-form input.missing {
  background-position: 430px 11px;
}

.request-form input.missing {
  background-position: 230px 5px;
}

.lower-area a {
  cursor: pointer;
}

/** Chris's WP modifications.. yes WP also pulls this same CSS file **/

.txt-wrap h4 a { text-transform: capitalize; }


.comment-form .missing { background-color: #DE3B25; }
.comment-form label.missing { color: white; }

ul.post-nav li.next-post.no-arrow a,
ul.post-nav li.prev-post.no-arrow a { background-image: none; }

ul.post-nav li.next-post.no-arrow a:hover,
ul.post-nav li.prev-post.no-arrow a:hover { background-color: #F0F0F0; color: #545454; }


.post-a .post-content p.wdpajax-loading,
.post-a .post-content p.wdpajax-success,
.post-a .post-content p.wdpajax-error { font-size: 1.26em; }



.comment-form form p.submit input:focus { background-color: #c9c9c9; color: #444; }



.comment-form #comment-response { margin: 15px 0; }

hr, .hr {margin: 20px 0; background: #e7e7e7; border: none;  height: 1px; width: 548px; }