@charset "utf-8";

/* HERO SPOT
---------------------------------------------------------- */
#hero-spot
{
	background: url("../images/home/hero-bg.png") no-repeat;
	margin: 0; padding: 0;
}	

#arrow-control
{
	background: url( ../images/home/arrow-control-bg.png ) no-repeat;
	width: 132px;
	height: 30px;
	
	position: absolute;
	
	top: 330px;
	left: 768px;
	
	text-align: center;
	line-height: 30px;
	padding: 10px;
	
	clear: both;
	z-index: 1;
}

	#arrow-control div
	{
		float: left;
		width: 70px;
	}
	
	.hero-prev
	{
		background: url("../images/home/arrow-prev.png") no-repeat;
		display:block;
		width: 31px;
		height: 31px;
		float: left;
	}	
	
	.hero-next
	{
		background: url("../images/home/arrow-next.png") no-repeat -31px 0px;
		display: block;
		width: 31px;
		height: 31px;
		float: right;
	}	

#panes
{
	width: 940px;
	height: 400px;
	
	margin: 0px;
	padding: 0px;
	
	list-style: none;
	position: relative;
	overflow: hidden;
	clear: both;
}

	.hero-learn-more
	{
		width: 112px;
		height: 41px;
		background: url("../images/buttons/hero-learn-more.jpg") no-repeat;
		display: block;
		float: left;
		margin-right: 10px;
		
		text-align: center;
		line-height: 34px;
		
		color: #ffffff;
	}

	.hero-learn-more:hover
	{
		color: #ffffff;
	}
	
	.items div
	{
		float: left;
		display: block;
		width: 480px;
		height: 380px;
		
		padding: 60px 400px 60px 60px;
	}

	#panes .items
	{
		width: 20000px;
		height: 400px;
		
		position: absolute;
		clear: both;
		margin: 0px;
		padding: 0px;
	}

	.pane-1
	{
		background: url("../images/home/pane-1-bg.png") no-repeat 580px 0px;
	}	

	.pane-2
	{
		background: url("../images/home/pane-2-bg.png") no-repeat right top;
	}	

	.pane-3
	{
		background: url("../images/home/pane-3-bg.png") no-repeat right top;
	}	

	.pane-4
	{
		background: url("../images/home/pane-4-bg.png") no-repeat right top;
	}	

	.pane-5
	{
		background: url("../images/home/pane-5-bg.png") no-repeat right top;
	}	

.tabs
{
	width: 940px; height: 140px;
	margin: 0px;
	padding-left: 4px;
	overflow: hidden;
}

.tabs li
{
	width: 162px;
	height: 115px;
	display: block;
	overflow: hidden;
	float: left;
	line-height: 15px;
	
	margin: 0px 2px;
	padding: 15px 10px 10px 10px;
	
	background: url("../images/home/tab-bg.png") no-repeat left;
	cursor: pointer; 
}

	.tabs li.active
	{
		background-position: right;	
	}
	
/* LOWER CONTENT
---------------------------------------------------------- */
#lower-content
{
	height: 236px;
	background: url("../images/home/lower-bg-top.jpg") no-repeat;
	
	margin: 0 0 20px 0;
	padding-top: 10px;
}

#lower-content-tray
{
	width: 940px;
	padding: 0;
	background: url("../images/home/lower-bg.jpg") no-repeat left bottom;
}

	#lower-content .one-col
	{
		background: url("../images/common/feature-box-border.png") no-repeat right 15px;
		margin-right: 10px; padding: 10px 30px 20px 20px;
		width: 132px;
		height: 206px;
	}

	#lower-content .one-col.end
	{
		background: none;
	}
	
	#lower-content .two-col
	{
		padding: 10px 20px 20px 20px;
		width: 324px;
		height: 206px;
	}


#lower-tabs
{
	margin: 0px;
	padding: 0px;
	width: 290px;
	float: left;
}

	#lower-tabs li
	{
		list-style: none;
		float: left;
		margin: 0px 5px 0px 0px;
		
		width: 75px;
		height: 35px;
		background: url("../images/buttons/home-lower-tab.png") no-repeat left;
		
		text-align: center;
		line-height: 30px;
		color: #707070;
		cursor: pointer;
	}
	
		#lower-tabs li.active
		{
			background-position: right;	
			font-weight: bold;
			color: #000000;
		}
		
#lower-items div
{
	display: none;
}

#lower-items
{
	width: 324px;
	float: left;
	margin-top: 10px;
}

#lower-tabs-all
{
	background: url("../images/buttons/all.png") no-repeat;
	width: 34px;
	height: 30px;
	
	float: right;
	text-align: center;
	line-height: 30px;
}