/* @override 
	http://dev.getconcentric.com/css/styles-v1.css
	http://www.dev.getconcentric.com/css/styles-v1.css
	http://www.getconcentric.com/css/styles-v1.css
*/

/* 
    AUTHOR: Jason Clewell
            jclewell@getconcentric.com
    Site:   www.getconcentric.com (v3.0)
*/

/* Colors:
		Concentric Green= #5e9833
		Dark Grey Type= #444444
		Dark Green Type= #112d01
		Medium Green Type= #526e3c
		Light Green Type= #eafbdd
*/

/* @group Resets */

* {margin: 0; padding: 0; }

body {font-family: Helvetica, sans-serif; background: #f6f6f6; }

ul {list-style: none inside; }

a {outline: none; }

a img {border: none; }

table {border-spacing: 0; border-collapse: collapse; }

#logo {position: absolute; top: 10px; right: 15px; }

/* @end */

/* @group Utility */

.left {float: left;}

.right {float: right; }

.clear {clear: both; }

.indent {text-indent: -1000em; }

.hidden {display: none; }

#ie6bar {display: none; }

/* @end */

/* @group = Base */

/* @group Containers */

#page-wrap {width: 960px; position: relative; }
#header {height: 230px; }

.main-content {width: 710px; padding: 0 10px 0 0; }

.sub-content {width: 220px; padding: 0 10px;}

.greystep-top {height: 8px; background: #f6f6f6 url(/images/global/greystep-top.gif) right bottom no-repeat; }

#home .greystep-top {height: 8px; background:  #474747 url(/images/global/greystep-top1.gif) right bottom no-repeat; }

.greystep {background: #474747 url(/images/global/greystep-middle.gif) right top repeat-y; margin-left: ; }

.greystep .container {padding-left: 100px; }

.greystep-bottom {height: 8px; background: #474747 url(/images/global/greystep-bottom.gif) right top no-repeat; }

#home .greystep-bottom {height: 8px; background: #f6f6f6 url(/images/global/greystep-bottom1.gif) right top no-repeat; }

.container-12col {width: 940px; padding: 0 10px 20px 10px; }

.container-11col {width: 860px; }

.container-8col {width: 620px; }

.container-7col {width:  540px; }

.container-6col {width: 460px; margin: 0 10px 20px 10px; }

.container-5col {width: 380px; margin: 0 10px 20px 10px; }

.container-4col {width: 300px; margin: 0 10px 10px 10px; }

.container-3col {width: 220px; margin: 0 10px 20px 10px; }

.container-2col {width: 140px; }

.portfolio-container {width: 640px; padding-bottom: 30px; }

.portfolio-piece {padding: 0 10px 15px 10px; min-height: 238px; width: 300px; }

/* @end */

/* @group -Typography */

#content {color: #474747; z-index: 10; min-height: 600px;}
p {font-size: 14px; line-height: 20px; }
h1 {font-size: 48px; font-weight: normal; z-index: 50;}
h2 {font-size: 30px; font-weight: normal; }

/* @end */

/* @group -Header */
#main-nav-container {background: url(/images/global/nav-green-middle.gif) repeat-y left top; position: absolute; top: 35px; left: 0;}

#nav-container-top {background: url(/images/global/nav-green-top.gif) no-repeat; height: 11px; width: 70px; position: absolute; left: 0;}

#nav-container-bottom {background: url(/images/global/nav-green-bottom.gif) no-repeat; height: 11px; width: 70px; position: absolute; }

#main-nav {width: 200px; margin: 0 0 0 71px; background: #5f9933; }

#main-nav li {border-top: 1px solid ; border-color: #427033; padding: 6px 4px; font-size: 14px; font-weight: bold; color: white;}

#main-nav .here {background: url(/images/global/white-arrow.gif) right center no-repeat }

#main-nav li ul {background: url(/images/global/nav-arrow1.gif) left center no-repeat; padding-left: 10px; display: none; }

#main-nav li:hover ul, #main-nav li.over ul {display: block; }

#main-nav #breakout-list {position: absolute; left: 271px; top: -24px; width: 200px; }

#main-nav .alt {border-top: 1px solid #353535; border-bottom: 1px solid #353535; }

#main-nav #our-list {position: absolute; left: 271px; width: 200px; top: -27px; }

#main-nav #contact-list {position: absolute; left: 271px; width: 200px; top:  44px; }

#main-nav .contact {border-bottom: 2px solid #353535; }

#main-nav .careers {border-top: 2px solid #353535; }

#main-nav .home {text-decoration: none; color: white; display: block; }

#main-nav li ul li {border: 3px solid #353535; margin: 0px; background: #5f9933; text-align: center; padding: 1px;}

#main-nav li ul li a {color: white; text-decoration: none; font-size: 12px; display: block; padding: 4px 0;}

#main-nav li ul li:hover {background: #353535; }

.tag {position: absolute; font-size: 15px; color: white; background: url(/images/global/tag-arrow.gif) left top no-repeat; padding: 14px 0 0 19px; top: 170px; left: 140px; }

.tag span {background: #5f9933; padding: 3px 4px 1px 4px; color: white; line-height: normal; }

.home-button {width: 400px; height: 170px; display: block; position:  absolute; z-index: 70;}

/* @end */

/* @group - Sub Navigation */

/* @end */

/* @group -Footer */
#footer-top {height: 12px; background: url(/images/global/footer-top.gif) left bottom no-repeat; }
#footer {background: #43751e url(/images/global/footer-mid.gif) left top repeat-y; margin: 0 0 40px 0; }
#footer-bottom {height: 12px; background: #f6f6f6 url(/images/global/footer-bottom.gif) left top no-repeat; }
#footer-content {margin: 20px 0 0 80px; color: white; float: left; }
#footer p {font-size: 12px; line-height: normal; padding: 5px 0; }
#footer h3 {font-size: 18px; background: #353535; padding: 3px;}
.services {font-size: 12px; width: 149px; }
.services {list-style-position: outside; }
.services li {padding: 2px 0; }
.map-icon {padding: 7px 4px 10px 0; }
.services-container {width: 298px; border-left: 1px solid #38701b; border-right: 1px solid #38701b; padding: 0 10px; }
.blog {width: 290px; margin-left: 0; }
.blog a {color: white; font-size: 13px;}
.blog li {padding: 8px 0; }
.blog a span {display: none; }
.feedflare {display: none; }
.blog textarea {width: 290px; height: 70px; margin-bottom: 10px; border: 1px solid #38701b;}
.lowdown {margin-right: 0; }
.blog label {float: left; padding: 4px; }
.blog #email {width: 192px; height: 18px;border: 1px solid #38701b; margin-bottom: 10px;}
.blog #submit {float: left; width: 70px; }
.blog h2.thank-you {font-size: 20px; padding-top: 10px; }
/* @end */

/* @group -Form Elements */

/* @end */

/* @end */

/* @group =Pages */

/* @group Home */

.contender {margin: 0 0 15px 90px; position: relative; min-height: 255px; width: 620px; }

#speedbag {position: absolute; top: 55px; right: 0; z-index: -1; }

.contender p {font-size: 24px; line-height: 32px; padding: 15px 0 0 5px; }

.contender h1 span {letter-spacing: 2px; font-size: 52px; padding: 3px; background: #353535; color: #6db03b; font-weight: bold;  }

.greystep h2 {font-size: 30px; font-weight: normal; color: #6db03b; padding: 10px 0 5px 0; }

.greystep p {color: white; font-size: 13px; margin-right: 14px;line-height: 16px; margin-bottom: 15px; }

.boxerhands {margin-left: 73px; padding-right: 8px; }

.what-it-takes {background: url(/images/home/what-it-takes.gif) no-repeat; height: 173px; }

.case-thumb {background: #353535; padding: 12px; }

.case-thumb h2 {color: white; font-size: 41px; }

.case-thumb h3 {color: white; font-weight: normal; font-size: 16px; }

.case-thumb img {padding-bottom: 8px; }

.case-thumb p {color: #6db03b; font-weight: bold; font-size: 13px; line-height: normal; }

.breakout-definition {background: white; border: 1px solid #acacac; padding: 12px; margin: 25px 0; }

.breakout-definition h2 {color: #5f9933; font-size: 20px; }

.breakout-definition h3 {font-size: 15px; }

.breakout-definition p {font-size: 12px; line-height: normal; padding: 8px 0 0 0; }

.makeithappen {margin-left: 90px; padding: 35px 0 20px 0; float: left;}

.makeithappen p {width: 427px;padding: 0 0 20px 0; float: right;}

.makeithappen h3 {font-size: 24px; color: #6db03b; float: left;}

.makeithappen img {float: left; padding-right: 20px; }

.brand-icons {width: 585px; }

.brand-icons p {width: 480px; float: left; line-height: normal; padding: 4px 8px 0 8px; background: #4d4d4d; border-top: 2px solid #5f9933; }

#section-1 p {margin: 5px 0 20px 40px; height: 40px;}
#section-2 p {text-align: center; margin: 5px 0 20px 40px; height: 40px;}
#section-3 p {text-align: right; margin: 5px 0 20px 40px; height: 40px;}

/* @group tabs */

#tab_anchors {margin: 0; float: left; }

#tab_anchors li {float: left; height: 154px; }

#tab_anchors li a {width: 138px; height: 154px; display: block; margin: 0 0 0 40px; }

.anchors .tabOn1 a {background: url(/images/home/invention-icon1.gif) top right no-repeat; display: block; }

.anchors .tab1 a {background: url(/images/home/invention-icon1.gif) top left no-repeat; display: block; }

.anchors .tab1 a:hover {background: url(/images/home/invention-icon1.gif) top right no-repeat; display: block; }

.anchors .tab2 a {background: url(/images/home/acceleration-icon1.gif) top left no-repeat; display: block; }

.anchors .tab2 a:hover {background: url(/images/home/acceleration-icon1.gif) top right no-repeat; }

.anchors .tabOn2 {background: url(/images/home/acceleration-icon1.gif) top right no-repeat; display: block; width: 138px; margin-left: 40px; }

.anchors .tab3 a { background: url(/images/home/renewal-icon1.gif) top left no-repeat; display: block; }

.anchors .tab3 a:hover {background: url(/images/home/renewal-icon1.gif) top right no-repeat; }

.anchors .tabOn3 {background: url(/images/home/renewal-icon1.gif) top right no-repeat; display: block; width: 138px; margin-left: 40px; }
		/* @end */




	/* @end */

/* @group Portfolio */
.results-nav {margin-left: 90px; }
.category {font-size: 30; color: #5f9933; }
	.results-nav h2 {font-size: 14px; padding: 4px 0 4px 10px; color: white; background: #353535; line-height: normal; border-top: 1px solid #d4f2bd; border-bottom: 1px solid #d4f2bd; }
	.results-nav li a {color: #5f9933; text-decoration: none; font-size: 12px; display: block; border-top: 1px solid #bfbfbf; padding: 4px 0 4px 25px; text-transform: uppercase; cursor: pointer; }
	.results-nav .portcurrent, .results-nav li a:hover {background: #5f9933 url(/images/portfolio/white-arrow.gif) left center no-repeat; color: white;}

.portfolio-piece img {border: 1px solid #94c76c; margin-bottom: 4px; }

.portfolio-piece h3, .tv-box h3, .radio h3 {font-size: 12px; color: #5f9933; font-weight: normal; padding: 2px 0; }

.portfolio-piece h3 strong, .tv-box h3 strong, .radio h3 strong {font-weight: bold; color: #353535;}

.portfolio-piece a {color: #526e3c; }

.browse-case {display: block; height: 86px; text-indent: -1000em; background: url(/images/portfolio/browse-case-button.jpg) no-repeat; margin-top: 20px; }

.tv-box {padding: 0 10px 20px 10px; }

.radio {margin: 0 10px 20px 10px; border: 1px solid #749c55; width: 298px;}

.radio object {float: left; border: 8px solid black; margin-right: 8px;}


/* @end */

/* @group Contact */

#contact {background: #f6f6f6 url(/images/contact/map.gif) left 240px no-repeat; }

.contact p {padding-left: 0; }

.address-head {text-indent: -1000em; background: url(/images/contact/address-head.jpg) no-repeat left bottom; margin-bottom: 10px; }

.contact-head {text-indent: -1000em; background: url(/images/contact/contact-head.jpg) no-repeat left bottom; margin-bottom: 10px; }

.careers-head {margin-bottom: 10px; font-size: 30px; text-align: center; font-weight: bold; background: #5f9933; color:  white; padding: 3px 0;}

.address-pop-top {background: url(/images/contact/address-pop-top.png) no-repeat; height: 16px; }

.address-pop {background: url(/images/contact/address-pop-mid.png); }

.address-pop-bottom {background: url(/images/contact/address-pop-bottom.png); height: 47px; }

.address {width: 225px; position: absolute;  text-align: center; top: 350px; left: 80px; z-index: -6; }

.address ul {padding: 5px; text-align: left; }

.address li {font-size: 14px; color: #353535; padding: 0 0 0 14px; }

.megaphone {width: 573px; height: 242px; background: url(/images/contact/megaphone.png) no-repeat; position: absolute; top: 200px; left: 0; z-index: -4; }

#general-contact {margin-top: 100px; z-index: 100;}

fieldset {width: 370px; border: none; text-align: right; margin: 0 0 10px 0; background: #353535; padding: 4px; display: block;}

.contact input, .contact textarea {width: 250px; margin: 4px 6px 4px 0; }

label {color: white; font-weight: bold; font-size: 12px; }

fieldset p {font-size: 10px; text-align: left; padding: 4; line-height: normal; margin-left: 114px; color: #b9f07d; font-weight: bold;}

#state {margin-right: 164px; width: 100px; }

#message {display: block; float: left; padding-left: 43px; }

#submit {width: 100px; float: right; }

.thank-you {padding-top: 105px; }

.careers-box {background: white; border: 1px solid #c7c7c7; width: 218px; }

.careers-box li a {color: #353535; font-size: 16px; text-transform: uppercase;  }
.careers-box ul {list-style-type: disc; padding: 0 0 10px 10px; }
.careers-box li {padding: 4px 0; }
.careers-box h3 a:hover {color: #5f9933; }

.careers-box p {font-size: 12px; line-height: 15px; margin: 2px 10px 10px 10px;}

/* @end */

/* @group People */
#people .container-2col {margin: 0 10px 0 90px; }

.people-content {width: 640px; }

.profile h1 {color: #5f9933; font-weight: bold; line-height: 44px; }
.profile h2 {font-size: 18px; margin: 0 0 15px 10px; color: #5f9933}
.profile h3 span {font-size: 18px; }
.profile h3 {font-style: italic; font-size: 24px; letter-spacing: 1px; margin: 0 0 20px 0;}
.profile dt {padding-left: 20px; background: url(/images/people/q.gif) left top no-repeat; margin-bottom: 2px;}
.profile dd {padding-left: 20px; background: url(/images/people/a.gif) left top no-repeat; color: #5f9933; margin-bottom: 15px;}

.fav-quote { }

.people-nav {background: #353535; padding: 5px; margin-top: 10px; }

.people-nav dt {color: white; text-align: center; font-size: 32px; }

.people-nav dd {padding: 2px 5px; background: #5f9933; margin: 4px 0;}

.people-nav dd:hover {background: #353535; }

.people-nav a {text-decoration: none; color:  white; font-weight: bold; font-size: 13px;}

.brandbar-top {height: 30px; background: url(/images/people/brandbar-top.gif) right bottom no-repeat; }

.brandbar {background: #353535 url(/images/global/greystep-middle.gif) left repeat-y; width: 960px; }

.brandbar-wrap {margin-left: 90px; }

.brandbar-wrap img {padding: 15px 25px; cursor: pointer; }

#people #footer-top {height: 12px; background: url(/images/people/footer-top-people.gif) left bottom no-repeat; }

.profile-sub {text-align: right; }

.profile-sub h2 {font-weight: bold; border-top: 2px solid #353535; padding-top: 4px; margin: 20px 0 8px 80px; text-align: left; font-size: 26px; line-height: 25px;}

.profile-sub h2 span {font-size: 20px; }

.profile-sub h3 {text-align: left; margin-left: 80px; }

.profile-sub p {font-weight: bold; color: #5f9933; font-size: 14px; text-align: left; margin: 2px 0 0 80px; line-height: normal;}

.my-brand {border: 4px solid #353535; margin-bottom: 3px;}
.profile-sub .brand-love span {font-size: 24px; }

.theme-song {width: 220px; margin: 0 0 0 80px; background: #353535; text-align: center; padding-bottom: 1px;}

.theme-song h2 {color: white; margin: 5px 0; text-align: center; font-size: 30px;  }

.theme-song p {margin: 8px 10px; font-size: 12px; color: #6db03b;}

.theme-song p span {color: #c8c8c8; }

.fav-quote {margin-left: 90px; float: left; display: inline; padding: 10px 0 30px 0; }
.fav-quote h1 {color: #5f9933; font-weight: bold; font-size: 26px; }
.fav-quote h2 {font-size: 18px; font-weight: bold;}
.fav-quote em {font-size: 14px; }
.fav-quote h2 span {padding-left: 35px; }

.email-me a {color: transparent; background: url(/images/people/contact-button.gif) no-repeat; height: 30px; margin-top: 8px; display: block;}
/* @end */

/* @group News */
#news #content .container-3col {margin-left: 80px; }
.news-nav a {color: #5f9933; text-decoration: none; font-size: 12px; display: block; border-top: 1px solid #bfbfbf; padding: 4px 0 4px 25px; text-transform: uppercase; }

.news-nav a:hover {background: #5f9933 url(/images/portfolio/white-arrow.gif) left center no-repeat; color: white; }

.date {width: 60px; padding: 3px 0; text-align: center; background: #5f9933; float: left; clear: both;}
.date h1 {font-size: 20px; text-transform: uppercase; font-weight: bold; color: white; }
.date h2 {font-size: 18px; color: #b0c7b1; padding-top: 2px; border-top: 1px solid #b0c7b1; margin: 0 8px; }

.news {width: 548px; float: right; padding-left: 10px; border-top: 2px solid #5f9933; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; margin-bottom: 30px; background: white;}

.news p {margin-bottom: 10px; }
.news a {color: #5f9933; }
.news a:hover {background: #5f9933; color: white; padding: 4px;}

.news h2 {font-size: 20px; padding: 4px 0; font-weight: bold;}

/* @end */

/* @group Case Studies */
.case-nav a {color: #5f9933; text-decoration: none; font-size: 12px; display: block; border-top: 1px solid #bfbfbf; padding: 4px 0 4px 25px; text-transform: uppercase; }

.case-nav .casecurrent, .case-nav a:hover {background: #5f9933 url(/images/portfolio/white-arrow.gif) left center no-repeat; color: white; }

#case-studies #content h1 {font-size: 20px; color: #5f9933; }

.case-container h2 {font-size: 24px; }

.case-container {background: white; padding: 10px; width: 600px; border: 1px solid #c7c7c7; margin-bottom: 30px; }

.case-content {width: 370px; float: left; padding-top: 12px;}

.case-content p {padding: 0 0 20px 0; }

.case-content ul {font-size: 14px;  list-style-type: disc; padding-bottom: 20px; width: 160px; list-style: outside; margin-left: 25px;}

.case-photos1 {width: 200px; float: right; padding-top: 12px; padding-right: 6px;}

.case-photos2 {background: white; text-align: center; padding: 10px 0 0 0; border:  1px solid #c7c7c7; margin-top: 65px;}

.case-photos2 img {margin-bottom: 10px; border: 1px solid #c7c7c7; }

.case-photos1 img {margin-bottom: 15px; border: 1px solid #c7c7c7; }

.case-content h3 {background: #353535; color:  white; padding: 2px; font-size: 14px; text-transform: uppercase; font-weight: normal; margin-bottom: 3px; }

/* @end */

/* @group Careers */
.careers-container {background: white; padding: 10px; width: 600px; border: 1px solid #c7c7c7; margin-bottom: 30px; }

.careers-container p {padding-bottom: 20px; }

#careers #content h1 span {color: #5f9933; font-size: 30px; }

.careers-container a {color: #5f9933; }

.careers-container a:hover {color: white; background: #353535; }

.careers-container ul {list-style-type: disc; list-style-position: outside; margin-left: 45px; margin-bottom: 15px; font-size: 13px;}

/* @end */

/* @group Brand Pages */
.brand-stages {margin-left: 90px; width: 640px; }

.case-sub {background: #353535 url(/images/brand-pages/casestudies-subhead.jpg) center top no-repeat; text-align: center; padding-top: 42px; margin-left: 0; }

.case-sub a {text-align: left; display: block; color: white; margin: 3px 0 20px 12px; }

.case-sub img {border: 1px solid #888; }

.intro {color: #5f9933; font-size: 18px; line-height: 26px; margin: 0 20px 15px 0; }

.brand-stages p {margin-right: 20px; }

.brand-quote {text-transform: uppercase; margin: 30px 0; }

.brand-quote h2 span {text-transform: capitalize; font-size: 20px; color: #5f9933; }

.brand-stages-page #footer-top  {height: 12px; background: url(/images/people/footer-top-people.gif) left bottom no-repeat; }

.brand-stages-page .brandbar-wrap {text-align: center; margin-right: 20px; }

.brand-stages-page .brandbar-wrap img {background: white; padding: 10px 20px; margin: 15px 10px 14px 10px;  }

.invention-bar-top {height: 30px; background: url(/images/brand-pages/invention-bar-top.gif) right bottom no-repeat; }

.renewal-bar-top {height: 30px; background: url(/images/brand-pages/renewal-bar-top.gif) right bottom no-repeat; }

.acceleration-bar-top {height: 30px; background: url(/images/brand-pages/acceleration-bar-top.gif) right bottom no-repeat; }

.invention-head {width: 640px; height: 166px; background: url(/images/brand-pages/invention-head.jpg) no-repeat; text-indent: -1000em; margin: 13px 0 20px 0; }

.acceleration-head {width: 640px; height: 162px; background: url(/images/brand-pages/acceleration-head.jpg) right top no-repeat; text-indent: -1000em; margin: 28px 0 20px 0; }

.renewal-head {width: 640px; height: 162px; background: url(/images/brand-pages/renewal-head.jpg) right top no-repeat; text-indent: -1000em; margin: 29px 0 20px 0; }

/* @end */

/* @group Client List */

.client-logo {float: left; padding: 20px 8px; border: 1px solid #d7d7d7; margin-right: 8px; background: white; }

.client {clear: both; margin-bottom: 20px; }

.client h2 {color: #5f9933;font-size: 20px; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; padding-top: 2px; }

.client p {font-size: 12px; line-height: 16px; margin: 3px 0 0 170px; }

.add-exp {border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding-left: 170px; padding-top: 2px;}

.add-exp-name {font-weight: normal; font-size: 16px; padding: 5px 0 0 170px; color: #5f9933}

/* @end */

/* @group our brand */
.competition {width: 540px; background: url(/images/our-brand/competition-head.gif) no-repeat; margin-left: 90px; min-height: 300px; height: auto !important; height: 300px; margin-bottom: 30px;}

.competition p {margin: 20px 60px 0 90px; }

#our-brand .main-content {width: 630px; }

#our-brand .greystep-top {height: 8px; background: #f6f6f6 url(/images/global/greystep-top.gif) left bottom no-repeat; }

#our-brand .greystep {background: #474747 url(/images/global/greystep-middle.gif) left top repeat-y; width: 630px; }

#our-brand .greystep-bottom {height: 8px; background: #474747 url(/images/global/greystep-bottom.gif) left top no-repeat; }

#our-brand .greystep h1 {margin-left: 90px; }

#our-brand .greystep p {margin: 0 35px 30px 90px; }

.specialists {width: 294px; border: 2px solid #353535; margin-bottom: 30px;}

.specialists-head {text-indent: -1000em; background: url(/images/our-brand/specialists-head.gif) center no-repeat; padding: 20px; }

.specialists p {padding: 0 10px 20px 10px; font-size: 12px; line-height: 14px;}

.mini-profile {clear: both; padding: 8px 0; border-top: 1px solid; margin: 0 5px;}
.mini-profile h3 {color: #5f9933; font-size: 15px; padding-top: 3px;}
.mini-profile h4 {font-size: 12px; }
.mini-profile a {color: #5f9933; font-size: 12px; }
.mini-profile a:hover {background: #353535; color: white; }
.mini-profile img {float: left; margin: 0 8px; border: 1px solid #d7d7d7;}

/* @end */

/* @end */