/**
 *	4Impact
 *  Home Screen Styles
 *
 *	@author:	Nathan Crowe <nathan [at] brightlabs [dot] com [dot] au>
 *	@date:		15/07/2010
 *
 *	Table of Contents:
 *		=Header
 *		=Navigation
 *		=Feature
 *		=Content
 *			=Primary
 *				=Style Guide
 *				=Listings
 *			=Secondary
 *		=Footer
 *
 */
 
/* =Header
----------------------------------------------- */
/* =SlideDeck
----------------------------------------------- */
#hero-wrapper {
	background: #fff;
	overflow:hidden;
	position: relative;
	height: 260px;
}
#hero {
	background: none;
	width: 940px;
	margin: 0 auto;
	position: relative;
}
	#hero .hero-overlay {
		height: 260px;
		background: url('/images/home-hero-overlay.png') no-repeat transparent;
		width: 940px;
	}
#hero-wrapper h2 {
	bottom: 0;
	position: absolute;
}
#pagination {
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 90213;
}

#pagination span {
	background: url('/images/banner-span.png') no-repeat 0 -10px;
	height: 10px;
	width: 10px;
	margin-right: 8px;
	float: left;
	cursor: pointer;
}
	#pagination span.selected { background-position: 0 0; }



/* FEATURE */
#content .feature {
	background: url('/images/shadow.png') top center no-repeat;
}

#content .feature h1 {
	color: #0080c5;
	font-family: Cuprum, sans-serif;
	font-size: 60px;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top: 50px;
	text-align: center;
}
#content h2 {
	color: #007aba;
	font-family: Cuprum, sans-serif;
	font-size: 42px;
	font-style: italic;
	line-height: 52px;
	text-align: center;
	margin: 46px 0 15px 0;
}
#content .feature p a {
	color: #0080c5;
	text-decoration: none;
}
.featurettes { margin-top: 30px; }

.featurettes .featurette {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 207px;
	overflow: hidden;
	position: relative;
}


	.featurettes .featurette .overlay {
		display: block;
		background: red;
		position: absolute;
		top: 161px;
		left: 0;
		height: 207px;
		transition: top 0.1s;
		-moz-transition: top 0.1s;
		-webkit-transition: top 0.1s;
		width: 300px;
	}
	
	
	.featurettes .featurette .overlay h3 {
		font-family: Cuprum, sans-serif;
		color: white;
		font-size: 26px;
		font-style: italic;
		line-height: 46px;
		padding: 0 0 0 21px;
	}
	
	.featurettes .featurette .overlay p {
		color: white;
		font-size: 14px;
		line-height: 21px;
		padding: 0 20px;
		margin-top: 21px;
	}
	
	.featurettes .featurette .overlay a {
		display: block;
		width: 300px;
		height: 207px;
		position: absolute;
	}
	
	.featurettes .featurette .overlay.yellow { background: url(/images/backgrounds/yellow.png); }
	.featurettes .featurette .overlay.orange { background: url(/images/backgrounds/orange.png); }
	.featurettes .featurette .overlay.green { background: url(/images/backgrounds/green.png) }
	
	
	.featurettes .featurette:hover .overlay{
		top: 0;
	}

	
/* NEWS */
.news {
	background-color: #f0f0f0;
	margin-top: 53px;
	overflow: hidden;
	padding: 40px 0 80px 0;
}
.news ul {
	width: 940px;
}

.news h4 {
	color: #007aba;
	font-family: Cuprum, sans-serif;
	font-size: 34px;
	font-style: italic;
	text-align: center;
}

.news a {
	color: #0080c5;
	text-decoration: none;
}

.news li{
	color: #007aba;
	display: inline;
	float: left;
	font-family: Cuprum, sans-serif;
	font-size: 20px;
	/*font-style: italic;*/
	margin-top: 28px;
	text-align: center;
	width: 188px;
}

	.news li a {
		background: url('/images/homepage-icons.png') no-repeat 47px 0;
		display: block;
		height: 160px;
	}
	.news li a.peach{
		color: #f79c8e;
	}

	.news li a.orange{
		color: #fab07f;
	}

	.news li a.green{
		color: #81c782;
	}

	.news li a.pink{
		color: #e293b7;
	}

	.news li a.aqua{
		color: #63c7c7;
	}
		.news li a:hover { 
			background-position: 47px -196px;
			color: #5c5c5c;
		}
	.news a#project-services { background-position: -148px 0; }
		.news a#project-services:hover { background-position: -148px -196px; }
	.news a#business-change { background-position: -343px 0; }
		.news a#business-change:hover  { background-position: -343px -196px; }
	.news a#mobile-web { background-position: -537px 0; }
		.news a#mobile-web:hover  { background-position: -537px -196px; }
	.news a#data-management { background-position: -732px 0; }
		.news a#data-management:hover  { background-position: -732px -196px; }

.news li span{
	display: block;
	padding: 120px 30px 0 30px;
}

  /* SERVICES */
p#services {
	color: red;
	position: absolute;
	top: 20px;
	right: 43px;
	z-index: 99999;
	display: block;
	height: 30px;
	width: 140px;
	background: url(../images/our-services.png) no-repeat top right;
}

	#slidedeck .slidedeck {}
		#slidedeck .slidedeck dl {
			height: 382px;
			position: relative;
			width: 940px;
		}
			#slidedeck .slidedeck dt { display: none !important; }
			#slidedeck .slidedeck dd {
				position: relative;
				height: 382px;
			}
				#slidedeck .slidedeck dd a {
					display: block; 
					height: 28px;
					text-indent: -9999px;	
					width: 69px;
				}
				
				/*hero images--*/
				#slidedeck .slidedeck dd.home { background: url(/images/decks/home.jpg) no-repeat; }
				#slidedeck .slidedeck dd.people { background: url(/images/decks/people.jpg) no-repeat; }
				#slidedeck .slidedeck dd.projects { background: url(/images/decks/projects.jpg) no-repeat; }
				#slidedeck .slidedeck dd.organisation { background: url(/images/decks/organisation.jpg) no-repeat; }
				#slidedeck .slidedeck dd.technology { background: url(/images/decks/technology.jpg) no-repeat; }
				#slidedeck .slidedeck dd.thinker { background: url(/images/decks/thinker.jpg) no-repeat; }
				
				/*hero links--*/
				#slidedeck .slidedeck dd.home a { height: 367px;  width: 940px; }
				#slidedeck .slidedeck dd.people a { margin: 275px 0 0 152px; }
				#slidedeck .slidedeck dd.projects a { margin: 179px 0 0 151px; }
				#slidedeck .slidedeck dd.organisation a { margin: 285px 0 0 431px; }
				#slidedeck .slidedeck dd.technology a { margin: 299px 0 0 163px; }
				
				
	/*--SLIDEDECK NAV--*/			
	#slidedeck #slidedeck-navigation {
		background: url("/images/sprite-slidedeck.png") no-repeat;
		position: absolute;
		right: -1px;
		top: 0;
		width: 33px;	
		z-index: 900;
	}
		#slidedeck-navigation {}
			#slidedeck-navigation li {
				display: block;
				width: 33px;
				position: relative;	
			}
				#slidedeck-navigation li a {
					display: block;
					text-indent: -9999px;
				}
			#slidedeck-navigation li.people,
				#slidedeck-navigation li.people a {
					height: 91px;
				}
			#slidedeck-navigation li.projects,
				#slidedeck-navigation li.projects a {
					height: 76px;
				}
			#slidedeck-navigation li.organisation,
				#slidedeck-navigation li.organisation a {
					height: 106px;
				}
			#slidedeck-navigation li.technology, 
				#slidedeck-navigation li.technology a {
					height: 93px;
				}
				
		/* =Selected-----------*/
		
#slidedeck-navigation li a.selected {
			position: absolute;
			right: 0;
			width: 40px;
			z-index: 99999;	
		}	
		
			#slidedeck-navigation li.people a.selected {
					background: url(../images/sprite-slidedeck-1.png) no-repeat 0px 0px;
					height: 100px;
					top: -2px;				
			}
			
			#slidedeck-navigation li.projects a.selected {
					background: url(../images/sprite-slidedeck-1.png) no-repeat 0px -114px;
					height: 120px;
					top: -32px;					
			}
			
			#slidedeck-navigation li.organisation a.selected {
					background: url(../images/sprite-slidedeck-1.png) no-repeat 0px -248px;
					height: 140px;
					top: -25px;					
			}
			
			#slidedeck-navigation li.technology a.selected {
					background: url(../images/sprite-slidedeck-1.png) no-repeat 0px -410px;
					height: 120px;
					top: -25px;
			}

		
/* =Content
----------------------------------------------- */
#content { }
	/* =Primary
	----------------------------------------------- */
	#primary { margin-top: 0; }
		#primary h2 {
			font-size: 1.75em; /* 21px */
			line-height: 2em; /* 42px */
			margin-top: 1em;oo
		}
		#primary img {
			float: right;
			margin-top: -34px;
			margin-left: 1.75em; /* 21px */
		}
		#primary > p { margin-top: 0; }
	/* =Secondary
	----------------------------------------------- */
	#secondary {
		margin-top: 0;
	}
		#secondary h3 {
			color: #0080c5;
			font-size: 1.75em; /* 21px */
			line-height: 2em;
			margin-top: 1em;
		}
		#secondary #news-views {
			height: 126px;
			overflow: hidden;
			position: relative;
		}
		#secondary ol {
			position: relative;
			width: 380px;
		}
		#secondary ol li {
			width: 243px;
			padding-right: 137px;	
		}
			#secondary ol li a { color: #0080c5; }
			#secondary ol li a:hover { text-decoration: none; }
			#secondary ol li img {
				border: 1px solid #a1a3a5;
				padding: 2px;
				top: -42px;
				top: 0;
				position: absolute;
				left: -9999px;
			}
			#secondary ol li .date {
				color: #a1a3a5;	
				font-style: italic;
			}
			#secondary ol li:hover img { right: 0; left: auto; }