/*----------------------------------------------
	HOME.CSS
	Author:		Engage Interactive
	Requires:	reset.css
				global.css
----------------------------------------------*/

#homepage_column {
	float:left;
	width:824px;
	padding-left:6px;
	margin-bottom:6px;
}


/*-------------------------------
	HOMEPAGE FOOTER
-------------------------------*/

#homepage_footer {
	width:824px;
	padding-top:6px;
	border-top:solid 1px #f0f0f0;
	clear:both;
	overflow:hidden;
}

#homepage_footer div {
	position:relative;
	float:left;
	height:148px;
	padding:6px;
	border:solid 1px #f0f0f0;
}

#homepage_footer div h3,
#homepage_footer div p {
	text-indent:-5000px;
}

#homepage_footer div#clients {
	width:308px;
	margin-right:6px;
	background:url(/assets/images/home/clients.gif) 6px 6px no-repeat;
}

#homepage_footer div#promotion {
	width:482px;
	background:url(/assets/images/home/promotion_chameleon.jpg) 6px 6px no-repeat;
}

#homepage_footer div#promotion a.button {
	position:absolute;
	right:6px;
	bottom:6px;
}


/*---------------------
	ADDRESS
---------------------*/

#left_column address{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:165px;
	height:170px;
	background:url(/assets/images/home/address.gif) bottom no-repeat;
	text-indent:-5000px;
}


/*-------------------------------
	FEATURED SLIDER
-------------------------------*/

#featured {
	position:relative;
	float:left;
	width:652px;
	height:380px;
	margin:0 6px 6px 0;
	overflow:hidden;
}

#featured #featured_slider {
	position:absolute;
	left:0;
	top:0;
	width:6580px;
	height:380px;
	z-index:10;
}

#featured #featured_slider .featured_content {
	float:left;
	width:652px;
	height:380px;
	margin-right:6px;
	background:#f4f4f4;
}

/*---------------------
	FEATURED NAV
---------------------*/

#featured ul {
	position:absolute;
	left:8px;
	top:8px;
	z-index:20;
}

#featured ul li {
	float:left;
	margin-right:4px;
}

#featured ul li a {
	display:block;
	padding:2px 6px;
	border:solid 1px #e4e4e4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#FFF;
	font-size:11px;
	color:#999;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

#featured ul li a:hover {
	border-color:#d2d2d2;
	background:#e4e4e4;
	text-decoration:none;
	text-shadow:0 1px 0 #FFF;
	color:#333;
}

#featured ul li.on a {
	border-color:#8fbb5f;
	background:#b5d323;
	color:#FFF;
	text-shadow:0 1px 0 #8fbb5f;
}