/*

Suade Theme 2010

*/

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

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td {
	margin:0;
	padding:0;
}

/* 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-5  { width: 180px;}
.span-5-6 { width: 190px;}
.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-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-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-23 { width: 900px;}
.span-24 { width: 940px; }
.span-25 { width: 208px;} /* SIDEBAR */
/* GRID */

.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;
}

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

a.img:hover {
border: 0;

}

a:hover {
color: #7d09c3;
border-bottom: 1px dotted #555;
}

/* floats */

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

/* widths */

.width_main {
width:900px;
}

body {
	color:#333;
	font-family:arial,Helvetica,sans-serif;
	font-size:11pt;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:24px;
	margin: 0;
	padding: 0;
}

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

#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: 500px;
	height:19px;
	margin-top: 75px;
}

#leftNavigation li {
	position:relative;
}

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

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

#leftNavigation li#home a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll 0 0;
	width:51px;
}

#leftNavigation li#home a:hover {
	background: transparent url(images/nav_spirite.png) no-repeat scroll 0 -19px;
	width:51px;
}

#leftNavigation li#home a:active {
	background: transparent url(images/nav_spirite.png) no-repeat scroll 0 -38px;
	width:51px;
}

#leftNavigation li#about a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -79px 0;
	width:86px;
}

#leftNavigation li#about a:hover {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -79px -19px;
	width:86px;
}

body.suade-story #leftnavigation li#about a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -79px -38px;
	width:86px;
}


#leftNavigation li#clients a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -193px 0;
	width:109px;
}

#leftNavigation li#clients a:hover {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -193px -19px;
	width:109px;
}

#leftNavigation li#clients a:active {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -193px -38px;
	width:109px;
}

#leftNavigation li#blog a {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -330px 0;
	width:49px;
}

#leftNavigation li#blog a:hover {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -330px -19px;
	width:49px;
}

#leftNavigation li#blog a:active {
	background: transparent url(images/nav_spirite.png) no-repeat scroll -330px -38px;
	width:49px;
}

/* -----------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;
}

.bottom_padding {
padding-top:4px;
}

#top {
margin: 0 auto;
	height: 264px;
	width: 870px;
}
#slideshow {
	background: transparent url(images/bg_slide1.jpg) no-repeat scroll 0 0;
	margin: 0 auto;
	height: 264px;
	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;
}

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

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

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

#footer_content #footer_links {
	float:left;
	padding:2px 0 0 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;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	list-style-type:none;
	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:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-transform:uppercase;
}

.main_sectional {
	width: 570px;
	border:1px solid #CCCCCC;
	background: #FFFFFF;
	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;
}

#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;
}

.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;
}

.margt10 {
margin-top: 10px;
}

.margt20 {
margin-top: 20px;
}

.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: 11px;
}

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#ourstory_header {
background: transparent url(images/ourstory.jpg) no-repeat scroll 0 0;
width: 241px;
height: 60px;
}

h1#ourstory_header a, h1#ourstory_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;
}

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

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