.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

html {
  background-color:#303030;
  color:#b2b2b2;
}

body {
  font-family: helvetica;
}

body.home {
  background:url(../images/home.gif) top center no-repeat;
}

body.team {
  background:url(../images/team.gif) top center no-repeat;
}

body.about {
  background:url(../images/about.gif) top center no-repeat;
}

body.services {
  background:url(../images/services.gif) top center no-repeat;
}

body.clients {
  background:url(../images/clients.gif) top center no-repeat;
}

body.knowledge, body {
  background:url(../images/knowledge.gif) top center no-repeat;
}

body.contact {
  background:url(../images/contact.gif) top center no-repeat;
}

a, a:visited {
  text-decoration:none;
  color:#e21776;
  outline:none;
}

a:hover {
  text-decoration:underline;
}

#main {
  margin: 0 auto;
  width:960px;
  background:none transparent;
  padding-top:1px;
}

#header ul {
  margin:25px 0 0 260px;
}

#header li {
  list-style: none;
  float:left;
}

#header li a {
  color:#fff;
  padding-right:7px;
  margin-right:8px;
  display:block;
  float:left;
  height:28px;
  font-weight:bold;
}

#header li a span {
  display:block;
  line-height:28px;
  padding:0px 0px 0px 8px;
}

#header li a:hover,
#header li.active a,
#header li.current_page_item a, 
#header li.current_page_parent a {
  background:url(../images/navright.gif) no-repeat right top #585858;
  text-decoration:none;
}

#header li a:hover span,
#header li.active a span,
#header li.current_page_item a span,
#header li.current_page_parent a span {
  background:url(../images/navleft.gif) no-repeat left top ;
}

#header li a:hover span.telnum,
#header li a span.telnum {
  display:inline;
  padding:0;
  background:none transparent;
  color:#00cbff;
}

body.about #header li a:hover span.telnum,
body.about #header li a span.telnum ,
body.contact #header li a:hover span.telnum,
body.contact #header li a span.telnum {
  color: #e37222
}

body.clients #header li a:hover span.telnum,
body.clients #header li a span.telnum {
  color: #E21776
}

body.services #header li a:hover span.telnum,
body.services #header li a span.telnum {
  color: #bed600
}

body.team #header li a:hover span.telnum,
body.team #header li a span.telnum {
  color: #FED100
}

#header h2 {
  text-indent:-9999px;
  background:url(../images/home.png) no-repeat 0 0;
  width:132px;
  height:132px;
  margin:33px 0 0 28px;
  float:left;
}

body.about #header h2 ,
body.contact #header h2 {
  background:url(../images/about.png) no-repeat 0 0;
}

body.clients #header h2 {
  background:url(../images/clients.png) no-repeat 0 0;
}

body.services #header h2 {
  background:url(../images/services.png) no-repeat 0 0;
}

body.team #header h2 {
  background:url(../images/team.png) no-repeat 0 0;
}

body.knowledge #side h2,
.side h2 {
  padding-top:30px;
}

.side h2 {
  padding-bottom:10px;
  float:left;
}

body.knowledge #side ul {
  padding-top:10px;
}

#header h1 {
  float:left;
  text-indent:-9999px;
}

#content {
  background:url(../images/contenttop.gif) no-repeat 0 0 #fff;
  color:#333;
  margin-top:35px;
  padding:0 0 30px 28px;
}

body.home #content {
  padding-bottom:0;
}

#content a {
  font-weight:bold;
}


ul.breadcrumb {
  height:16px;
  padding:14px 0 0px 0;
}

body.clients.casestudy {
  padding-bottom:10px;
}

ul.breadcrumb li {
  float:left;
  list-style:none;
  background: url(../images/arrow.gif) no-repeat 0 2px;
  padding-left:9px;
  margin-left:5px;
}

ul.breadcrumb li.first {
  padding:0;
  margin:0;
  background:none;
}


#content div {
  float:left;
}

div.casestudy {
  margin-top:25px;
  border-top:1px solid #ccc;
}

body.services.detail #content div.main div.casestudy h3 {
  padding:15px 0;
}

body.services.detail #content div.main div.casestudy h4 {
  padding-top:0;
}

body.services.detail #content div.main div.casestudy img {
  float:left;
  padding-right:10px;
}

div.cards,
ul.cards li {
  float:left;
  background:url(../images/card.gif) no-repeat 0 0px;
  display:block;
  width:196px;
  height:281px;
  padding:15px 20px 0 15px;
  margin:0;
}


ul.cards {
  margin-top:10px;
}

ul.cards li.r {
  padding-right:0;
}

.cards a {
  color:#333;
}

#content .cards h5 a {
  font-weight:normal;
}

#content div.cards {
  float:right;
  display:inline-block;
  padding-right:0;
  margin-left:20px;
}

div.cards div,
ul.cards li div {
  width:180px;
  height:90px;
  background-color:#ccc;
  margin:8px 0;
  text-indent:-9999px;
}

div.cards ul li,
ul.cards li ul li {
  float:left;
  width:174px;
  height:20px;
  background-image:none;
  background-color:#FED100;
  padding:3px 0 0 5px;
  margin:2px 0;
  font-weight:bold;
  list-style:none;
}

div.cards ul li span,
ul.cards li ul li span {
  font-weight:normal;
  width:150px;
  display:block;
  float:left;
}

body.team #content div.main .cards h4,
body.team #content div.main .cards h5 {
  padding:0;
  margin:0;
}

body.team #content div.main .cards h4 {
  font-size:15px;
}

div.sections {
  border-top: 1px solid #ccc;
  width:910px;
  margin-top:11px;
  padding:28px 0 40px 0;
}

div.section, 
div.section img,
div.section a.more,
div.section div {
  float:left;
}

div.section {
  width:285px;
  padding-right:20px;
}

div.section.knowledge {
  padding-right:0px;
}

div.section div {
  width:128px;
  height:115px;
}

div.section.knowledge div {
  width:auto;
}

div.section img {
  padding-right:20px;
}

div.section h2 {
  font-size:22px;
  font-weight:bold;
  padding-bottom:20px;
}

div.section h4 {
  color:#757575;
  font-weight:bold;
}

div.section a.more {
  background:url(../images/bullet.gif) no-repeat 0 0px;
  padding:0px 0 0 20px;
  margin-top:20px;
}

div.section div p {
  padding-top:5px;
}

body.team dt {
  padding-top:10px;
}

body.team dd,
body.team dt {
  margin:0;
}

body.team ul.social li ,
body.contact ul.social li {
  list-style:none;
  float:left;
  text-indent:-9999px;
}

body.team ul.social li a ,
body.contact ul.social li a {
  display:block;
  width:64px;
  height:64px;
  background:url(../images/social-icons.gif) no-repeat 0 0;
  margin-right:20px;
}

body.team ul.social li a.twitter ,
body.contact ul.social li a.twitter {
  background-position:0 0;
}

body.team ul.social li a.facebook ,
body.contact ul.social li a.facebook {
  background-position:-80px 0;
}

body.team ul.social li a.linkedin ,
body.contact ul.social li a.linkedin {
  background-position:-158px 0;
}


#footer {
  padding-top:30px;
  background:url(../images/contentbottom.gif) no-repeat 0 0 #303030;
}

.side h2,
#side h2 {
  font-size:22px;
}

#side h2 a {
  display:block;
  width:170px;
}

#side {
  width:210px;
}

body.home #side {
  width:180px;
}

#side ul {
  padding-top:30px;
}

#side ul li {
  padding:4px 0;
  border-bottom:1px solid #ccc;
  list-style:none;
  min-height:22px;
  height:auto !important;
  height:22px;
}

#content div.main {
  padding:0 0 30px 20px;
  width:445px;
}

#content div.main p {
  padding:0px 0 7px 0;
  line-height:19px;
}

#content div.main p.curved {
  padding:0px;
  margin-bottom:7px;
  margin-top:-7px;
}

#content div.main ul.summary li ,
#content div.main ul.summary {
  float:left;
}

#content div.main ul.summary li p.curved {
  float:right;
  margin-top:0;
}

body.home #content div.sections p.curved {
  float:left;
  margin-right:20px;
}

body.clients #content div.main p.curved,
body.services #content div.main p.curved {
  margin-bottom:14px;
}

#content div.main h4 {
  padding:8px 0 7px 0;
  font-weight:bold;
  font-size:13px;
  line-height:19px;
}

#content div.main h3 {
  font-weight:bold;
  font-size:18px;
  padding:15px 0 8px 0;
}

#content div.main h2 {
  margin:30px 0 15px 0;
  font-size:24px;
  font-weight:bold;
}

body.team.profile #content div.main div.sectionheading ,
body.contact #content div.main div.sectionheading {
  margin-top:30px;
  border-top:1px solid #ccc;
  width:100%;
}

a.rss {
  text-indent:-9999px;
  background:url(../images/rss-small.gif) no-repeat 0 0;
  float:right;
  width:29px;
  height:29px;
  margin-top:10px;
}

body.team.profile #content div.main h3 ,
body.team.profile #content div.main p.no {
  float:left;
}

/*
body.services.detail #content div.main h3 {
  padding:25px 0 0px 0;
}
*/

body.clients #content div.main h2 {
  margin-bottom:23px;
}

body.clients.overview #content div.main h3 {
  margin-top:23px;
}

body.home #content div.main {
  margin:0 0 0 35px;
}

body.home #content div.main,
#content div.main ul.services {
  float:left;
  width:692px;
}

#content div.side,
#content div.quote {
  float:left;
  width:130px;
  margin:25px 0 0 95px;
  padding-top:45px;
  background:url(../images/aboutquote.gif) no-repeat 0 0;
  line-height:18px;
  color:#666;
}

#content div.side {
  color:#333;
  background-image:none;
  margin:0px 0 0 15px;
  width:212px;
  padding-top:30px;
}

#content div.signup {
  background:url(../images/signup-bottom.gif) no-repeat left bottom #e9e9e9;
  padding:0 0 10px;
}

#content div.signup h3 {
  font-weight:bold;
  font-size:18px;
  padding:15px 20px;
  background:url(../images/signup-top.gif) no-repeat 0 0 #e9e9e9;
}

#content div.signup form, 
#content div.signup p {
  padding:0px 20px 15px;
}

#search,
#content div.signup input {
  border:none; 
  padding:3px;
  width:114px;
}

#search {
  border:1px solid #ccc;
  width:150px;
  margin-right:5px;
}

#content div.signup label {
  width:50px;
  padding-top:2px;
  font-weight:bold;
}

#content div.signup label,
#content div.signup input {
  float:left;
  margin-bottom:15px;
}

#signup {
  background:url(../images/signup.gif) no-repeat 0 0 #e9e9e9;
  text-indent:-9999px;
  height:28px;
  text-transform: capitalize;  /* This is the IE hack :P  */
}

#go {
  background:url(../images/go.gif) no-repeat 0 0 #e9e9e9;
  text-indent:-9999px;
  height:28px;
  width:43px;
  border:none;
  text-transform: capitalize;  /* This is the IE hack :P  */
}

#content div.signup a {
  display:block;
}

#content div.quote blockquote {
  padding-bottom:42px;
  background:url(../images/aboutquote2.gif) no-repeat bottom left;
}

body.clients #content div.quote {
  background:url(../images/clientsquote.gif) no-repeat 0 0;
}

body.clients #content div.quote blockquote {
  background:url(../images/clientsquote2.gif) no-repeat bottom left;
}

body.services #content div.quote {
  background:url(../images/servicesquote.gif) no-repeat 0 0;
}

body.services #content div.quote blockquote {
  background:url(../images/servicesquote2.gif) no-repeat bottom left;
}

body.team #content div.quote {
  background:url(../images/teamquote.gif) no-repeat 0 0;
}

body.team #content div.quote blockquote {
  background:url(../images/teamquote2.gif) no-repeat bottom left;
}

#content div.main cite,
#content div.main cite span,
#content div.main cite a,
#content div.quote cite,
#content div.quote span,
#content div.quote a{
  display:block;
}

#content div.main cite,
#content div.quote cite{
  margin-top:15px;
  font-weight:bold;
  font-style:normal;
}

#content div.quote span{
  font-weight:normal;
}

#content div.main ul.summary {
  margin-top:25px;
}

#content div.main ul.summary li {
  list-style:none;
  width:440px;
  border-top:1px solid #ccc;
  padding:15px 0 35px 0;
  float:left;
}

#content div.main ul.summary li img {
  float:right;
}

#content div.main ul.summary li h3,
#content div.main ul.summary li a,
#content div.main ul.summary li p {
  float:left;
  width:296px;
}

#content div.main ul.summary li a {
  padding-left:25px;
  background:url(../images/bullet.gif) no-repeat 0 1px;
  width:266px;
}

#content div.main ul.summary li h3 a {
  padding-left:0;
  background:none;
  width:296px;
}

body.overview #content div.main ul.summary li h3 {
  margin-top:0px;
  padding: 0 0 8px 0;
}

#content div.main ul.services li {
  list-style:none;
  float:left;
  margin:0 20px 22px 0;
  /* background:url(../images/homeservice2.gif) no-repeat bottom left; */
  background-color:#ccc;
}

#content div.main ul.services li.end {
  margin-right:0px;
}

#content div.main ul.services li a {
  background:url(../images/homeservice3.gif) no-repeat 0 0;
  color:#fff;
  padding:10px 14px 0px 10px;
  width:187px;
  height:110px;
  font-size:16px; 
  /* font-weight:normal; */
  display:block;
  float:left;
}

#footer h2 {
  font-size:22px;
  padding: 0px 0px 5px 28px;
}

p.latesttweet {
  height:80px;
  width:445px;
  background:url(../images/speechbubble.gif) no-repeat 0 0;
  padding:30px 30px 0px 28px;
  float:left;
}

p.latesttweet a.follow {
  display:block;
  padding-top:5px;
}

ul.logos {
  float:right;
  background:url(../images/footerlogos.gif) no-repeat 0 0;
  width:400px;
  height:96px;
}

ul.logos li {
  text-indent:-9999px;
  list-style:none;
}

p.copyright a, p.copyright a:visited {
  color:#b2b2b2;
}

#credits p {
  float:left;
  padding:11px 0 0 28px;
  margin-top:75px;
  width:512px;
}

#credits p.copyright {
  font-size:11px;
  width:340px;
  padding-top:0;
}

.post-summary img.photo {
  float:left;
  margin-right:15px;
}

.post-summary.categories {
  padding-top:12px;
}

.post-summary div.details ul li {
  list-style:none;
}

.post-summary,
.post-summary div.details {
  width:100%;
  padding-bottom:20px;
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
}

.post-summary{
  margin-bottom:0;
}

a.continue {
  display:block;
}

body.knowledge #content h2 a {
  color:#333;
}


ul.commentlist, ul.commentlist li {
  list-style:none;
  float:left;
  width:100%;
}

div.bodytxt ul li ,
div.bodytxt ol li {
  margin-left:20px;
  padding-left:5px;
}

div.bodytxt ol ,
div.bodytxt ul {
  margin-bottom:15px;
}

div.bodytxt ul ul,
div.bodytxt ol ul,
div.bodytxt ul ol,
div.bodytxt ol ol{
  margin-bottom:0;
}

div.bodytxt img.alignnone ,
div.post-summary img.alignnone {
  display:block;
}

div.bodytxt img.alignleft ,
div.post-summary img.alignleft {
  float:left;
}

div.bodytxt img.alignright ,
div.post-summary img.alignright {
  float:right;
}

strong,b {
  font-weight:bold;
}

div.commentauthor-img{
  height:70px;
  width:70px;
}

div.commenttext {
  width:350px;
}

div.commentmetadata {
  font-weight:bold;
}

div.commentauthor {
  padding-bottom:10px;
}

div.comment_top {
  padding-bottom:20px;
}

#commentform form {
  background:url(../images/comment-top.gif) no-repeat 0 0 #e9e9e9;
  padding:25px 5px 5px 25px;
  width:410px;
}

#commentform {
  background:url(../images/comment-bottom.gif) no-repeat left bottom;
  padding-bottom:10px;
}

#commentform textarea, #commentform input {
  padding:2px;
  width:280px;
  border:none;
  margin-bottom:10px;
}

#commentform label {
  float:left;
  display:block;
  width:100px;
  font-weight:bold;
}

#submit {
  background:url(../images/submit-comment.gif) no-repeat 0 0;
  width:100px;
  height:28px;
  margin-left:100px;
  text-indent:-9999px;
font-size: 0px;
display:block;
line-height: 0px;
}


div.recent li {
  list-style:none;
  padding-bottom:10px;
  float:left;
}

#content div.signup p.error {
  display:none;
  padding:0 20px 4px 0;
  color:#E21776;
}