/*

Suade Theme 2011

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border-bottom-width:0;
  border-color:initial;
  border-left-width:0;
  border-right-width:0;
  border-style:initial;
  border-top-width:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  vertical-align:baseline;
}

/* GRID */
.span-1  { width: 20px;}
.span-2  { width: 60px;}
.span-3  { width: 100px;}
.span-3-4 { width: 130px; }
.span-4  { width: 140px;}
.span-4-5 { width: 170px;}
.span-4-6 { width: 150px;}
.span-4-7 { width: 175px;}
.span-5  { width: 180px;}
.span-5-6 { width: 190px;}
.span-5-7 { width: 199.5px;}
.span-5-8 { width: 200px;}
.span-6  { width: 220px;}
.span-6-7  { width: 250px; }
.span-7  { width: 260px;}
.span-8  { width: 300px;}
.span-9  { width: 340px;}
.span-10 { width: 380px;}
.span-11 { width: 420px;}
.span-11-12 { width: 430px; }
.span-11-13 { width: 435px; }
.span-11-14 { width: 425px; }
.span-12 { width: 460px;}
.span-13 { width: 500px;}
.span-14 { width: 540px;}
.span-14-15 { width: 570px;}
.span-15 { width: 580px;}
.span-15-16 { width: 598px;}
.span-15-17 { width: 600px;}
.span-16 { width: 620px;}
.span-17 { width: 660px;}
.span-18 { width: 700px;}
.span-18-19 { width: 727px;}
.span-19 { width: 740px;}
.span-20 { width: 780px;}
.span-21 { width: 820px;}
.span-22 { width: 860px;}
.span-22-23 { width: 870px; }
.span-23 { width: 900px;}
.span-24 { width: 940px; }
.span-25 { width: 208px;} /* SIDEBAR */
/* GRID */

/* Custom Fonts */

/* end Custom Fonts */


.dottedTop {
padding-top: 5px;
border-top: 1px dotted #333;
}

.dottedBottom {
padding-bottom: 5px;
border-bottom: 1px dotted #333;
}

h1 span {
	display: none;
}

h1.blog_header {
	width: 150px;
	height: 60px;
	background: #272727 url(images/blog_img.jpg) repeat-x scroll 0 0;
}

h2 span {
	display: none;
}

h2.post {
font-size: 36px;
margin-bottom: 10px;
margin-top: 0;
}


h2.post_preview {
font-size: 23px;
margin-bottom: 4px;
margin-top: 0;
}

h3 span {
	display: none;
}

.clear {
	clear:both;
}

.hide {
	display: none;
}

.vert_first {
	padding-top: 0;
}

.vert_last {
	padding-bottom: 0;
}

a {
font-weight: bold;
color: #52117d;
text-decoration: none;
}

a.img:hover {
border: 0;

}

a:hover {
color: #7d09c3;
}

/* floats */

.fr { float:right; }
.fl { float: left; }

/* widths */

.width_main {
width:900px;
}

body {
	color:#444;
	font:normal normal normal 62.5%/normal 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

#headerContainer {
	background: #272727 url(images/bg_header_slim.jpg) repeat-x scroll 0 0;
	width: 100%;
	height: 116px;
}

.centering-container {
	margin-bottom:0;
  	margin-left:auto;
  	margin-right:auto;
  	margin-top:0;
  	position:relative;
  	width:983px;
}

#header {
	background: #272727 url(images/bg_header_center.jpg) repeat-x scroll -5px 0;
	height: 116px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	width: 900px;
}

#logo {
	background: transparent url(images/suadeLogo.gif) no-repeat scroll 0 0;
	float: left;
	height: 79px;
	width: 171px;
	margin-top: 18px;
	margin-left: 15px;
}

#logo a {
	width: 100%;
	height: 100%;
	display: block;
}

#leftNavigation {
    width: 410px;
	height:19px;
	margin-top: 45px;
}

.social-section {
	width: 396px;
	margin-top: 10px;
	margin-left: 14px;
}

.social-button {
	margin-right: 5px;
	float: left;
}

#leftNavigation li {
	position: relative;
	display:inline;
	float:left;
	height:19px;
	list-style-type:none;
	margin:0 14px;
	padding:0;
}

#leftNavigation li a {
	display:block;
	height:100%;
	width:100%;
}

#leftNavigation li.page-item-3 a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll 0 0;
	display: block;
	text-indent: -9999px;
	width:51px;
}

#leftNavigation li.page-item-3 a:hover {
	background-position:0 -19px;
}

#leftNavigation li.page-item-3 a:active {
	background-position:0 -38px;
}

#leftNavigation li.page-item-7 a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -79px 0;
	display: block;
	text-indent: -9999px;
	width:86px;
}

#leftNavigation li.page-item-7 a:hover {
	background-position:-79px -19px;
}

#leftNavigation li.page-item-7 a:active {
	background-position:-79px -38px;
}

#leftNavigation li.page-item-10 a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -193px 0;
	display: block;
	text-indent: -9999px;
	width:109px;
}

#leftNavigation li.page-item-10 a:hover {
	background-position:-193px -19px;
}

#leftNavigation li.page-item-10 a:active {
	background-position:-193px -38px;
}

#leftNavigation li.page-item-12 a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -330px 0;
	display: block;
	text-indent: -9999px;
	width:49px;
}

#leftNavigation li.page-item-12 a:hover {
	background-position:-330px -19px;
}

#leftNavigation li.page-item-12 a:active {
	background-position:-330px -38px;
}

/* -----------END OF HEADER STYLES------------------- */


#home_content {
	background: transparent url(images/bg_main.jpg) repeat-y scroll 0 0;
	margin: 0 auto;
	width: 942px;
}

.top_padding {
	padding-top:4px;
}

.more_top_padding {
	padding-top: 26px;
}

.bottom_padding {
	padding-bottom:4px;
}

#top,#bottom {
	margin: 0 auto;
	width: 870px;
}

#bottom {
	height: 60px;
	line-height: 60px;
}

#bottom p {
	margin-right: 10px;
}

#slideshow {
	background: transparent url(images/home-slide.png) no-repeat scroll 0 0;
	margin: 20px auto;
	height: 120px;
	width: 870px;
}

/* --------------END OF TOP CONTENT------------------ */

#lower {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin: 4px auto;
	width:868px;
	height: 158px;
}

#lower #lower_content {
	border:1px solid #E7E7E7;
	margin:4px;
	padding:0;
}

#lower_content {
	background: transparent url(images/bg_lower.jpg) repeat-x scroll 0 0;
	height: 148px;
	width: 858px;
}

#homerow p {
	font-size: 12px;
	color: #444;
	line-height: 16px;
	margin-top: 10px;
}

#footer-links p {
	font-size: 13px;
	color: #666;
	line-height: 19px;
	margin-bottom: 10px;
}

.home #social-integration dt span {
  background-position:-51px -36px;
  width:38px;
}

.home #branded-content dt span {
  background-position:-51px 0;
  width:38px;
}

.home #consumer-engagement dt span {
  background-position:0 -36px;
  width:42px;
}

.home div.wider dt {
	padding-left: 53px;
}

.home div.oneliner dt {
  line-height:36px;
}

.home dt span {
	background: transparent url(images/icon-spirite.png) no-repeat 0 0;
	display: block;
	height: 36px;
	width: 51px;
	left: 0;
	position: absolute;
}

.home dt {
	font-size: 16px;
	color: #444;
	font-weight: bold;
	min-height: 40px;
	position: relative;
	padding-left: 45px;
}

.home dd {
	font-size: 12px;
	color: #444;
	line-height: 16px;
}

#footer-links h2 {
	font-size: 14px;
	color: #773880;
	margin-bottom: 7px;
}

#footer-links a {
	color: #555;
}

#footer-links a:hover {
	color: #773880;
}

#footer-links span {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-top: 19px;
}

#footer-links li {
	font-size: 13px;
	margin-bottom: 10px;
}

/* --------------END OF LOWER CONTENT------------------ */

#footer {
	border-top:1px solid #aaaaaa;
	width:100%;
}

#footer2 {
  bottom:0;
  height:37px;
  left:0;
  overflow-x:hidden;
  overflow-y:hidden;
  position:absolute;
  width:100%;
  z-index:999;
}

#footer2 a {
	color: #888;
	font-weight: normal;
}

#footer2 a:hover {
	color: #888;
	font-weight: normal;
}

#footer2 .alternate-box, #footer2 div.alternate-box {
	background: #ddd;
}

#footer2 .menu {
	color: #888;
	font-family: "facitweb",sans-serif;
	font-size: 9px;
	font-weight: normal;
	height: 14px;
	line-height: 14px;
	padding-bottom: 12px;
	padding-top: 12px;
}

#footer2 .menu ul, #footer2 .menu ul li {
  list-style-type:none;
  display: inline;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
}

#footer2 .menu ul li {
  float:left;
  display: inline;
  margin-right:15px;
}

#footer-links {
	margin-left: 10px;
}

#footer #footer_content {
	margin:0 auto;
	padding-top:15px;
	width:900px;
}

#footer_content #footer_links {
	float:left;
	padding:2px 0 15px 15px;
	width:870px;
}

#footer_content #footer_links ul {
	margin:0;
	padding:0;
}

#footer_content #footer_links ul li {
	display:inline;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:7pt;
	margin:0;
	padding:0 15px 0 0;
	text-transform:uppercase;
}

#footer_content #footer_links ul li a {
	color:#000000;
	text-decoration:none;
}

p.copyright {
	color:#999;
	font-size:12px;
}

.main_sectional {
	width: 570px;
	border:1px solid #CCCCCC;
	background: #FFFFFF;
	margin-left:36px;
	float: left;
}

.grey_sectional {
	width: 600px;
	margin-left:36px;
	float: left;
}

.full_sectional {
	width: 866px;
	margin-left:36px;
	float: left;
}

#sidebar {
	float: right;
	width: 255px;
	margin-right: 36px;
}
#sidebar_sectional {
	width: 235px;
	height: 27px;
	background: transparent url(images/sidebar_brdr.gif) no-repeat scroll 0 0;
	float: right;
	margin-top: 1px;
	margin-bottom: 14px;
	padding: 16px 0 0 19px;
}

#sidebar_getstarted {
	width: 254px;
	height: 115px;
	background: transparent url(images/sidebar_getstarted.jpg) no-repeat scroll 0 0;
	float: right;
	margin-top: 1px;
	margin-bottom: 14px;
}

#sidebar_getstarted p {
	width: 210px;
	margin: 35px 0 0 18px;
	float: left;
	line-height: 16px;
	font-size: 11px;
}

.sidebar_social,.sidebar_categories {
	width: 254px;
	float: right;
}

.sidebar_social #top {
	width: 100%;
	height: 43px;
	background: transparent url(images/sidebar_social.png) no-repeat scroll 0 0;
}

.sidebar_categories #top {
	width: 100%;
	height: 43px;
	background: transparent url(images/sidebar_categories_top.png) no-repeat scroll 0 0;
}

.sidebar_social #middle,.sidebar_categories #middle {
	background-color: #F2E4FD;
	border-left: 1px solid #B28EB8;
	border-right: 1px solid #B28EB8;
	padding: 5px 1px 0x 1px;
}

.sidebar_social #bottom,.sidebar_categories #bottom {
	width: 100%;
	height: 8px;
	background: transparent url(images/sidebar_social_btm.png) no-repeat scroll 0 0;
}

.sidebar_social #facebook {
	width: 34px;
	height: 24px;
	background: transparent url(images/facebook.png) no-repeat scroll 0 0;
}

.sidebar_social #twitter {
	width: 34px;
	height: 24px;
	background: transparent url(images/twitter-2.png) no-repeat scroll 0 0;
}

.sidebar_social #vimeo {
	width: 34px;
	height: 24px;
	background: transparent url(images/vimeo.png) no-repeat scroll 0 0;
}

.sidebar_social #getstarted {
	width: 34px;
	height: 24px;
	background: transparent url(images/getstarted.png) no-repeat scroll 0 0;
}

.solidBottom_sidebar_item {
	border-bottom:1px solid #B28EB8;
	width:100%;
	font-size: 16px;
	font-weight: bolder;
	padding-bottom: 5px;
	padding-top: 5px;
}

li.cat-item /* outermost list item */ {
	border-bottom:1px solid #B28EB8;
	width:100%;
	font-size: 16px;
	font-weight: bolder;
	padding-bottom: 5px;
	padding-top: 5px;
}

.solidBottom_sidebar_item a, .solidBottom_sidebar_item_last a {
	/* color: #773881; */
	color: #000;
}

.solidBottom_sidebar_item_last {
	border-bottom: none;
	width:100%;
	font-size: 16px;
	font-weight: bolder;
	padding-top: 5px;
}


#request {
	width: 135px;
	height: 24px;
	background: transparent url(images/proposal_btn.jpg) no-repeat scroll 0 0;
	margin: 80px 0px 0 110px;
}


#main_sectional #sectional_header {
	background-color:#F5F5F5;
	padding:24px 15px 10px;
	width:570px;
}

#header_what {
	width: 570px;
	height: 150px;
	background: transparent url(images/what_overview.jpg) no-repeat scroll 0 0;
}

#subnav {
	background:#F5F5F5 none repeat scroll 0 0;
	font-size:12px;
	padding-left:7px;
	position:relative;
	z-index:10;
}

#subnav ul {
	border-left:1px solid #FFFFFF;
	height:27px;
	list-style-type:none;
	padding:0;
	position:relative;
}

#subnav ul li .border {
	border-color:#D7D7D7 #D7D7D7;
	border-style:solid solid none;
	border-width:1px 1px medium;
}

#subnav ul li.on .border {
	border-color:#D7D7D7 #D7D7D7;
	border-style:solid solid none;
	border-width:1px 1px medium;
}

div#subnav ul li {
	margin:0;
	padding:0;
}

div#subnav ul li {
	background:#FDFDFD url(images/bg-subnav.gif) repeat-x scroll 0 0;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	cursor:pointer;
	float:left;
	height:26px;
}

div#subnav ul li a {
	background:#FDFDFD url(/images/bg-subnav.gif) repeat-x scroll 0 0;
	border-color:#FFFFFF #FFFFFF;
	border-style:solid solid none;
	border-width:1px 1px medium;
	color:#5E5E5E;
	display:block;
	height:25px;
	line-height:26px;
	padding:0 6px;
	text-decoration:none;
	z-index:10;
}

#main_sectional #copy {
	background-color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	clear:both;
	color:#6F6F6F;
	font-size:12px;
	line-height:1.4;
	position:relative;
	width:600px;
	z-index:0;
}

#main_sectional #copy #inner_copy {
	background:#FFFFFF none repeat scroll 0 0;
	border-top:1px solid #D7D7D7;
	font-size:12px;
	line-height:18px;
	padding:0 0 0 15px;
	width:585px;
}

#inner_copy h3#services {
	background:transparent url(images/services.gif) no-repeat scroll 0 0;
	height:17px;
	margin-top:20px;
	width:124px;
}

#inner_copy h3#process {
	background:transparent url(images/process.gif) no-repeat scroll 0 0;
	height:17px;
	margin-top:20px;
	width:124px;
}

#inner_copy h3 {
	color:#4F4F4F;
	font-size:13px;
	padding:0 0 3px;
}

#inner_copy .underline-divider {
	border-bottom:1px solid #D9D9D9;
	border-top:1px solid #EEEEEE;
	height:1px;
	line-height:0;
	margin:0 0 23px;
	width:570px;
}

#popular_articles {
	width: 300px;
	margin: 15px;
	float: right;
}

h3#suade_speaks_blog {
	width:127px;
	height: 11px;
	background: transparent url(images/suade_speaks.gif) no-repeat scroll 0 0;
}

#slideshow #right {
	width: 401px;
	height: 209px;
	background: transparent url(images/slideshow_smarter_img.png) no-repeat scroll 0 0;
}

/* main padding */

.maincontent_padding {
        padding: 15px 30px;
}

.sectional_padding {
padding: 15px;
}

.maincontent_margin {
margin: 20px;
}

#commentform {
width: 300px;
}

#comment {
width: 555px;
}

.individual_post {
padding-top: 5px;
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px dotted #ccc;
}

.individual_post a.img {
background: #333;
height: 100px;
width: 150px;
display: block;
}

.nest {
overflow: hidden;
}

.clr {
clear:both;
}

.clr_pad {
clear:both;
padding-bottom: 20px;
}

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

.margb10 {
margin-bottom: 10px;
}

.margb20 {
margin-bottom: 20px;
}

.margb40 {
	margin-bottom: 40px;
}

.margt10 {
margin-top: 10px;
}

.margt20 {
margin-top: 20px;
}

.margt40 {
	margin-top: 40px;
}

.margl20 {
margin-left: 20px;
}

.margl24 {
margin-left: 24px;
}

.margl10 {
margin-left: 10px;
}

.dead_center {
margin: 0 auto;
}

.story {
width: 400px;
}

.cat {
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
display: block;
float: left;
font-size: 10px;
margin-right: 6px;
padding: 2px 7px 1px;
text-transform: uppercase;
}

.post_social {
	height: 49px;
	margin: 15px 0 15px 0;
}

p.meta_top {
font-size: 13px;
}

.excerpt {
	font-size: 14px;
	line-height: 26px;
}

.content {
	font-size: 14px;
	line-height: 26px;
}

p.meta {
font-size: 11px;
padding: 5px 0 5px 0;
border-top: 1px dotted #52117d;
border-bottom: 1px dotted #52117d;
}

p.meta_preview {
font-size: 11px;
}

p.meta_preview a {
color: #777;
}

/* p.founder {
font-size: 13px;
line-height: 16px;
} */

#disqus_thread {
margin-top: 15px;
}

h1#about_header {
background: transparent url(images/about-us.png) no-repeat scroll 0 0;
width: 153px;
height: 24px;
}

h1#ourstory_header a, h1#ourstory_header a:hover {
height: 100%;
width: 100%;
display: block;
border-bottom: 0;
}

h1#ourclients_header {
background: transparent url(images/our-clients.png) no-repeat scroll 0 0;
width: 199px;
height: 28px;
}

h1#ourclients_header a, h1#ourclients_header a:hover {
height: 100%;
width: 100%;
display: block;
border-bottom: 0;
}

h1#workwithus_header {
background: transparent url(images/work-with-us.png) no-repeat scroll 0 0;
width: 230px;
height: 28px;
}

h1#workwithus_header a, h1#workwithus_header a:hover {
height: 100%;
width: 100%;
display: block;
border-bottom: 0;
}

#mainimg {
height: 115px;
}

#founder_img {
	background: transparent url(images/nnamdi.png) no-repeat scroll 0 0;
	height: 250px;
}

#nnamdi_img {
	background: transparent url(images/nnamdi3.jpg) no-repeat scroll 0 0;
	width: 600px;
	height: 269px;
}

#meetthebrains_header {
	width: 100%;
	height: 18px;
	text-align: center;
}

#learnmore {
	height: 60px;
	background: #F2E4FD;
}

#join-the-ranks {
	width: 319px;
	height: 48px;
	margin-left: 30px;
	margin-top: 9px;
	background: transparent url(images/join-the-ranks.png) no-repeat scroll 0 0;
}

#join-the-ranks-lite {
	width: 319px;
	height: 48px;
	margin-left: 10px;
	margin-top: 9px;
	background: transparent url(images/join-the-ranks.png) no-repeat scroll 0 0;
}


#work-with-us {
	width: 207px;
	height: 46px;
	margin-right: 30px;
	margin-top: 6px;
	background: transparent url(images/btn-work-with-us.png) no-repeat scroll 0 0;
}

#work-with-us a, #work-with-us a:hover {
height: 100%;
width: 100%;
display: block;
border-bottom: 0;
}

#whatwedo, #whatclientssay {
	width: 870px;
	height: 19px;
	margin: 20px auto;
}

#whatclientssay {
	margin-top: 40px;
}

.what-we-do {
	width: 870px;
	height: 18px;
	background: transparent url(images/what-we-do.png) no-repeat scroll 372px 0;
}

.what-others-saying {
	width: 870px;
	height: 22px;
	background: transparent url(images/what-others-are-saying.png) no-repeat scroll 323px 0;
}

.thumb_container {
	width: 175px;
}

.client_thumb {
	height: 197px;
	background: transparent url(images/thumb-border.png) no-repeat scroll 0 0;
}

.raheem {
	background: transparent url(images/raheem_spirite.png) no-repeat scroll 0 -197px;
}

.raheem:hover {
	background: transparent url(images/raheem_spirite.png) no-repeat scroll 0 0;
}

.pharell {
	background: transparent url(images/pharell_spirite.png) no-repeat scroll 0 -197px;
}

.pharell:hover {
	background: transparent url(images/pharell_spirite.png) no-repeat scroll 0 0;
}

.qream {
	background: transparent url(images/qream_spirite.png) no-repeat scroll 0 -197px;
}

.qream:hover {
	background: transparent url(images/qream_spirite.png) no-repeat scroll 0 0;
}

.discovery {
	background: transparent url(images/discovery_spirite.png) no-repeat scroll 0 -197px;
}

.discovery:hover {
	background: transparent url(images/discovery_spirite.png) no-repeat scroll 0 0;
}

.ax {
	background: transparent url(images/ax_spirite.jpg) no-repeat scroll 0 -197px;
}

.ax:hover {
	background: transparent url(images/ax_spirite.jpg) no-repeat scroll 0 0;
}

.merck {
	background: transparent url(images/merck_spirite.png) no-repeat scroll 0 -197px;
}

.merck:hover {
	background: transparent url(images/merck_spirite.png) no-repeat scroll 0 0;
}

#get-to-know-us {
	font-size: 14px;
	line-height: 22px;
	margin-left: 15px;
}

#work-with-us-text {
	font-size: 14px;
	line-height: 22px;
}

#get-to-know-us p, #work-with-us-text p {
	margin-bottom: 10px;
}

#get-to-know-us p span {
	color: #222;
}

#get-to-know-us a {
	color: #333;
	font-weight: bold;
	border-bottom: 1px #333 dotted;
}

#get-to-know-us a:hover {
	color: #000;
	border-bottom: 1px #000 dotted;
}

.tk-facitweb {

}