/*
Theme Name: Ribot Blog 2010 Custom Theme
Theme URI: http://ribot.co.uk/
Description: The default theme for ribot blog.
Author: Ribot
Version: 1.0

Not for reuse
*/
/* @group CSS Libraries */
/* @group html5doctor.com Reset Stylesheet */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}  
body {
	line-height: 1;
	-webkit-font-smoothing: antialiased
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	background: transparent;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	border-top: 1px solid #cccccc;
	border: 0;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
/* @end */

/* @group Fonts reset */
/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
*/
body { 
	font:13px/1.231 sans-serif; 
	*font-size:small; 
}

table {
	font-size: inherit;
	font: 100%;
}
/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
/* @end */

/* @group Base styles */
body, select, input, textarea {
	color: #333;
}
a:hover, a:active {
	outline: none;
}
a, a:active, a:visited {
	color: #607890;
}
a:hover {
	color: #036;
}
ul {
	margin-left: 30px;
}
ol {
	margin-left: 30px;
	list-style-type: decimal;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
td, td img {
	vertical-align: top;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
pre {
	padding: 15px;
	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  	white-space: pre; /* CSS2 */
  	white-space: pre-wrap; /* CSS 2.1 */
  	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  	word-wrap: break-word; /* IE */
}
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button {
	cursor: pointer;
}

/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* always force a scrollbar in non-IE */
html {
	overflow-y: scroll;
}
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	width: auto;
	overflow: visible;
}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/* @end */
/* @group Non-semantic helper classes */
/* for image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	/*
IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* >> The Magnificent CLEARFIX << j.mp/phayesclearfix */
.clearfix:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }

/* @end */
/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}
/* @end */

/* @group Site wide elements */

/* @group Tag defaults */
body {
	max-width: 90em;
	margin: 0 auto;
	text-align: left;
	background: url("images/widescreen_bg.png");
}
p, ol li, ul li, blockquote, q {
	font-size: 123.1%;/* 16px */
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	word-wrap: break-word;
 	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	/* line height is 23pt */
}
ol, ul {
	margin-bottom: 1.84em;
}
ol li, ul li {
	margin: 0 0 0.75em 0;
}
table {
	margin: 0 0 1.84em 0;
	font-size: 123%;
}
td, th {
	line-height: 1.2em;
	padding: 0.15em 1em;
}
tr {
	padding: 0 0.15em;
}
blockquote, q {
    color: #757575;
    margin-left: 3em;
    margin-right: 3em;
}
cite {
    display: block;
    text-align: right;    
}
cite:before {
    content: '- ';
}
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/league_gothic-webfont.eot');
	src: local('☺'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#webfontzCHyigjs') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6, nav li, time, .time, #tweets .footer a, #contact .tel, #contact .email, .copyright, #site-header nav a, #news-item .submitBtn, #news-item label, #homepage-content #news .section-header p, .more-posts .section-header p, .view-all a, .splash-promo, #meet-the-team .job-role, #meet-the-team .follow-link a, #projects article h2, #projects .showText span, #tweets .error p, #services header {
	font-family: "LeagueGothicRegular","Helvetica Neue Condensed Bold","Calibri",arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	word-wrap: break-word;

}
#splash h2, .section-header h2, #site-header nav a, .splash-promo, .section-header p, #tweets .footer a, #contact .email, .copyright, .view-all a, nav li, #comments h2, #comment-form h2, #comments h3, #comment-form label, .submitBtn, #meet-the-team .follow-link a, #projects article h2, #projects .showText span, #tweets .error p, #services h2, #services h3 {
	text-transform: uppercase;
}

h3 {
	font-size: 169%;
	line-height: 1.09em;
	margin: 0.54em 0;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #333;
}
h2 a:hover, h3 a:hover {
	color: #64AE47;
}

a:link, a:visited {
	text-decoration: none;
	color: #599A3E;
}
a:hover, a:active, .selected a {
	text-decoration: none;
	color: #32592D;
}
/* @end */
/* @group Resuable elements */
p.thumbnail {
	margin: 0.885em 0;	
}

/* @group Container background with top border */
#latest, #archive-page, #the-team, #error404, #services {
	background-color: #EFEEEB;
	border-top: 2px solid #ddd;
}

/* @end */

/* @group Section headers */
.section-header h2 {
	font-size: 246%;/*32*/
	line-height: 1.125em;
	padding: 0.3125em 0;
	margin-left: 2.3em;
	color: #FFF;
}
.section-header {
	background-position: 1em 50%;
	background-repeat: no-repeat;
}
/* @end */

/* @group "View more" footers and headers */
#homepage-content #news .section-header p, .more-posts .section-header p {
	display: none;
}
#tweets .footer, .read-more {
	display: block;
	padding: 1.769em 0;	
}
.follow-link, .view-all {
	background-color: #BFBEBB;
	margin: 0 auto;
	width: 90%;
	text-align: center;
}
#news .read-more-icon, #more-news .read-more-icon, #more-articles .read-more-icon {
	background-color: transparent;
	width: auto;
	padding: 0 0.5em 0 0;
	box-shadow: none;
	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
}
.follow-link a, .view-all a {
	color: #666;
	font-size: 161.6%;/* 21px */
	display: block;
	line-height: 1.09em;
	padding: 0.24em 0;
}

/* @end */


/* @group Flexible images */
#news img, #news-item img, #latest img, .more-posts img, #post-archive img, .popular-posts img, #the-team img, #projects .main-image, #error404 img, .project-splash .main-image {
	max-width: 98%;
	box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
  	-webkit-box-shadow: 1px 1px 2px #ccc;
	height: auto;
	padding: 1%;
	background-color: #FFF;
}
iframe {
	max-width: 100%;
}
.ie7 iframe {
	width: 100%;
}
.ie6 #news img, .ie6 #news-item img, .ie6 #latest img, .ie6 .more-posts img, .ie6 #post-archive img, .ie6 .popular-posts img, .ie6 #the-team img {
	padding: 0;
	width: auto;
}
#news .wp-smiley, #news-item .wp-smiley, #latest .wp-smiley, .more-posts .wp-smiley, #post-archive .wp-smiley, #the-team .ribot_paragraph, #projects .main-image, #error404 img, .project-splash .main-image {
	padding: 0;
	width: auto;
	box-shadow: none;
	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
  	background-color: transparent;
}

/* @end */
/* @group Comments and social media footer */
.post-footer {
	display: block;
	padding: 0 0 1.769em 0;	
}
.post-footer p.comments {
	float: left;
	background: url(images/comment_triangle.png) no-repeat center 0;
	padding: 9px 0 0 0;
	display: block;
	margin: -12px 1em 0 0;
}
.post-footer .comments a {
	display: block;
	background-color: #CCCBC8;
	font-size: 138.46%;/* 18px */
	line-height: 0.857em;
	text-align: center;
	color: #666;
	padding: 0.3em 0.5em;
}
.post-footer .social-media {
	float: left;
	margin-bottom: 0;
}
.edit-post {
	display: block;
	clear: both;
	text-align: left;
	color: #c4c4c4;
}
.edit-post a:link, .edit-post a:visited {
	color: #c4c4c4;
	text-decoration: underline;
}
.edit-post a:hover {
	color: #3c3b3b;
}
/* @end */

/* @group More posts, popular posts, related posts */
/* These have a range of potential views, listed below.

The designs are as follows:

A - plain list of links
B - vertical list with images
C - sidebar, no images
D - 3 column horizontal list
E - sidebar with images

- id/class of list - page list can be found on - 1 col design - 2 col - 3 col -

- #more-articles/.more-posts - latest - B - D - E -
- #more-news/.more-posts - latest - B - D - E -
- #more-articles/.more-posts - single article - A - D - D -
- #more-news/.more-posts - single news - A - D - D -
- #popular-news/.popular-posts - news - B - C - E -
- #popular-articles/.popular-posts - articles - B - C - E -
- #related-posts - single news/single article - A - C - E -

*/
/* @group Green background w/image, used in B, C, D */
.more-posts .section-header, .popular-posts .section-header {
	background-color: #5FA841;
	background-image: url(images/current_news_icon.png);
	background-position: 1.615em 50%;
}
/* @end */
/* @group A: Simple List, no images nor footers with #related-posts */
#related-posts {
	margin-bottom: 1.769em;
	padding: 1px 0;
}
#related-posts h2 {
	margin: 0.525em 0 0 0;
}
#related-posts .article-header time {
	display: none;
}
#related-posts h3 {
	font-size: 184.61%;/* 24px */
	line-height: 1.166em;
	margin: 0.375em 0;
}
#related-posts img {
	display: none;
}
#related-posts footer {
	display: none;
}
/* @end */
/* @group B: List with images and footers with .more-posts, .popular-posts */
.more-posts, .popular-posts {
	background-color: #EFEEEB;
}
.more-posts .section-header h2, .popular-posts .section-header h2 {
	margin-left: 2.78em;
	margin-right: 0.5em;
}
.more-posts article, .popular-posts article {
	width: 90%;
	display: block;
	padding: 0 5%;
}
/* @end */




/* @end */



/* @group Breadcrumbs */
.breadcrumbs {
	list-style-type: none;
	padding: 0;
	margin: 1.769em 0 1.769em 0;
}
.breadcrumbs li {
	padding-top: 0;
	background: transparent url(images/newer_posts_arrow.png) left center no-repeat;
	padding-left: 1.5em;
	margin: 0;
	display:inline-block;
}
.breadcrumbs .first {
	background: transparent;
	padding-left: 0;
}
.breadcrumbs a, .breadcrumbs span {
	font-size: 162.5%;/* 26px */
	line-height: 1.15em;
	display: block;
	margin: 0 0.5em 0 0;
	padding: 0.3em 0;
}
.breadcrumbs .current-page a, .breadcrumbs .current-page span {
	color: #5E5E5D;
}
.ie .breadcrumbs a, .ie .breadcrumbs span {
	padding: 0;
}
/* @end */

/* @group Pagination */
.pagination {
	padding: 0;
	margin: 1.615em 0;
}
.pagination li {
	display: inline-block;
	margin-right: 1em;
	background-color: #CCCBC8;
}
.pagination .older-posts {
	padding: 0 0 0 1em;
}
.pagination .newer-posts {
	padding: 0 1em 0 0;
}
.pagination a {
	font-size: 1.615em;/* 26px */
	line-height: 1.769em;
	color: #666;
	display: block;
	background-repeat: no-repeat;
}
.pagination .older-posts a {
	background-image: url(images/older_posts_arrow.png);
	background-position: left center;
	padding-left: 1em;	
	padding-right: 1em;
}
.pagination .newer-posts a {
	background-image: url(images/newer_posts_arrow.png);
	background-position: right center;
	padding-left: 1em;	
	padding-right: 1em;
}
.ie .pagination a {
	padding-top: 0;
}

/* @end */
/* @group Time and title reused for article titles */
#homepage-content #news time, #key-post time, #latest-posts time, #post-archive time, .more-posts time, .popular-posts time, #news-item time  {
	font-size: 153.85%;/* 20px */
	line-height: 1.15em;
	margin: 1.15em 0 0 0;
	color: #999;
	display: block;
}
#homepage-content #news h3, #key-post h2, #latest-posts h2, #post-archive h2, .more-posts h3, .popular-posts h3, #news-item .core-content h2 {
	font-size: 200%;/* 26px */
	line-height: 1.38em;
	margin-top: 0.19em;
	margin-bottom: 0.19em;
}
/* @end */

/* @end */


/* @end */



/* @group Header */
#site-header {
	background-color: #EFEEEB;	
}
#site-header hgroup {
	background: url(images/header_bg.png) repeat bottom left;
	width: 100%;
	height: 6.30em;
}
#site-header .blog-title {
	background: url(images/ribot_logo.png) no-repeat 50%;
	font-size: 400%;/*52px*/
	margin: 0;
	padding: 0;
	line-height: 1.15em;
}
#site-header .blog-title a {
	display: block;
}
#site-header .blog-subtitle {
	background: url(images/interface_innovation.png) no-repeat 50%;
	height: 2.384em;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-size: 100%;
}
#site-header ul {
	margin: 1em 0 1em 0;
	display: block;
	text-align: center;
}
#site-header ul li {
	margin: 0;
	font-size: 200%;/* 26 */
	line-height: 1.32em;
	display: inline-block;
	*display:inline;
}
#site-header a {
	padding: 0 0.5em;
	margin: 0;
}
/* @end */
/* @group Footer */
.site-footer {
	background-color: #325A2E;
	clear: left;
}
#contact {
	background-color: #325A2E;
}
#contact header {
	background: #5FA841 url(images/contact_icon.png) 1em 50% no-repeat;
}
.site-footer h2 span {
	display: none;
}
.vcard {
	padding: 1px;
}
.vcard .fn {
	display: none;
}
#contact .tel, #contact .email {
	font-size: 184%;/*24px*/
	width: 90%;
	background-color: #5FA841;
	text-align: center;
	margin: 1em auto;
	color: #FFF;
	line-height: 1.9em;
}
#contact a {
	color: #FFF;
}
#contact a:hover {
	color: #325A2E;
}
#contact .tel span {
	font-family: Arial, sans-serif;
	font-weight: bold;
}
#contact h3 {
	margin: 0 0.5em;
	color: #FFF;
	font-size: 161.6%;/*21px*/
	line-height: 1.095em;
	margin-bottom: 0.547em;
}
#contact .adr {
	width: 90%;
	margin: 1.769em auto;
	color: #FFF;
}
#contact .adr p {
	font-size: 	138.5%;/*18px*/
	line-height: 1.667em;
	margin: 0 0.5em;
}
#map {
	background: #FFF;
}
#map header {
	background: #77C85E url(images/map_icon.png) 1.6em 50% no-repeat;
}
.map {
	width: 100%;
	height: 20em;
	display: block;
	background: #E2E1DE url(images/studio_map.png) no-repeat 50% 50%;
} 
.copyright {
	text-align: center;
	font-size: 161.6%;/*21px*/
	line-height: 1.19em;
	padding: 0.5em 0;
	margin: 0 auto;
	background-color: #5FA841;
	color: #325A2E;
}
.copyright img {
	margin-right: 0.3em;
	border: none;
}
/* @end */

/* @group Sections */

/* @group Homepage */
#homepage-content {
	background-color: #EFEEEB;	
}
#homepage-content time {
	font-size: 123.1%;/* 16 */
	display: block;
}
#homepage-content h3 {
	font-size: 161.6%; /* 21px */
}

/* @group Splash */
#splash, #splash article {
	width: 100%;
	height: 41.615em;
}
#splash article {
	position: absolute;
	display: none;
	width: 100%;
	background-color: #00fffe;
	overflow: hidden;
	text-align: center;
	z-index: 0;
}
#splash .content, #splash .image {
	padding-top: 1.615em;
}
.splash-promo, #splash .content-description, #splash article, #splash .next-and-previous, .tabs {
	display: none;
}
#splash article.current {
	display: block;
}

/* @group Project only */
.project-splash h2 {
	font-size: 246%;/*32px*/
	line-height: 1.125em;
	margin: 0.515em 0.5em;
}
.project-splash h2 a, .project-splash p {
	color: #FFF;
}
.project-splash.dark h2 a, .project-splash.dark p {
	color: #333;
}
.project-splash .image {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
/* @end */
/* @group Team only */
.team-splash h2 {
	font-size: 461.53%;/*60px*/
	line-height: 1.05em;
	margin: 0.35em 0;
}
#splash .team-splash h3 {
	font-size: 230%;/*30px*/
	line-height: 1.4em;
	margin: 0.7em 0;
}
/* @end */
/* @end */



/* @group Latest */
#homepage-content #news .section-header {
	background-color: #77C85E;
	background-image: url(images/current_news_icon.png);
}
#homepage-content #news article {
	margin: 0 0.5em;
}
/* @end */

/* @group Tweets */
#tweets .section-header {
	background-color: #5FA841;
	background-image: url(images/twitter_icon.png);
}
#tweets {
	background-color: #E3E2DF;	
}
.tb_tweet {
	padding: 1.769em;
}
.tb_tweetlist .tb_tweet:nth-child(even) {
	background-color: #D7D6D3;
}
#tweets h3 {
	padding: 0 0 0 3em;
	margin-top: 0;
	margin-bottom: 0.38em;
	line-height: 1em;
}
#tweets .tb_msg {
	margin: 0 0 0.2em 0;
}
#tweets .time {
	font-size: 138.5%;/* 18px */
	line-height: 1.277em;
	margin: 0;
	color: #999;
	padding-left: 3.944em;
}
.tb_msg {
	padding-left: 4.4375em;
}
#tweets img {
	float: left;
	margin: 0 1.769em 0 0;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
}
#tweets .footer {
	background-color: #D7D6D3;
}
#tweets .follow-icon {
	font-family: Arial, sans-serif;
	font-weight: bold;
}
#tweets .error {
	text-align: center;
	background-image: url(images/no_tweets_error.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	padding-top: 111px;
	margin-top: 3.53em;
}
#tweets .error p {
	color: #BFBEBB;
	font-size: 200%;/*26px*/
}
/* @end */

/* @end */

/* @group News/Article single page */
#news-item {
	background-color: #EFEEEB;
	border-top: 1px solid #ddd;
	padding: 1px 4% 1.615em 4%;
}
#news-item .section-header {
	padding-left: 0;
}
#news-item .section-header h2 {
	color: #333;
	
}
#news-item .core-content time {
	font-size: 161.6%;/* 21px */
	line-height: 1em;
	margin: 1em 0 0 0;
}
#news-item .core-content h1 {
	font-size: 307.692%;/* 40px */
	line-height: 1.15em;
	margin: 0 0 0.575em 0;
}
#news-item-footer {
	height: 3.231em;
}
.twitter-share-button {
	vertical-align: top;
}
/* @group comments */
#comment-form {
	padding: 1px 0;
}
#comment-section h2 {
	margin: 0.766em 0;
}
#comment-form label {
	font-size: 187.5%;/* 30px */
	line-height: 1.133em;
	margin: 0.2em 0;
	display: block;
	color: #666666;
}
#comment-form .submitBtn {
	font-size: 162.5%;	/* 26px */
	line-height: 1.5em;
	background-color: #CCCBC8;
	margin: 0 auto 0.885em auto;
}
#comment-form input {
	font-family: Arial, sans-serif;
	font-size: 200%;/*28px*/
}
#news-item textarea {
	font-family: Arial, sans-serif;
	font-size: 100%;
}
#comment-form input, #comment-form textarea {
	color: #666;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	border: 2px solid #CCCBC8;
}
#comment-form .submitBtn {
	width: 50%;
	border: 2px solid #CCCBC8;
	padding-left: 0;
	padding-right: 0;
}
#comment-form form {
	margin-bottom: 1.769em;
}
.comment {
	margin-left: -8px;
	padding-left: 8px;
	background: url(images/comment_triangle_grey.png) no-repeat 0 2.5em;
}
.byuser {
	background: url(images/comment_triangle_green.png) no-repeat 0 2.5em;
}
.comment header, .comment .content {
	background-color: #CCCBC8;
}
.comment header {
	padding: 1px 1.615em 1px 1.615em;
	margin: 1.615em 0 0 0;
}
.comment .content {
	padding: 1px 1.615em 0.8075em 1.615em;
	margin: 0 0 1.615em 0;
}
.byuser header, .byuser .content {
	background-color: #5FA841;
}
.comment h3 {
	color: #666;
	font-size: 230.76%;/*30px*/
	line-height: 1.133em;
	margin: 0.766em 0 0 0;
}
.comment h3 a {
	color: #666;
}
#comments .comment img {
	width: auto;
	border: none;
}
#news-item .comment p {
	margin: 0.8075em 0;
}
#news-item .comment time {
	margin: 0;
}
.byuser h3 a, .byuser h3, .byuser p, #news-item .byuser time {
	color: #EFEEEB;
}
/* @end */

/* @end */

/* @group Latest and Archive */
#key-post article, #latest-posts article, #post-archive article {
	margin-bottom: 1.615em;
	padding: 1px 0;
}
#key-post, #latest-posts, #post-archive {
	padding: 0 4%;
}
#latest #article4 {
	display: none;
}
#archive-page .news #article-header h2 {
	margin-bottom: 0.575em;
}
#key-post #article1 footer, #latest-posts #article1 footer, #post-archive article footer {
	border-bottom: 2px solid #DDD;
}
#post-archive .last footer {
	border-bottom: none;
}
/* @end */

/* @group The team */

#the-team h1 {
	font-size: 307.7%;/* 40px */
	line-height:1.15em;
	margin: 1.15em 4% 0.575em 4%;
	text-transform: uppercase;
}

/* @group The team members */
#meet-the-team {
	padding: 0 4%;
}
#meet-the-team article {
	margin-bottom: 3.54em;
	position: relative;
	opacity: 1;
}
#meet-the-team article.fade {
	opacity: 0.5;
}
#meet-the-team img {
	float: left;
	padding: 6px;
	margin-bottom: 0.88em;
}
#meet-the-team .headline {
	position: relative;
}
#meet-the-team .fade img, #meet-the-team .unselected img {
	background-color: #FFF!important;
}
#meet-the-team h3 {
	font-size: 169.23%;/* 22px */
	line-height: 1.04em;
	margin-left: 6.681em;
	margin-right: 0.52em;
	margin-bottom: 0.26em;
}
#meet-the-team .job-role {
	font-size: 153.85%;/* 20px */
	line-height: 1.15em;
	margin-left: 7.3em;
	color: #999;
}
/* @group Hidden content */
#meet-the-team .description {
	position: absolute;
	padding: 26px 0 1px 0;
	background-repeat: no-repeat;
	background-position: top center;
	display: none;
}
#meet-the-team .pressed .description {
	display: block;
	z-index: 3000;

}
#meet-the-team p, #meet-the-team a {
	color: #FFF;
}
#meet-the-team .content {
	padding: 1.769em 1.769em 1px 1.769em;
}
#meet-the-team .follow-link {
	background-color: transparent;
}
/* @end */
/* @end */

/* @group About */
#about {
	background-color: #E3E2DE;
}
#about .section-header {
	background-color: #5FA841;
	background-image: url(images/about_icon.png);
	background-position: 1.615em 50%;
	margin-bottom: 1.769em;
}
#about h2 {
	margin-left: 2.46em;
}
#about .content {
	padding: 1px 4% 1.769em 4%;
}
#the-team .ribot_paragraph {
	float: left;
	margin-right: 0.88em;
}
/* @end */
/* @end */

/* @group Projects */
#projects article {
	color:#FFF;
	text-align: center;
	padding: 1.769em 2% 1.769em 2%;
}
#projects header {
	margin: 0 auto 1.769em auto;
}
#projects article h2 {
	font-size: 246%;/* 32px */
}
#projects .breadcrumbs {
	text-align: left;
}
#projects .content a {
	color: #8ff365;
}
/* @group Download button */
#projects .download-button {
	display: inline-block;
	margin-right: 1em;
	background-color: #5FA841;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 3.5em;
}
#projects .download-button a {
	height: 3.5em;
	display: block;
}
.ie6 #projects .download-button, .ie7 #projects .download-button { 
	display: inline;
}
#projects .ios {
	background-image: url(images/apple_logo.png);
}
#projects .ovi {
	background-image: url(images/ovi_logo.png);
}
#projects .windows {
	background-image: url(images/windows_logo.png);
}
#projects .android {
	background-image: url(images/android_icon.png);
}
#projects .hideText {
	width: 3.5em;
}
#projects .hideText span {
	display: none;
}
#projects .showText {
	text-decoration: none;
	background-position: 0 50%;
}
#projects .showText span {
	color: #FFF;
	font-size: 153%;/* 24px */
	height: auto;
	line-height: 1em;
	margin: 0.66em 0.5em 0 2.16em;
	width: auto;
	display: block;
}
/* @end */
/* @end */

/* @group Services */
#services {
	padding: 0 4% 1.846em 4%;	
}
#services h2 {
	font-size: 307.7%;/* 40px */
	line-height: 1.15em;
	margin: 1.15em 0 0.575em 0	;
}
/* @group How we work */
#how-we-work article {
	margin-bottom: 1.846em;
	text-align: center;
	padding: 1px 0;
}
#how-we-work header {
	text-align: left;
}
#how-we-work p {
	text-align: left;
}
#how-we-work header span, #how-we-work h3 {
	display: inline;
	font-size: 246.15%;/* 32px */
	line-height: 1.5em;
}
#how-we-work header span {
	background-color: #5fa841;
	color: #FFF;
	padding: 0 0.45em;
	margin-right: 0.45em;
}
#how-we-work img {
	margin: 0.92em 0;
	
}
/* @end */



/* @group 404 error */
#error404 {
	text-align: center;
}
#error404 h1 {
	font-size: 307.7%;/* 40px */
	line-height: 1.06em;
	margin: 0.2875em 0;
	text-transform: uppercase;
}
#error404 h2 {
	font-size: 230.769%;/* 30px */
	line-height: 1.133em;
	margin: 0.2em 0;
	text-transform:uppercase;
}

/* @end */

/* @end */

/* @end */

/* @group Media queries */

@media screen and (min-width: 42.85em) {

/* @group Site-wide elements */
/* @group Reusable elements */

/* @group "View more" footers and headers */

#homepage-content #news .section-header h2, .more-posts .section-header h2 {
	float: left;
}
#homepage-content #news .section-header p, .more-posts .section-header p {
	float: right;
	font-size: 161.538%;/* 21px */
	line-height: 1em;
	margin: 0.85em 0.619em 0 0;
	padding-right: 18px;
	background: url(images/menu_arrow_dark.png) no-repeat right center;
	display: block;
}
#homepage-content #news .section-header a, .more-posts .section-header a {
	color: #325A2E;
}
#homepage-content #news .read-more, .more-posts .read-more {
	display: none;
}	
	
/* @end */

/* @group More posts, popular posts, related posts */
	/* ---- More posts - Green background w/image, used in B, C, D */
	#related-posts .section-header {
		background-color: #5FA841;
		background-image: url(images/current_news_icon.png);
		background-position: 1.615em 50%;
	}
	/* 
	/* ---- More posts - C: Sidebar, no images with #related-posts (inherits from A), .popular-posts (B) */
	#related-posts {
		margin-top: 1.615em
	}
	.popular-posts {
		margin-top: 8.769em;
	}
	.popular-posts article, #related-posts article {
		width: 100%;
		padding: 1px 0;
		margin: 0;
		clear: both;
	}
	.popular-posts .section-header, #related-posts .section-header {
		margin-bottom: 0;
	}
	#news-item #related-posts .section-header h2 {
		color: #FFF;
		margin: 0 0.5em 0 2.78em;
	}
	#related-posts time, .popular-posts time {
		margin: 1.27em 0 0 0;
	}
	.popular-posts article, #related-posts article {
		background-color: #E3E2DF;
	}
	.popular-posts article:nth-child(even), #related-posts article:nth-child(even), .ie8 .popular-posts #article2, .ie8 #related-posts #article2, .ie8 .popular-posts #article4, .ie8 #related-posts #article4 {
		background-color: #D7D6D3;
	}
	.popular-posts .article-header, #related-posts .article-header {
		margin: 0 5%;
	}
	#popular-news img, #popular-articles img, #related-posts img {
		display: none;
	}
	.popular-posts footer, #related-posts footer {
		display: none;
	}
	
	/* ---- D: 3 column view - #latest .more-posts (B), single .more-posts (A) */
	.more-posts {
		clear: both;
	}
	.more-posts .content {
		padding: 0 1%;
	}
	.more-posts article {
		float: left;
		width: 31.33%;
		margin: 0 1%;
		text-align: center;
		padding: 0;
	}
	.more-posts header {
		text-align: left;
	}

	/* ---- Shared elements for sidebar */
	/* ----- Floating right element, used in C, E */
	#related-posts, .popular-posts {
		float: right;
		width: 33%;
		clear: none;
		background-color: #E3E2DF;
	}
	#related-posts .article-header time, #popular-news time, #popular-articles time  {
		font-size: 138.46%;/* 18px */
		line-height: 1.27em;
		color: #999;
		display: block;
		margin-right: 5%;
	}
	#related-posts h3, #popular-news h3, #popular-articles h3 {
		font-size: 169.23%;/*22px*/
		line-height: 1.045em;
		margin-bottom: 1.045em;
		margin-right: 5%;
	}
		
/* @end */
/* @group Breadcrumbs */

.breadcrumbs li {
	margin-left: -10px;
	padding-left: 0;
}
.ie7 .breadcrumbs li {
	display: block;
	float: left;
}
.breadcrumbs .first {
	margin-left: 0;
}	
.breadcrumbs a, .breadcrumbs span {
	padding: 0.3em 0.5em;
	color: #5E5E5D;
	margin-right: 0;
	background: #CCCBC8;
}
.ie .breadcrumbs a, .ie .breadcrumbs span {
	padding: 0 0.5em 0 0.5em;
}
.breadcrumbs .current-page a, .breadcrumbs .current-page span {
	background-color: #5FA841;
	background-image: none;	
	color: #FFF;
}
.breadcrumbs .last-page, .breadcrumbs .previous-pages {
	background: transparent url(images/breadcrumb_previous_right.png) right no-repeat;
	padding-right: 19px;
}
.breadcrumbs .visual-hack {
	background: transparent url(images/breadcrumb_previous_left.png) left no-repeat;
	padding-left: 19px;
}
.breadcrumbs .current-page {
	background: transparent url(images/breadcrumb_current_left.png) left no-repeat;
	padding-left: 19px;
}

/* @end */


/* @group Pagination */
.pagination .older-posts {
	float: left;
}
.pagination .newer-posts {
	float: right;
}	
/* @end */

/* @end */

/* @end */
	
/* @group Header */
#site-header nav {
	text-align: center;
}
#site-header ul li {
	font-size: 231%;/* 30 */
	line-height: 1.15em;
}
/* @end */

/* @group Footer */

#contact {
	float: left;
	width: 50%;
}
.vcard {
	float: left;
	width: 100%;
	padding-top: 1.5em;
}
#contact .tel, #contact .adr {
	margin-top: 0;
}
#contact h3 {
	padding-top: 0;
}

#map {
	margin-left: 50%;
}
.map {
	height: 28em;
}
.copyright {
	clear: left;
}
/* @end */

/* @group Sections */

/* @group Homepage */

/* @group Splash */
#splash {
	position: relative;
}
#splash, #splash article {
	height: 36.92em;/* 480px */
}
.js #splash .next-and-previous, .js .tabs {
	display: block;
	cursor: pointer;
}

/* @group Navigation */
#splash .next-and-previous ul,  #splash .next-and-previous li {
	margin: 0;
}
#splash .next-and-previous li {
	width: 5.46em;
	height: 5.46em;
	background-color: #5FA841;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 100%;
	position: absolute;
	top: 15.76em;
}
#splash .next-and-previous .active {
	background-color: #325A2E;
}

#splash .previous {
	left: 0;
	background-image: url(images/arrow_left.png);
}
#splash .next {
	background-image: url(images/arrow_right.png);
	right: 0;
}
/* @end */

/* @group Team Splash */
.team-splash .content {
	float: left;
	margin-left: 15%;
	text-align: left;
	width: 35%;
}
#splash .team-splash .content-description {
	display: block;	
}
.team-splash p {
	font-size: 161%;/*21px*/
}
.team-splash .image {
	position: relative;
	right: 0;
	overflow: hidden;
	width: 50%;
	z-index: 0;
	width: auto;
}

/* @end */

/* @group Project Splash */
.project-splash .content {
	float: right;
	text-align: left;
}
.project-splash .image {
	margin-top: 0.80em;
	float: left;
	padding-left: 5%;
	width: 45%;
}
.project-splash .content {
	width: 37%;
	margin-right: 11%;
	margin-left: 2%;
}

.project-splash header {
	margin-top: 1.615em;
}
.project-splash h2 {
	margin: 0.328em 0;
}
#splash .project-splash .content-description {
	display: block;
}
.splash-promo {
	float: left;	
	margin-right: 1em;
	display: block;
	width: 3em;
	height: 3em;
}
.project-splash-case-study-url {
	background-color: #2E2E2E;
	background-image: url(images/case_study_icon.png);
	background-repeat: no-repeat;
	background-position: center;
}
.project-splash-application-url {
	background-color: #5FA841;
	background-image: url(images/appstore_icon.png);
	background-repeat: no-repeat;
	background-position: center;
}
.splash-promo a {
	display: block;
	width: 3em;
	height: 3em;
}
.splash-promo a span {
	display: none;
}
/* @end */
/* @group Tabs */
.tabs {
	position: relative;
	top: 34em;
	text-align: center;
	margin: 0;
	z-index: 10;
}
.tabs ul {
	margin: 0 auto;
	width: 100%;
	height: 1em;
	line-height: 1em;
}
.tabs li {
	font-size: 100%;
	display: inline-block;
	width: 2.15em;
	height: 1em;
	line-height: 1em;
	background-color: #999;
	padding: 0;
	margin: 0 0.76em 0 0;
}
.ie7 .tabs ul {
	width: auto;
	display: inline;
}
.ie7 .tabs li {
	display: inline;
	float: left;
}
.tabs li.current {
	background-color: #FFF;
}
/* @end */
/* @end */

/* @group Latest */
#homepage-content #news #article1 {
	width: 46%;
	float: left;
	margin-left: 2%;
	margin-right: 0;
	display: inline;
}
#homepage-content #news #article2 {
	width: 47%;
	float: right;
	margin-right: 2%;
	margin-left: 0;
	display: inline;
}
/* @end */

/* @end */

/* @group News/Article single page */
#news-item {
	padding: 0 0 0 4%;
}
#news-item .core-content {
	width: 62%;
	float: left;
	max-width: 42.5em;
}
#news-item footer .breadcrumbs {
	display: none;
}
/* @group Comments */
#comment-section {
	clear: both;
	padding-right: 4%;
	padding-bottom: 1.615em;
}
#comment-form {
	float: right;
	width: 33%;
}
#comments {
	padding: 1px;
	width: 60%;
}
/* @end */

/* @end */

/* @group Latests and Archive */
#key-post time, #post-archive time {
	font-size: 161.6%;/* 21px */
	line-height: 1em;
	margin: 1em 0 0 0;
}
#key-post h2, #post-archive h2 {
	font-size: 307.692%;/* 40px */
	line-height: 1.15em;
	margin: 0;
}
#latest #key-post #article-1, #latest-posts #article-1 {
	border-bottom: none;
}
#key-post #article1 footer, #latest-posts #article1 footer, #post-archive article footer {
	border: none;
}

/* @group Archive only */
#post-archive {
	float: left;
	width: 58%;
}
#post-archive article {
	max-width: 42.85em;
}
#post-archive footer .breadcrumbs {
	display: none;
}
/* @end */	
	
/* @group latest only */
#key-post img {
	float: left;
	max-width: 48%;
	margin-right: 2%;
	margin-bottom: 1.615em;
}
#latest-posts #article1 {
	float: left;
	width: 48%;
	clear: left;
}
#latest-posts #article2 {
	float: right;
	width: 48%;
}
/* @end */

/* @end */

/* @group The Team */
#meet-the-team article {
	float: left;
	width: 48%;	
}
#meet-the-team .odd {
	margin-right: 1%;
}
#meet-the-team .even {
	margin-right: 1%;
}
/* @end */

/* @group Projects */
#projects article {
	padding: 1.769em 3.538em;
}
#projects header {
	margin-top: 3.538em;
}

#projects .content {
	width: 40%;
	text-align: left;
}
#projects .image {
	width: 54%;
}
#projects .narrow .content {
	width: 60%;
}
#projects .narrow .image {
	width: 34%;
}

#projects .even .content {
	float: left;
}
#projects .even .image {
	float: right;
}
#projects .odd .content {
	float: right;
}
#projects .odd .image {
	float: left;
}

#projects .showText span {
	font-size: 206.25%;/* 33px */
	margin: 0.34em 0.5em 0 2.05em;
}
#projects .showText {
	background-position: 0.5em 50%;
}

/* @end */

/* @group Services */
#how-we-work article {
	display: inline-block;
	vertical-align: top;
	width: 46%;
}
#how-we-work .odd {
	margin-left: 2%;
}
#how-we-work .even {
	margin-right: 2%;
}
/* @end */

/* @group 404 error */
#error404 {
	text-align: left;
}
#error404 .visual-hack-wrapper {
	max-width: 50em;
	margin: 1.769em auto;
}

#error404 .image {
	float: left;
}
#error404 .content {
	float: right;
	margin-top: 10.730em;
}
/* @end */
}

@media screen and (min-width: 42.85em) and (max-width: 69.99em) {
	/* @group Homepage - tweets */
	#tweets {
		clear: both;
	}
	#tweets h3, .tb_msg, #tweets .time  {
		padding: 0;
	}
	#tweets .tb_tweet {
		float: left;
		width: 28%;
		background-color: transparent;
		padding: 1.769em 2.5%;
	}
	#tweets img {
		margin: 0 4% 2% 0;
	}	
	#tweets .follow-link {
		clear: left;
	}
	.tb_tweetlist .tb_tweet:nth-child(2) {
		background-color: #E3E2DF;
	}	
	#tweets .follow-link {
		width: 40%;
	}
	#tweets .footer {
		background-color: transparent;
		clear: both;
	}
	/* @end */
}


@media screen and (min-width:70em) {
/* @group Site-wide elements */
	body {
		max-width: 92.92em;
	}
	.visual-hack-left {
		padding-left: 1.46em;
		background: url("images/widescreen_shadow_left.png") repeat-y;
	}
	.visual-hack-right {
		padding-right: 1.46em;
		background: url("images/widescreen_shadow_right.png") repeat-y right top;
	}


/* @group Reusable elements */
/* @group "View more" footers and headers */
#latest #more-articles .section-header p {
	display: none;
}	
#latest #more-articles .read-more {
	display: block;
}
/* @end */

/* @group More posts, popular posts, related posts */

	/* ---- E: Sidebar, with images - #related-posts (C then A), #latest #more-articles (D, B), .popular-posts (C, B) */
	#latest #more-articles article, #related-posts article, .popular-posts article {
		width: 100%;
		padding: 0.80em 0;
		margin: 0;
		clear: both;
	}
	#latest #more-articles .article-header time, #related-posts .article-header time, #popular-news time, #popular-articles time  {
		margin-top: 0;
	}
	#latest #more-articles h3, #related-posts h3, .popular-posts h3 {
		margin-bottom: 0;
	}	

	#related-posts .article-header, .popular-posts .article-header {
		float: right;
		width: 60%;
		margin: 0;
	}

	#latest #more-articles .thumbnail, #popular-news .thumbnail, #popular-articles .thumbnail, #related-posts .thumbnail {
		margin: 0;
	}
	#popular-news .thumbnail img, #popular-articles .thumbnail img, #related-posts .thumbnail img {
		max-height: 15em;
		float: left;
		width: 30%;
		display: inline;
		margin-left: 5%;
		margin-bottom: 0.492em;
		margin-top: 0.492em;
	}
	
	#latest #more-articles .section-header {
		margin-bottom: 0;
	}
	#latest #more-articles .content {
		padding: 0;
	}
	#latest #more-articles article:nth-child(even), .ie8 #latest #more-articles #article2, .ie8 #latest #more-articles #article4 {
		background-color: #D7D6D3;
	}
	#latest #more-articles .article-header {
		float: right;
		width: 60%;
	}
	#latest #more-articles h3 {
		margin-bottom: 0;
		margin-right: 5%;
	}
	#latest #more-articles .content img {
		float: left;
		margin-bottom: 0.492em;
		margin-top: 0.492em;
		margin-left: 5%;
		width: 30%;
	}
	#latest #more-articles footer {
		display: none;
	}
	
	/* ---- Shared elements for sidebar, Floating right element, used in C, E */
	#latest #more-articles {
		float: right;
		width: 33%;
		clear: none;
		background-color: #E3E2DF;
	}
	#latest #more-articles time {
		font-size: 138.46%;/* 18px */
		line-height: 1.27em;
		margin: 1.27em 0 0 0;
		color: #999;
		display: block;	
		margin-right: 5%;
	}
	#latest #more-articles h3 {
		font-size: 169.23%;/*22px*/
		line-height: 1.045em;
		margin-bottom: 1.045em;
		margin-right: 5%;
	}

/* @end */	

/* @end */

/* @end */

/* @group Footer */
#contact {
	float: left;
	width: 67%;	
}
#map {
	margin-left: 67%;
}
.map {
	height: 18em;
}
.ie7 #map {
	margin-left: 65%;
}
.site-footer h2 span {
	display: inline;
	font-size: 60%;
	color: #325A2E;
	line-height: 0;
}
.number-and-email {
	float: left;
	width: 50%;
}
#contact .adr {
	float: left;
	width: 50%;
}
/* @end */


/* @group Sections */

/* @group Homepage */

/* @group splash */
#splash, #splash article {
	height: 42.30em;/* 550px */
}
#splash .next-and-previous li {
	top: 18.46em;
}
.tabs {
	top: 38em;
}

.team-splash p {
	font-size: 253%;/*33px*/
	line-height: 1.272em;
}

/* @group Project Splash */
.project-splash header {
	margin-top: 3.23em;
}
.project-splash h2 {
	font-size: 307%;/* 40px */
	line-height: 1.05em;
	margin: 0.525em 0 0.525em 0;
}
.project-splash .image {
	margin-top: 0.80em;
	float: left;
	padding-left: 2%;
	width: 45%;
}
.project-splash .content {
	width: 43%;
	margin-right: 8%;
	margin-left: 2%;
}
/* @group Project Splash promo boxes */
#splash .splash-promo {
	width: 13em;
	height: auto;
	float: left;
}
.project-splash-case-study-url {
	background-position: 1em center;
}
.project-splash-application-url {
	background-position: 1.3em center;
}
.splash-promo a {
	color: #FFF;
	font-size: 253%;/*33px*/
	line-height: 1.121em;
	margin: 0.136em 0;
	height: auto;
	width: auto;
}
.project-splash-case-study-url a span {
	margin-left: 1.125em;
}
.project-splash-application-url a span {
	margin-left: 1.625em;
}
.splash-promo a span {
	display: block;
}
/* @end */
/* @end */
/* @end */

/* @group Latest */
#homepage-content #news {
	float: left;
	width: 67%;
}
/* @end */
/* @group Tweets */
#tweets {
	margin-left: 67%;
}
#tweets .error {
	margin-top: 18.92em;
	margin-bottom: 15.38em;
}
/* @end */

/* @end */

/* @group Latest and archive */
#latest-posts {
	float: left;
	width: 60%;
	padding: 0 2% 0 4%;
}
#latest-posts #article1 {
	width: 48%;
	float: left;
}
#latest-posts #article2 {
	width: 48%;
	float: right;
}
#latest-posts time {
	margin-top: 0;
}
#latest #article4 {
	display: block;
}
/* @end */

/* @group Services */
	#how-we-work article {
		width: 31%;
	}
	#how-we-work .odd {
		margin-left: 1%;
		margin-right: 1%;
	}
	#how-we-work .even {
		margin-left: 1%;
		margin-right: 1%;
	}
	#services .main-content {
		width: 66.66%;
	}
/* @end */

/* @group The Team */
#meet-the-team {
	float: left;
	width: 58%;	
}
#about {
	float: right;
	width: 33%;
}
/* @end */

/* @end */

}

/* @end */