/* CSS file - Touchdown PR */

body {padding-top: 30px}
#wrapper {position: relative; width: 862px; margin: 0 auto; background: url(/images/wrapper-bg.jpg) no-repeat 0 0; padding: 20px;}

/* = Header */
#header {position: relative; height: 130px; background-color: #fff; border-width: 1px 1px 0 1px; border-style: solid; border-color: #e8e9e9;}
#header a, #header a:hover {border: 0; text-decoration: none;}
#header h1 {width: 220px; height: 50px; padding-top: 20px; margin: 0 0 25px 20px;}
#header h1 a {display: block; width: 220px; height: 50px; background: url(/images/logo.jpg) no-repeat 0 0; text-indent: -9999px;}
#header #tagline {display: none;}
#header .vcard {position: absolute; top: -21px; right: -21px; width: 217px; height: 80px; background: url(/images/header-corner.png) no-repeat 0 0; text-indent: -9999px;}

/* = Primary Nav */
#primary-nav {position: relative; z-index: 100; height: 35px; background: #272828 url(/images/nav-bar.gif) repeat-x 0 0;}
#primary-nav li {float: left; position: relative;}
#primary-nav li a {background: url(/images/primary-nav.png) no-repeat; display: block; height: 35px; line-height: 35px; width: 121px; color: #fff; border-right: 1px solid #636464; border-left: 1px solid #070707; font-size: 14px; text-indent: -9999px; text-transform: uppercase;}
#primary-nav li a:hover, #primary-nav .active a {background: #ed3a2f url(/images/primary-nav.png) no-repeat; border-right: 1px solid #636464; border-left: 1px solid #070707;}
#primary-nav li#one a {background-position: 0 0}
#primary-nav li#one a:hover, #primary-nav li#one.active a{background-position: -130px 0}
#primary-nav li#two a {background-position: 0 -40px}
#primary-nav li#two a:hover, #primary-nav li#two.active a {background-position: -130px -40px}
#primary-nav li#three a {background-position: 0 -80px}
#primary-nav li#three a:hover, #primary-nav li#three.active a {background-position: -130px -80px}
#primary-nav li#four a {background-position: 0 -120px}
#primary-nav li#four a:hover, #primary-nav li#four.active a {background-position: -130px -120px}
#primary-nav li#five a {background-position: 0 -160px}
#primary-nav li#five a:hover, #primary-nav li#five.active a {background-position: -130px -160px}
#primary-nav li#six a {background-position: 0 -200px}
#primary-nav li#six a:hover, #primary-nav li#six.active a {background-position: -130px -200px}
#primary-nav li#seven a {background-position: 0 -240px}
#primary-nav li#seven a:hover, #primary-nav li#seven.active a  {background-position: -129px -240px}
#primary-nav .first a, #primary-nav .first a:hover {border-left: 0;}
#primary-nav .last a, #primary-nav .last a:hover {border-right: 0; width: 122px;}
#primary-nav li ul {display: none; position: absolute; top: 40px; background-color: #414242; border: 0;}
#primary-nav li ul li {float: none; width: 123px}
#primary-nav li ul li a, #primary-nav li ul li a:hover {background: none; font-size: 14px; height: 25px; line-height: 25px; width: 123px; border-left: 0; border-right: 0; border-bottom: 1px solid #202020; border-top: 1px solid #818182; text-indent: 0; text-align: center; font-weight: normal;}
#primary-nav li ul li a:hover {background: #ed3a2f url(/images/nav-bar.gif) repeat-x 0 -45px;}
#primary-nav .active ul li a {background: none; border-left: 0; border-right: 0; text-indent: 0; text-align: center;}
#primary-nav .active ul li a:hover {background: #ed3a2f url(/images/nav-bar.gif) repeat-x 0 -45px;}

/* = Layout */
#content {position: relative; background-color: #fff; width: 820px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e8e9e9; padding: 30px 20px 20px 20px; min-height: 400px;}
#content-primary {float: left; width: 460px;}
#content-secondary {float: left; width: 340px; padding-left: 20px;}
.layout-2 #content-primary {width: 290px}
.layout-2 #content-secondary {width: 510px;}
.layout-3 #content {padding-right: 0; width: 840px;}
.layout-3 #content-primary {width: 200px}
.layout-3 #content-secondary {width: 620px;}
.layout-4 #content-primary {width: 820px; float: none;}


.container {padding: 11px 14px; margin-bottom: 1.5em;}
.container.one {background: url(/images/container-340px.png) no-repeat 0 0;}
.container.two {background: url(/images/container-400px.png) no-repeat 0 0;}
.container .body {padding: 10px 10px 0 10px;}
.container h3 {text-indent: -9999px; height: 17px; margin-bottom: 10px}
.container#quotes h3 {background: url(/images/titles-container.png) no-repeat right 0;}
.container#quotes .body {}
.container#quotes blockquote {margin: 6px 0 18px 0; width: 290px;}
.container#quotes blockquote#one {text-indent: -9999px; height: 131px; background: url(/images/quotes.png) no-repeat 0 0;}
.container#quotes blockquote#two {text-indent: -9999px; height: 130px; background: url(/images/quotes.png) no-repeat 0 -133px;}
.container#quotes blockquote#three {text-indent: -9999px; height: 107px; background: url(/images/quotes.png) no-repeat 0 -265px;}
.container#quotes blockquote#four {text-indent: -9999px; height: 130px; background: url(/images/quotes.png) no-repeat 0 -374px;}
.container#quotes blockquote#five {text-indent: -9999px; height: 131px; background: url(/images/quotes.png) no-repeat 0 -506px;}
.container#news {margin-bottom: 0}
.container#news h3 a {display: block; text-indent: -9999px; height: 17px; background: url(/images/titles-container.png) no-repeat right -22px; border: 0;}
.container#news h3 a:hover {background: url(/images/titles-container.png) no-repeat right -132px; border: 0;}
.container#news li {width: 290px}
.container#find-us {margin-bottom: 0; margin-top: 0.4em;}
.container#get-in-touch {margin-top: 0.4em;}
.container#get-in-touch h3 {background: url(/images/titles-container.png) no-repeat right -44px;}
.container#find-us h3 {background: url(/images/titles-container.png) no-repeat right -66px;}
.container#results h3 {background: url(/images/titles-container.png) no-repeat right -88px;}
.container#what-we-do {margin-bottom: 0}
.container#what-we-do h3 {background: url(/images/titles-container.png) no-repeat right -110px;}

.imagery-one {position: relative; bottom: -50px; right: -20px;}
.imagery-two {position: relative; bottom: -50px; right: -205px;}
.imagery-three {position: relative; bottom: -50px; left: -20px;}
p.counts-text {position: absolute; bottom: 30px; left: 20px; margin: 0; text-indent: -9999px; height: 21px;}

/* = Home */
#home #content {background: #fff url(/images/tagline-creativity.png) no-repeat 0 bottom;}
#home.alt #content {background: #fff url(/images/tagline-creativity.jpg) no-repeat 0 bottom;}
#home #content-primary {margin-bottom: 211px;}
#home #content-secondary {}
#home #content-primary h2.title {text-indent: -9999px; height: 27px; background: url(/images/titles-home.png) no-repeat 0 0;}
#home #content-primary p#how-we-do {text-indent: -9999px; height: 18px; background: url(/images/titles-home.png) no-repeat 0 0;}
body#home #content-primary p.first {margin-bottom: 2em}

#tweets {min-height: 100px;}
#news li {position: relative; background: url(/images/divider-1.png) no-repeat 13px bottom; padding-bottom: 0.5em; margin-bottom: 0.5em; text-align: right}
#news li span {display: block; font-size: 0.83em; line-height: 1.5em; text-align: left; padding-bottom: 4px}
#news li a {display: none; font-size: 0.93em; line-height: normal; background-color: #ee4035; padding: 0 2px; color: #fff; border: 0; text-transform: uppercase;}
#news li span a {display: inline; float: none; text-transform: none; text-align: left; background: none; padding: 0; color: #ee4035; text-decoration: none; border-bottom: 1px dotted #ee4035; font-size: 1em;}
#news h4 {font-size: 1em; margin-bottom: 0.3em; width: 200px}
#news .date {position: absolute; top: 0; right: 0; font-size: 0.92em; line-height: 1em; font-weight: bold; margin-bottom: 0.5em}

/* = Clients 
#clients #content {}
#clients #content-secondary {}
#clients #content-primary h2.title {text-indent: -9999px; height: 21px; background: url(/images/titles-clients.png) no-repeat 0 0;}
#clients #content-primary p#sound-like-you {text-indent: -9999px; height: 18px; background: url(/images/titles-clients.png) no-repeat 0 -27px;}
#clients #content-primary p#what-we-do {text-indent: -9999px; height: 18px; background: url(/images/titles-clients.png) no-repeat right -55px;}*/

/* = Services */
#services #content {background: #fff url(/images/tagline-attitude.jpg) no-repeat 0 bottom;}
#services.alt #content {background: #fff url(/images/tagline-attitude-2.jpg) no-repeat 0 bottom;}
#services #content-primary h2.title {text-indent: -9999px; height: 21px; background: url(/images/titles-services.png) no-repeat 0 0;}
#services #content-primary {margin-bottom: 250px;}
#services #content-secondary {}
.menu li {font-size: 0.93em; position: relative; margin: 0 0 2px 0; list-style: none; background: url(/images/divider-1.png) no-repeat 13px bottom; padding: 2px 10px 6px}
.menu li:hover {background: url(/images/divider-1.png) no-repeat -270px bottom;}
.menu li  a {border: 0; display: block;}
.menu li  a:hover {}

/* = Reach */
#reach #content {background: #fff url(/images/tagline-reach.png) no-repeat 20px bottom;}
#reach #content-primary h2.title {text-indent: -9999px; height: 21px; background: url(/images/titles-reach.png) no-repeat 0 0;}
#reach #content-primary {margin-bottom: 33px;}

/* = Case Studies */
#case-studies #content {background: #fff url(/images/tagline-results.jpg) no-repeat 20px bottom;}
#case-studies #content-primary {margin-bottom: 211px;}
#case-studies #content-primary h2.title {text-indent: -9999px; height: 21px; background: url(/images/titles-case-studies.png) no-repeat 0 0;}
.container#results li {background: url(/images/divider-1.png) no-repeat 13px bottom; padding-bottom: 3px;}
.container#results li:hover {background: url(/images/divider-1.png) no-repeat -270px bottom; padding-bottom: 3px;}
.container#results li a {display: block; background: url(/images/pdf.gif) no-repeat 0 0.5em; padding: 5px 5px 5px 30px; border: 0;}
.container#results li a:hover {background: url(/images/pdf-grey.gif) no-repeat 0 0.5em; border: 0; color: #4a4b4b}

/* = Team */
#team #content {background: #fff url(/images/tagline-experience.jpg) no-repeat 20px bottom;}
#team #content-primary h2.title {text-indent: -9999px; height: 21px; background: url(/images/titles-experience.png) no-repeat 0 0;}
#team #content-primary {margin-bottom: 33px;}
#team #content-secondary {margin-bottom: 235px;}

/* = Clients */
#clients #content {background: #fff url(/images/tagline-reputation.png) no-repeat 20px bottom;}
#clients #content-primary {margin-bottom: 33px;}
#clients #content-primary h2.title {text-indent: -9999px; height: 21px; background: url(/images/titles-clients.png) no-repeat 0 0;}
#clients #content-primary p#sound-like-you {text-indent: -9999px; height: 18px; background: url(/images/titles-clients.png) no-repeat 0 -27px;}

/*#content ul.gallery {}
ul.gallery li {list-style: none; float: left; width: 100px; height: 51px; margin: 0 0 10px 20px; /*padding: 5px; background: url(/images/gallery-container.png) no-repeat 0 0;/}
ul.gallery li.first {margin-left: 0;}
ul.gallery li a.thumb {width: 100px; height: 51px; cursor: pointer;}
ul.gallery li span {/*--Used to crop image--/width: 100px; height: 51px; overflow: hidden; display: block;}
ul.gallery li a.thumb:hover {background: #333; /--Hover effect for browser with js turned off--/}
ul.gallery li a {text-decoration: none; border: 0; display: block;}*/

#content ul.gallery {}
ul.gallery li {list-style: none; float: left; width: 150px; height: 77px; margin: 0 0 10px 15px; padding: 5px; background: url(/images/gallery-container.png) no-repeat 0 0;}
ul.gallery li.first {margin-left: 0;}
ul.gallery li a.thumb {width: 150px; height: 77px; cursor: pointer;}
ul.gallery li span {/*--Used to crop image--*/width: 150px; height: 77px; overflow: hidden; display: block;}
ul.gallery li a.thumb:hover {background: #333; /*--Hover effect for browser with js turned off--*/}
ul.gallery li a {text-decoration: none; border: 0; display: block;}

/* = Contact */
#contact #content {background: #fff url(/images/tagline-energy.png) no-repeat 20px bottom;}
#contact #content-primary, #contact #content-secondary {width: 400px;}
#contact #content h2.title {text-indent: -9999px; height: 21px; background: url(/images/titles-contact.png) no-repeat 0 0;}
.map {margin: 0 6px;}
#contact #content dl {margin-bottom: 2.5em}

/* = Footer */
#wrap-footer {width: 860px; margin: 0 auto;}
#wrap-footer .countries {height: 30px; margin: 0;}
#wrap-footer .countries a {display: block; text-indent: -9999px; background: url(/images/footer.png) no-repeat 0 0; border: 0;}
#footer {margin: 0 auto; padding: 0 0 20px 0;}

#footer .vcard {float: left;}
#footer .vcard .org {display: block; width: 160px; height: 36px; background: url(/images/collaboration-matters-logo.png) no-repeat 0 0; text-indent: -9999px; border: 0;}

#footer .copyright {font-size: 0.79em; color: #b1b2b3; text-transform: uppercase; clear: both; float: right; margin-bottom: 0;}

#twtr-widget-1 {font: 1em Arial, Helvetica, sans-serif !important;}
#twtr-widget-1 .twtr-hd, #twtr-widget-1 .twtr-ft  {display: none;}
#twtr-widget-1 .twtr-tweet {border: 0; background: url(/images/divider-1.png) no-repeat 13px bottom; padding-bottom: 0.5em; margin-bottom: 0.5em;}
#twtr-widget-1 i {font-size: 0.93em;  text-align: right;}
#twtr-widget-1 .twtr-doc  a:hover {text-decoration: none !important;}
#twtr-widget-1 .twtr-doc i  a {border: 0;}
#twtr-widget-1 .twtr-doc i  a:hover {text-decoration: none !important;}
#twtr-widget-1 .twtr-tweet a.twtr-reply {display: none;}