@charset "utf-8";
/* CSS Document *
/******************************
   Recent Work
******************************/	
.recent-work { overflow:hidden; zoom:1; width:961px; height:298px; background:url('../images/recent-work-bg.jpg'); }
	.recent-work .intro { float:left; width:370px; margin:35px 0 0 50px; } 
		.recent-work .intro h1 { margin:0 0 4px; }	
		.recent-work .intro p { font-size:12px; line-height:17px; }
	
	.recent-work .screenshots { float:right; overflow:hidden; zoom:1; width:510px; margin:12px 0 0; }	
		.recent-work .screenshots .button-holder-prev { float:left; margin:120px 22px 0 0; }		
		.recent-work .screenshots .button-holder-next { float:left; margin:120px 0 0 30px; }				
		.recent-work .screenshots a.prev, .recent-work .screenshots a.next { display:block; text-indent:-1000em; } 		
			.recent-work .screenshots a.prev { width:29px; height:34px; background:url('../images/home/button-arrow-left.png') no-repeat top center; }		
			.recent-work .screenshots a.next { width:29px; height:34px; background:url('../images/home/button-arrow-right.png') no-repeat top center; }		
				.recent-work .screenshots a.prev:hover { background:url('../images/home/button-arrow-left-over.png') no-repeat top center; }
				.recent-work .screenshots a.next:hover { background:url('../images/home/button-arrow-right-over.png') no-repeat top center; }

			.mycarousel { width:361px !important; }
			
/******************************
   Middle
******************************/	
.middle { overflow:hidden; zoom:1; background:url('../images/home/middle-bg.gif') repeat-x #cccccc; padding:12px 0 0; }

	.middle .buckets { overflow:hidden; zoom:1; margin:0 0 12px 33px; font-size:11px; } 
		.middle .buckets .bucket { float:left; width:416px; height:266px; padding:0 0 0 20px; margin:0 10px 0 0; background:url('../images/home/middle-bucket-bg.gif') no-repeat 0px 6px;  }
			.middle .buckets .bucket .header { overflow:hidden; zoom:1; height:48px; margin:0 0 4px; }
				.middle .buckets .bucket .header h2 { float:left; margin:14px 0 0; }
				.middle .buckets .bucket .header a { float:right; }			
			.middle .buckets .bucket .bucket-inner { padding:0 20px 0 0; }				
		
		.middle .buckets .bucket-small { float:left; width:270px; min-height:245px; padding:0 20px 0 0; margin:0 20px 0 0; border-right:1px dotted #ffffff;  }		
		.middle .buckets .last { border:0; margin:0; width:560px; } 		

	/******************************
	   We Want That
	******************************/	
	.we-want-that {overflow:hidden; zoom:1; }
		.we-want-that .menu { float:left; width:90px; }	
			.we-want-that .menu ul { list-style:none; margin:0; }		
				.we-want-that .menu ul li { padding:0 0 12px; }
					.we-want-that .menu ul li a:hover { color:#ffffff; }				
		.we-want-that .description { float:right; width:260px; margin:0 0 0 20px;  padding:0 0 0 20px; border-left:1px dotted #ffffff; }		

	/******************************
	   What we do
	******************************/			
	.what-we-do { overflow:hidden; zoom:1; }	
		.what-we-do .menu { float:left; width:70px; padding:0 20px 0 0; border-right:1px dotted #ffffff; }	
			.what-we-do .menu ul { list-style:none; margin:0; }		
				.what-we-do .menu ul li { padding:0 0 12px; }
					.what-we-do .menu ul li a:hover, .what-we-do .menu ul li.ui-tabs-selected a { color:#ffffff; }				
		.what-we-do .description { float:right; width:280px; margin:0 0 0 20px; }
		
	/******************************
	   Quote
	******************************/			
		.quote { }
			.quote .quote-inner { width:239px; height:141px; padding:12px; background:url('../images/home/quote-bg.png') no-repeat top center; }		
				.quote .quote-inner .author { font-style:italic; line-height:normal; }			
			.quote .quote-bottom { overflow:hidden; zoom:1; }			
				.quote .quote-bottom .tick { float:left; width:35px; height:23px; margin:0 0 0 41px; background:url('../images/home/quote-tick.png') no-repeat top center; }	
				.quote .quote-bottom .attribution { float:left; margin:8px 0 0 8px; }	
				
	/******************************
	   News
	******************************/			
		.news { }	
			.news .newsitem { overflow:hidden; zoom:1; margin:0 0 8px; }			 
				.news .newsitem .image { float:left; width:100px; margin:0 10px 0 0; }			
				.news .newsitem .description { float:right; width:450px; text-align:justify; }			
					.news .newsitem .description h4 { text-align:left; }