.thirds {
	float: left;
	width: 319px;
	}		

/**************************************************************************************************/				
	.banner {
		background: white url(../img/bg-shadow.jpg) bottom center no-repeat;
		clear: both;
		height: 340px;
		overflow: hidden;
		position: relative;
		width: 960px;
		}
		
		.banner img {
			display: block;
			}
			
			.banner .slider { background: url(../img/slider/bg-slider.png) no-repeat; }
				.banner .slider ul li {
					height: 300px;
					position: relative;
					width: 960px;
					}
					.banner .slider ul li .slide {}
						.banner .slider-text {
							float: left;
							height: 270px;
							padding: 25px 0 0 25px;
							width: 540px;
							}
							.banner .slider h2 {
								color: #5e5e5e;
								font-size: 2.8em;
								margin: 0 0 15px;
								}
							.banner .slider p {
								color: #474747;
								font-size: 1.3em;
								line-height: 1.47em;
								margin: 0 0 10px;
								}
							.call-to-action {
								background: #99C129;
								border: 2px solid  #8bb120;
								color: white;
								font-size: 1.2em;
								padding: 8px 6px 6px;
								position: absolute;
								bottom: 20px;
								right: 400px;
								text-shadow: -1px -1px 0px #8bb120;
								}
								.call-to-action:hover {
									background: #666;
									border: 2px solid  #444;
									color: white;
									text-shadow: -1px -1px 0px #222;
									}
								.call-to-action:active {
									margin: 2px 0 0;
									}
								
						.banner .slider .slider-image {
							display: block;
							float: right;
							height: 300px;
							width: 380px;
							}
			
			.banner .controls {
				bottom: 15px;
				height: 14px;
				margin: 0 !important;
				position: absolute;
				right: 0;
				}
				.banner .controls li { 
					display: inline;
					}
					.banner .controls li a {
						background: url(../img/slider/btn-slide.png) 0 0 no-repeat;
						display: block;
						float: left;
						margin: 0 0 0 5px;
						height: 14px;
						text-decoration: none;
						text-indent: -9000px;
						width: 14px;
						}
						.banner .controls li a:hover {
							background-position: 0 -14px;
							}
						.banner .controls li.current a {
							background-position: 0 -28px;
							}

/*** BODY *****************************************************************************************/
	.body .thirds {
		min-height: 280px;
		padding: 30px;
		position: relative;
		width: 259px;
		}
		.body .thirds h4 {
			color: #5e5e5e;
			font-size: 2.4em;
			margin: 0 0 30px;
			}
			.body .thirds h4 span { color: #a2c852; }
		.body .thirds p {
			font-size: 1.3em;
			line-height: 1.6em;
			}
		.body .thirds a.more {
			bottom: 20px;
			font-size: 1.5em;
			position: absolute;
			}
				

/******* FEATURED WORK ****************************************************************************/
		#featured-work {
			background: #fbfbfb url(../img/bg-grey-column.png) bottom center repeat-x;
			border-left: 1px solid #ededed;
			border-right: 1px solid #ededed;
			position: relative;
			}
			#featured-work .slider {}
				#featured-work .slider ul li {
					width: 250px;
					}
					#featured-work .slider a {
						display: block;
						font-size: 1em !important;
						}	
						#featured-work .slider .slider-image {
							display: block;
							height: 200px;
							width: 250px;
							}
							#featured-work .slider a cite {
								display: block;
								padding: 10px 0 3px;
								font-size: 1.6em;
								}
							#featured-work .slider a .case-study {
								color: #474747;
								display: block;
								font-size: 1.3em;
								}
									
					.work-prev a {
						background: url(../img/slider/btn-prev-next.png) 0 -21px no-repeat;
						display: block;
						height: 21px;
						right: 70px;
						position: absolute;
						text-indent: -9000px;
						top: 30px;
						width: 21px;
						}
						.work-prev a:hover { background-position: 0 -42px; }
						.work-prev a.inactive { background-position: 0 0; cursor: default; }
					.work-next a {
						background: url(../img/slider/btn-prev-next.png) -21px -21px no-repeat;
						display: block;
						height: 21px;
						right: 40px;
						position: absolute;
						text-indent: -9000px;
						top: 30px;
						width: 21px;
						}
						.work-next a:hover { background-position: -21px -42px; }
						.work-next a.inactive { background-position: -21px 0; cursor: default; }

#interactive {
	border-bottom: 1px solid #e9e9e9;
	margin: 0;
	padding: 0 0 20px;
	}
#blog-posts {

	}
#golden-spiders {
	background: transparent url(../img/golden-spider.png) no-repeat;
	display: block;
	float: left;
	height: 241px;
	text-indent: -9000px;
	width: 320px;
	}

.module {
	background: white;
	border: 1px solid #eaeaea;
	float: left;
	margin: 0 20px 0 0;
	width: 298px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
	.module-header {
		background: transparent url(../img/module-header.png) -1px -1px no-repeat;
		height: 42px;
		position: relative;
		width: 300px;
		}
		.module-header h3 {
			color: #242424;
			font-size: 1.6em;
			left: 13px;
			position: absolute;
			text-transform: lowercase;
			top: 15px;
			}
		.module-header .module-header-link {
			color: #242424;
			font-size: 1.2em;
			right: 13px;
			position: absolute;
			text-transform: lowercase;
			top: 16px;
			}
			.module-header .module-header-link:hover { color: #abd33a; }
			
	.module-body {
		padding: 0 0 10px;
		}
		.module-body .link-list {
			margin: 0;
			padding: 0;
			}
			.module-body .link-list li a {
				border-bottom: 1px solid #e9e9e9;
				display: block;
				font-size: 1.2em;
				padding: 10px 13px;
				}
				.module-body .link-list li a:hover {
					background: #fafafa;
					border-bottom: 1px solid #e1e1e1;
					}
				.module-body .link-header {
					color: #242424;
					display: block;
					padding: 0 0 10px;
					}
				.module-body .link-date, .module-body .link-more {
					color: #abd33a;
					}
				.module-body .link-more {
					float: right;
					}
					

/******* LATEST BLOG ******************************************************************************/
						
		#latest-blog {}
			#latest-blog ul {
				border-top: 1px solid #eee;
				list-style: none;
				margin: 0 0 0 -30px;
				width: 320px;
				}
				#latest-blog ul li a {
					background: url(../img/icons/ico-article.gif) 0px 10px no-repeat;
					border-bottom: 1px solid #eee;
					color: #666;/*#6b8c0a;*/
					display: block;
					font-size: 1.1em;
					padding: 10px 0 10px 30px;
					text-transform: uppercase;
					}
					#latest-blog ul li a:hover { color: #474747; }
					
			
/******* LATEST TWEETS ******************************************************************************/		
		#twitter-posts {
			
			}
			#twitter-posts .link-list li { border-bottom: 1px solid #E9E9E9; }
			#twitter-posts .link-header {
				font-size: 1.2em;
				padding: 10px;
				}
				#twitter-posts .link-header .external {
					background: none;
					border: none;
					display: inline !important;
					font-size: 1em;
					padding: 0 !important;
					}