@charset "utf-8";
/* CSS Document */

html{
	margin:0;
	padding:0;
	background-color:#000000;
}

body{
	background:#000000 url('../img/backgrounds/body.jpg') repeat-x;
	font:13px Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0;
	padding:0;
	line-height:1.4;
}

h1,h2{
	font-family: Arial, Helvetica,  sans-serif;
	line-height:1.2;
}

h1{
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-weight:normal;
	font-size:36px;
}

h2{
	color:#ffffff;
	font-size:24px;
	margin:0 0 15px 0;
	padding:0;
}

h3{
	font-size:18px;
	margin:0 0 10px 0;
}

p{
	margin:0 0 15px 0;
	padding:0;
	
}

li{
	margin-bottom:15px;
}

a img{
	border:none;
	vertical-align:bottom;
}

object{
	vertical-align:bottom;
}

.wrapper{
	margin:0 auto 0 auto;
	width:860px;
}

.white{
	color:#FFFFFF;
}
		
.orange{
	color:#ff9933;
}

.closed{
	display:none;
}

.no_js{
	background-color:#666666;
	color:#FFFFFF;
	padding:20px;
	font-weight:bold;
}

a.large_link{
	display:block;
	float:left;
	padding:3px 10px 3px 10px;
	margin:0 10px 5px 0;
	font-size:18px;
	background-color:#ff9933;
	color:#FFFFFF;
	font-weight:bold;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-bottom:none;
	text-decoration:none;
	}
	a:hover.large_link{
		background-color:#333333;
		color:#FFFFFF;
		border-bottom:none;
		text-decoration:none;
	}

.header{
	background:url('../img/backgrounds/page.jpg') no-repeat top left;
	height:145px;
	font-family:Arial, Helvetica,  sans-serif;
	}
	span.hide{
		display:none;
	}
	.header h1{
		padding:40px 0 0 0;
		margin:0;
	}
	.header #logo{
		display:block;
		background:url('../img/graphics/logo.gif') no-repeat;
		width:149px;
		height:54px;
		padding:0;
	}
	.header ul.navigation{
		float:right;
		margin:70px 0 0 0;
		padding:0;
		list-style:none;
		}
		.header ul.navigation li{
			float:left;
			margin-left:20px;
		}
		.header ul.navigation li a, .header ul.navigation li a:visited{
			display:block;
			color:#FFFFFF;
			text-decoration:none;
			font-size:14px;
		}
		.header ul.navigation li a:hover{
			border-bottom:1px solid #FFFFFF;
		}
		.header ul.navigation li a:active, .header ul.navigation li a.active{
			color:#ff9933;
		}
		.header ul.navigation li a:hover.active{
			border-bottom:1px solid #ff9933;
		}
		
	.introduction{
		position:absolute;
		left:0;
		z-index:100;
		width:100%;
		border-bottom:1px solid #666666;
		text-align:center;
		background-color:#000000;
		}
	.introduction_inline{
		position:relative;
		width:100%;
		border-bottom:1px solid #666666;
		text-align:center;
		background-color:#000000;
		}
		.introduction_height{
			padding-top:130px;
		}
		.introduction h2{
			width:780px;
			margin:0 auto 5px auto;
			padding:0 0 5px 0;
			font-size:35px;
			font-weight:normal;
			border-bottom:1px solid #333333;
			color:#FFFFFF;
			-webkit-text-size-adjust:none; /* iPhone */
		}
		.introduction p{
			font-size:17px;
			color:#CCCCCC;
			margin:0;
			padding:0;
			text-align:center;
			-webkit-text-size-adjust:none; /* iPhone */
		}
		.introduction #show_reel{
		}
		.introduction #show_reel_button{
			margin:0 auto -8px auto;
			display:block;
			width:140px;
			height:50px;
			background:url('../img/buttons/btn_read_more.jpg') no-repeat top left;
			}
			.introduction #show_reel_button:focus{
				outline:none; 
			}
			.introduction #show_reel_button:hover{
				background-position:top right;
			}
			.introduction #show_reel_button.open  {
				background-position:bottom left;
			}
			.introduction #show_reel_button.open:hover {
				background-position:bottom right;
			}
			.introduction #show_reel_button span{
				display:none;
			}
		.introduction #show_reel #video{
			margin:40px auto 40px auto;
			width:780px;
			height:350px;
			color:#FFFFFF;
		}
		.introduction #show_reel #video #home_photo{
			background-color:#666666;
			width:857px;
			height:241px;
			margin-left:-40px;
			margin-bottom:30px;
		}
		.introduction #show_reel #video p{
			margin-bottom:15px;
			-webkit-text-size-adjust:none; /* iPhone */
			text-align:justify;
		}	
			.introduction #show_reel #video p a{
				border-bottom:1px solid #ff9933;
				color:#FFFFFF;
				text-decoration:none;
			}
			.introduction #show_reel #video p a:hover{
				color:#FFFFFF;
				border-bottom:1px solid #FFFFFF;
				background-color:#333333;
			}


	/* Homepage carousel */
	
	#carousel{
		padding:20px 0 17px 0;
		height:380px;
		overflow:hidden;
		position:relative;
		z-index:5;
	}
	
	#carousel li{
		width:420px;
		margin-right:20px;
	}
	
	#carousel li .project{
		background:url('../img/backgrounds/grey_grad.jpg') repeat-x top left;
		height:90px;
		padding:10px 0 0 0;
		position:relative;
	}
	
	#carousel li .project a img{
		border:none;
	}

	#carousel li .project h2{
		margin:0 0 5px 0;
		padding:0;
		font-size:20px;
	} 
	
	#carousel li .project h2 a{
		color:#ff9933;
		text-decoration:none;
	}
	#carousel li .project h2 a:hover{
		color:#FFFFFF;
	}
	
	#carousel li .project p{
		width:275px;
		float:right;
		color:#999999;
		margin:0 10px 0 0;
		text-align:left;
	}
	
	#carousel li .more_than_four p{
		width:220px;
	}

	.categories{
		width:120px;
		float:left;
		margin:0 0 0 0;
		font-size:11px;
	}
	
	.more_than_four .categories{
		width:175px;
		float:left;
		margin:3px 15px 0 0;
		font-size:11px;
	}
	
	#carousel .categories{
		margin:3px 15px 0 0;
	}
	
	.categories h3{
		float:right;
		font-size:12px;
		margin:13px 10px 0 0;
		color:#ffffff;
	}
	
	.right{
		float:right;
	}
	
	.categories dt{
		width:50px;
		height:50px;
		margin:0 0 5px 5px;
		float:right;
	}

	.categories dt a,.categories dt div{
		display:block;
		width:48px;
		height:43px;
		text-align:center;
		text-decoration:none;
		padding:1px;
		font-weight:bold;
		vertical-align: middle;

	}
	.categories dt a:hover{
		border:1px solid #ff9933;
		padding:0;
		width:52px;
		height:45px;
		background-color:#ff9933;
	}
	.categories dt a:hover span{
		color:#FFFFFF;
		background:none;
	}
	.categories dt a span,.categories dt div span{
		display:block;
		color:#FFFFFF;
	}
	
	/* Category Colours */
	.category_web{border:1px solid #3c3c82; } .category_web span{ background-color:#08081e; padding-top:13px; height:30px;}
	.category_search{ border:1px solid #005900; } .category_search span{ background-color:#001b00; padding-top:13px; height:30px;}
	.category_directmail{ border:1px solid #2a4562; } .category_directmail span{ background-color:#0d151e; padding-top:6px; height:37px;}
	.category_displayads{ border:1px solid #b27824; } .category_displayads span{ background-color:#36240b; padding-top:6px; height:37px;}
	.category_press{ border:1px solid #945316; } .category_press span{ background-color:#2d1907; padding-top:13px; height:30px;}
	.category_viral{ border:1px solid #702995; } .category_viral span{ background-color:#180422; padding-top:13px; height:30px;}
	.category_street{ border:1px solid #74083b; } .category_street span{ background-color:#1b000d; padding-top:13px; height:30px;}
	.category_socialmedia{ border:1px solid #006464; } .category_socialmedia span{ background-color:#001e1e; padding-top:6px; height:37px;}
	.category_email{ border:1px solid #394e9d; } .category_email span{ background-color:#394e9d; padding-top:13px; height:30px;}
	.category_radio{ border:1px solid #4c4c00; } .category_radio span{ background-color:#171700; padding-top:13px; height:30px;}
	.category_outdoor{ border:1px solid #7c2905; } .category_outdoor span{ background-color:#250c02; padding-top:13px; height:30px;}

	/**
	 * This <div> element is wrapped by jCarousel around the list
	 * and has the classname "jcarousel-container".
	 */
	.jcarousel-container {
		color:#FFFFFF;
	}
	
	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
	
	.jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
	
	.jcarousel-list li,
	.jcarousel-item {
		float: left;
		list-style: none;
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 420px;
		height: 350px;
	}
	
	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next {
		position:absolute;
		margin:150px 0 0 860px;
		z-index: 3;
		display: none;
		background:url('../img/buttons/btn_next_large.gif') no-repeat top left;
		width:43px;
		height:70px;
		cursor:pointer;
	}
	.jcarousel-prev {
		position:absolute;
		margin:150px 0 0 -43px;
		z-index: 3;
		display: none;
		background:url('../img/buttons/btn_previous_large.gif') no-repeat top right;
		width:43px;
		height:70px;
		cursor:pointer;
	}
	.jcarousel-next:hover {
		background-position:top right;
	}
	.jcarousel-prev:hover {
		background-position:top left;
	}
	.jcarousel-next-disabled{
		cursor:auto;
		background-position:bottom right;
	}
	.jcarousel-prev-disabled{
		cursor:auto;
		background-position:bottom left;
	}
	.jcarousel-next-disabled:hover{
		cursor:auto;
		background-position:bottom right;
	}
	.jcarousel-prev-disabled:hover{
		cursor:auto;
		background-position:bottom left;
	}
	/*
	.jcarousel-next {
		position:absolute;
		margin:150px 0 0 860px;
		z-index: 3;
		display: none;
		background:url('../img/buttons/btn_next.jpg') no-repeat top left;
		width:41px;
		height:54px;
		cursor:pointer;
	}
	.jcarousel-prev {
		position:absolute;
		margin:150px 0 0 -41px;
		z-index: 3;
		display: none;
		background:url('../img/buttons/btn_previous.jpg') no-repeat top left;
		width:41px;
		height:54px;
		cursor:pointer;
	}
	.jcarousel-next:hover, .jcarousel-prev:hover {
		background-position:bottom;
	}
	.jcarousel-next-disabled, .jcarousel-prev-disabled{
		background:none;
		cursor:auto;
	}*/
	
	/* About Page */
	.about p{
			font-size:17px;
			color:#cccccc;
			margin:0;
			padding:0;
			text-align:center;
			-webkit-text-size-adjust:none; /* iPhone */
	}
	.about a{
				border-bottom:1px solid #ff9933;
				color:#FFFFFF;
				text-decoration:none;
			}
			.about a:hover{
				color:#FFFFFF;
				border-bottom:1px solid #FFFFFF;
				background-color:#333333;
			}
		
		
	/* Award Page */
	.award_thumb{
		float:left;
		margin:0 25px 15px 0;
		padding:0;
		width:400px;
		color:#ffffff;
		font-size:14px;
		}
		.award_thumb img{
			float:left;
			margin-right:10px;
		}
		.award_thumb .title{
			text-align:left;
			font-size:18px;
			color:#ff9933;
			margin-top:20px;
		}
	
	/* Work Page */
	.project_thumb{
		float:left;
		margin:0 25px 20px 0;
		padding:0;
		width:270px;
		}
		#project_carousel_loading{
			display:none;
			position:absolute;
			width:860px;
			background:url('../img/graphics/loading.gif') no-repeat center center;
			height:450px;
		}
		.hide{
			display:none;
		}
		.project_thumb .title{
			text-align:center;
			font-size:14px;
			font-weight:bold;
			padding:10px 10px 0 10px;
			overflow:hidden;
		}
		.project_thumb a{
			color:#999999;
			text-decoration:none;
			}
			.project_thumb a:hover{
				color:#ff9933;
			}
			.project_thumb a:hover img{
				cursor:pointer;
			}
			.project_thumb img{
				width:270px;
				height:190px;
			}
		.no_right_margin{
			margin-right:0;
		}

	/* Work Carousel */

	#project_carousel{
		padding:0;
		height:495px;
		overflow:hidden;
		position:relative;
		z-index:5;
		margin:0;
	}
	
	#project_carousel li{
		width:860px;
		margin:0;
		padding:0;
	}

	#content_full .jcarousel-next {
		margin-top:190px;
	}
	#content_full .jcarousel-prev {
		margin-top:190px;
	}
	
	.project_control{
		margin:10px 0 20px 0;
		/*width:300px;*/
		float:left;
	}
	
	.project_control a{
		display:block;
		float:left;
		margin:0 10px 0 10px;
		width:17px;
		height:17px;
		background:url('../img/buttons/marker.gif') no-repeat top left;
		}
		.project_control a:hover, .project_control a.active, .project_control a.active:hover{ 
			background-position:right;
		}
		.project_control a span{
			display:none;
		}
		.project_control a:focus{
			outline:none;
		}
	
	.line{
		border-bottom:1px solid #666666;
	}
	
	.heading{
		padding:15px 0 6px 0;
		margin:0 0 20px 0;
		}
		.heading h1{
			margin:0;
			padding:0;
			float:left;
			font-family: arial, serif;
		}
		.heading .categories{
			width:700px;
		}
		
	.content{
		float:left;
		width:420px;
		margin:0;
		padding:0;
		line-height:1.7;
	}
	.content_wide{
		float:left;
		width:520px;
		margin:0;
		padding:0;
		font-size:14px;
		line-height:1.7;
	}
	.content_full{
		margin:0;
		padding:0;
		line-height:1.7;
	}
	
	.wp-caption-text{
		font-style:italic;
		font-size:11px;
		color:#FFFFFF;
	}
		.content b, .content strong, .content_wide b, .content_wide strong, .content_full b, .content_full strong{
			color:#ffffff;
		}

		.content h2,.content_wide h2,.content_full h2{
			font-weight:normal;
			color:#ff9933;
			font-size:24px;
			font-weight:bold;
		}
		.content h3,.content_wide h3,.content h4,.content_wide h4,.content_full h3,.content_full h4{
			color:#ffffff;
		}

			.content a, .content_wide a, .content_full a{
				border-bottom:1px solid #ff9933;
				color:#FFFFFF;
				text-decoration:none;
			}
			.content a:hover, .content_wide a:hover, .content_full a:hover{
				color:#FFFFFF;
				border-bottom:1px solid #FFFFFF;
				background-color:#333333;
			}
			.content h2 a, .content_wide h2 a, .content_full h2 a{
				border-bottom:none;
				color:#ff9933;
				text-decoration:none;
				background:none;
			}
			.content h2 a:hover, .content_wide h2 a:hover, .content_full h2 a:hover{
				color:#FFFFFF;
				border-bottom:none;
				background:none;
			}
		.content table, .content_wide table, .content_full table{
			border:1px solid #ccc;
		}
		.content table, .content_wide table, .content_full table
		{
			font-size: 12px;
			width:100%;
			margin-bottom:10px;
			border-collapse: collapse;
			text-align: left;
		}
		.content table th, .content_wide table th, .content_full table th
		{
			font-size: 14px;
			font-weight: normal;
			color: #fff;
			padding: 10px 8px;
			border-bottom: 2px solid #ccc;
		}
		.content table td, .content_wide table td, .content_full table td
		{
			border-bottom: 1px solid #ccc;
			color:#999999;
			padding: 6px 8px;
		}
				
		.content ul li,.content_wide ul li,.content_full ul li, .content ol li,.content_wide ol li,.content_full ol li{
			margin-bottom:5px;
		}
		
		.time{
			color:#FFFFFF;
			font-size:10px;
			font-weight:bold;
		}
		.post{
			padding:0 0 50px 0;
		}
		.post_meta{
			margin:10px 0 0 0;
		}
		.post_meta .time{
			/*float:left;
			display:block;
			margin:5px 0 0 10px;*/
		}
		.post_meta a{
			font-size:10px;
			}
			.post_meta a:hover{

			}
	hr{
		background-color:#999999;
		height:1px;
		border:none;
	}
	blockquote{
		color:#ffffff;
		font-weight:bold;
		font-style:italic;
		font-size:16px;
		background:url('../img/backgrounds/quote.gif') no-repeat top left;
		margin:30px 0 0 10px;
		padding:0 0 15px 35px;
	}
	
	.services{
		
	}
	
	.service{
		float:left;
		width:265px;
		margin:0 20px 20px 0;
		}
		.service h2{
			font-size:18px;
		}
		.service h2 span{
			display:block;
			padding-top: 5px;
		}
		.service img{
			float:left;
			padding-right:6px;
		}
		.service p{
			text-align:left;
		}
		.service_description{
	
		}
	
	.side{
		float:right;
		width:420px;
		margin:0;
		padding:0;
	}
	.side_small{
		float:right;
		width:300px;
		margin:0;
		padding:0 0 20px 0;
		}
		
		.side a, .blog_meta a{
			border-bottom:1px solid #ff9933;
			color:#FFFFFF;
			text-decoration:none;
		}
		.side a:hover,.blog_meta a:hover{
			color:#FFFFFF;
			border-bottom:1px solid #FFFFFF;
			background-color:#333333;
		}
		
		.side_small a,.side_small a:hover,.blog_meta a,.blog_meta a:hover{
			text-decoration:none;
		}
		
		.tags, .tags_vertical{
			border-bottom:1px solid #999999;
			padding-bottom:20px;
			margin-bottom:20px;
			}
			.tags a, .tags_vertical a{
				display:block;
				float:left;
				padding:3px 10px 3px 10px;
				margin:0 5px 5px 0;
				background-color:#333333;
				color:#FFFFFF;
				-moz-border-radius: 11px;
				-khtml-border-radius: 11px;
				-webkit-border-radius: 11px;
				border-bottom:none;
				}
				.tags a:hover, .tags_vertical a:hover{
					background-color:#ff9933;
					color:#FFFFFF;
					border-bottom:none;
				}
				.tags_vertical a{
					clear:both;
				}
		a.follow{
			display:block;
			float:right;
			padding:3px 10px 3px 10px;
			margin:0 5px 5px 0;
			background-color:#ff9933;
			color:#FFFFFF;
			-moz-border-radius: 11px;
			-khtml-border-radius: 11px;
			-webkit-border-radius: 11px;
			}
			a.follow:hover{
				background-color:#333333;
				color:#FFFFFF;
			}	
	
	.project_navigation{
		margin:0 0 20px 0;
		}
		.next_project{
			float:left;
			}
			.next_project a{
				display:block;
				color:#ff9933;
				background:url('../img/buttons/btn_previous.jpg') no-repeat top left;
				padding:20px 0 0 50px;
				width:200px;
				height:34px;
				text-decoration:none;
				border:none;
			}
			.next_project a:hover{
				color:#ffffff;
				background-position:bottom left;
				background-color:#000000;
				border:none;
			}
		.previous_project{
			float:right;
			}
			.previous_project a{
				display:block;
				color:#ff9933;
				background:url('../img/buttons/btn_next.jpg') no-repeat top right;
				padding:20px 50px 0 0;
				width:200px;
				height:34px;
				text-align:right;
				text-decoration:none;
				border:none;
			}
			.previous_project a:hover{
				color:#ffffff;
				background-position:bottom right;
				background-color:#000000;
				border:none;
			}
	
	.commentlist{
		list-style:none;
		margin:0 0 0 0;
		padding:0;
		}
		.comment{
			list-style:none;
			border-top:1px solid #999999;
			margin:0 0 10px 0;
			padding:20px 0 20px 0;
		}
		.comment-author{
			float:left;
			width:200px;
			}
			.comment-author cite{
				font-weight:bold;
				font-style:normal;
				color:#FFFFFF
			}
		.comment-meta{
			float:left;
			width:200px;
			clear:left;
			font-size:11px;
			color:#999999;
			}
			.comment-meta a{
				color:#999999;
				text-decoration:none;
				}
				.comment-meta a:hover{
					color:#ffffff;
				}
		.comment-body p{
			margin-left:200px;
			width:500px;
		}
		.comment-body p a{
				border-bottom:1px solid #ff9933;
				color:#FFFFFF;
				text-decoration:none;
			}
			.comment-body p a:hover{
				color:#FFFFFF;
				border-bottom:1px solid #FFFFFF;
				background-color:#333333;
			}

	.comment_button{
		background:url('../img/buttons/comment.gif') no-repeat top left;
		width:143px;
		height:31px;
		border:none;
		}
		.comment_button:hover{
			background-position:right;
			cursor:pointer;
		}
	a.share_button{
		border-bottom:none;
		display:block;
		background:url('../img/buttons/share.gif') no-repeat top left;
		width:113px;
		height:31px;
		border:none;
		outline:none;
		text-decoration:none;
		}
		.share_button span{
			display:block;
			height:31px;
			text-indent: -9999px;
		}
		a.share_button:hover{
			border-bottom:none;
			background-position:right;
			cursor:pointer;
			border:none;
			text-decoration:none;
		}
	#comment{
		float:left;
	}
	.comment_inputs{
		float:left;
		margin:0 0 0 20px;
		}
		.comment_inputs a{
			text-decoration:none;
			color:#999999;
		}
		.comment_inputs a:hover{
			color:#FFFFFF;
		}
	.input{
		color:#FFFFFF;
		font-family:Arial, Helvetica,  sans-serif;
		background-color:#2c2c2c;
		border:none;
		padding:5px;
	}
	.field{
		width:210px;
	}
	.textarea{
		width:600px;
		margin-bottom:20px;
		height:150px;
	}
	
	.project_large{
		margin:0 0 20px 0;
	}
	
	.view_work{
		margin:5px 0 10px 0;
		padding: 0 0 6px 0;
		border-bottom:1px solid #ff9933;
		font-size:26px;
		color:#ffffff;
	}
	
	.creative_group{
		margin:0 0 20px 0;
		-webkit-text-size-adjust:none;
		}
		.creative_group .creative_image{
			float:left;
			margin:0 20px 0 0;
		}
		.creative_group h3{
			font-size:14px;
			font-weight:bold;
			margin:0 0 10px 0;
			padding:0;
			}
			.creative_group a{
				color:#ff9933;
				text-decoration:none;
			}
			.creative_group a:hover{
				color:#FFFFFF;
			}
			.creative_group a:hover img{
				cursor:pointer;
			}
		.twitter{
			margin:0 0 20px 0;
			}
			a.twitter_heading, a.twitter_heading:link{
				display:block;
				width:153px;
				height:53px;
				background:url('../img/buttons/twitter.gif') no-repeat top left;
				border-bottom:none;
				margin-bottom:20px;
			}
			a.twitter_heading:hover{
				background-position:right;
				border-bottom:none;
				text-decoration:none;
			}	
			.twitter_heading span{
				display:none;
			}
			.tweet{
				margin:0 0 20px 0;
			}
			.tweet a{
				border-bottom:1px solid #ff9933;
				color:#FFFFFF;
				text-decoration:none;
			}
			.tweet a:hover{
				color:#FFFFFF;
				border-bottom:1px solid #FFFFFF;
				background-color:#333333;
			}
			.tweet .tweet_text{
				font-style:italic;
			}

.nodeco a, .nodeco a:hover{
	border:none;
	background:none;
}
		
.footer{
	border-top:1px solid #666666;
	padding:30px 0 40px 0;
	}
	.footer .sub_heading{
		float:left;
		margin-right:10px;
	}
	.footer .article{
		float:left;
		width:250px;
		margin-left:20px;
	}
	
	.footer .article.end{
		width:260px;
	}
	
	.footer .article .social{
		padding:0;
		margin:0;
		float:right;
		list-style:none;
		}
		.footer .article .social li{
			list-style:none;
			float:left;
			margin-left:5px;
		}
		.footer .article .social li a{
			display:block;
			width:40px;
			height:40px;
			background-position:top left;
		}
		.footer .article .social li a span{
			display:none;
		}
		.footer .article .social li a:hover{
			background-position:right;
		}
		.footer .article .social li a.facebook{
			background-image:url(../img/icons/facebook.gif);
		}
		.footer .article .social li a.twitter{
			background-image:url(../img/icons/twitter.gif);
		}
		.footer .article .social li a.linkedin{
			background-image:url(../img/icons/linkedin.gif);
		}
	
	.first{
		margin-left:0;
	}
	.footer .article h3{
		font-weight:bold;
		font-size:14px;
		margin:0 0 10px 0;
		padding:0;
	}
	.footer .article a{
		color:#ff9933;
		text-decoration:none;
	}
	.footer .article a:hover{
		color:#FFFFFF;
	}
	.footer .article small{
		color:#FFFFFF;
		font-weight:bold;
	}
	
	.footer .article p{
		margin:0 0 10px 0;
		text-align:left;
	}
	
		.wp-caption a:link, .wp-caption a:hover{
			border:none;
			background:none;
			text-decoration:none;
		}
	a.more-link{
		display:block;
		float:left;
		font-size:11px;
		padding:3px 10px 3px 10px;
		margin:0 5px 5px 0;
		background-color:#333333;
		border:none;
		color:#FFFFFF;
		-moz-border-radius: 11px;
		-khtml-border-radius: 11px;
		-webkit-border-radius: 11px;
		}
		a.more-link:hover{
			background-color:#ff9933;
			color:#FFFFFF;
			border:none;
		}
	
	/* Team/Business card page*/
		
	.team .vcard{
		position: relative;
		border-bottom:1px solid #FF9900;
		line-height:1.7;
		margin-bottom:20px;
		margin-top:20px;
		}
		.team .vcard .team{
			margin-left:380px;
		}
		.team .vcard img{
				position: absolute; bottom: 0; left: 0;
				width:362px;
				/*height:342px;*/
		}
		.team .vcard h1{
			color:#FFFFFF;
			font-weight:bold;
		}
		.team .vcard h3{
			color:#ff9933;
			font-weight:normal;
			font-size:24px;
		}
		.team .vcard .bio{
			padding-bottom:10px;
			font-size:14px;
		}
		.team .vcard .left{
			float:left;
			margin-right:30px;
			padding-bottom:20px;
			
		}
		.team .vcard .white{
			color:#FFFFFF;
			font-weight:bold;
		}
		.team .vcard .org{
			display:none;
		}
		
		.team .vcard a{
			border-bottom:1px solid #ff9933;
			color:#FFFFFF;
			text-decoration:none;
		}
		.team .vcard a:hover{
			color:#FFFFFF;
			border-bottom:1px solid #FFFFFF;
			background-color:#333333;
		}
		.work{
			padding:0;
			margin:0;
		}
		.work li{
			float:left;
			margin-right:20px;
			list-style:none;
			text-align:center;
			width:270px;
		}
		.work li.no_margin_right{
			margin-right:0;
		}
		.work li img{
			padding-bottom:10px;
		}
		.work li a{
			font-size:14px;
			font-weight:bold;
			color:#999999;
			text-decoration:none;
			}
			.work li a:hover{
				color:#ff9933;
			}

				
/* Used to clear floated divs */
.clear { clear: both;  margin: 0; padding: 0;	border:0; font-size:0;}