/* Hero spot */

#page
{
	background: url( ../images/hero-spots/home.jpg) no-repeat 0px 122px;
}

#hero-spot
{
	width: 480px;
	height: 234px;	/* 254 - 40 */

	padding: 20px 0px 0px 30px;
}

#hero-spot h1
{
	font-size: 300%;
	margin-bottom: 8px;
}

#hero-spot h3
{
	font-size:110%;
	color:#00aeef;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

#hero-spot p
{
	font-size: 110%;
	margin-bottom: 16px;
	line-height:18px;
}

/* Pedigree area, showing various logos */

#pedigree
{
	margin: 5px 0px 16px 0px;
	overflow: hidden;
}

#pedigree p
{
	width: 450px;
	float: left;

	padding: 0px;
	margin: 6px 0px 0px 0px
}

#pedigree ul
{
	float: right;
}

#pedigree ul li
{
	float: left;
	margin-left: 10px;
}

/* Hero Nav Bar */
#hero-nav
{
	width:870px;
	margin-bottom:20px;
	clear:both;
	height:82px;
}

#hero-nav h3
{
	background: url(../images/hero-nav-bg.gif) repeat-x;
	height:42px;
	width:850px;
	line-height:42px;
	padding-left:5px;
}

	#hero-nav li
	{
		background: url(../images/buttons/home-button-edge.gif) no-repeat;
		padding:0px 0px 0px 12px;
		margin-right:2px;
		height:40px;
		
		float:left;
	}
	
		#hero-nav li.middle-child
		{
			padding:0px 0px 0px 13px;	
		}
	
	#hero-nav a
	{
		background: url(../images/buttons/home-button-tile.gif) right no-repeat;
		display:block;
		height:40px;
		width:189px;
		line-height:40px;
		padding:0px 12px 0px 0px;
	}

/* Software suite grid */

#the-suite
{
	width: 860px;
	clear: both;
	margin-bottom: 16px;
}

#the-suite h2
{
	margin-bottom: 5px;
	margin-left:5px;
}

#the-suite h4 a
{
	color:#505050;
	font: 120% Georgia, "Times New Roman", Times, serif;
}

#the-suite a.product
{
	padding-left:30px;
	background: url(../images/red-arrow-circle.gif) no-repeat;
	
	display:block;
	line-height:22px;
	height:22px;
	
	margin-top:6px;
}

#the-suite ul
{
	width: 870px;
	overflow: hidden;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#the-suite li
{
	width: 280px;
	float: left;

	margin: 0px 10px 0px 0px;
}

	.product-top-small
	{
		background:	url( ../images/product-top-small.gif) 0 top no-repeat;
		width:280px;
		margin-top:10px;
	}
	
		.product-top-small img
		{
			margin:0px 10px;
			float:left;
		}
		
		.product-top-small h4
		{
			display:block;
			padding-top:42px;
		}
		
	.product-bottom-small
	{
		background:	url( ../images/product-bottom-small.gif) bottom no-repeat;
		margin: 12px 0px 0px 0px;
		padding:0px 20px 10px 20px;
		
		height:90px;
_height:100px;
	}
/*
#the-suite li.item-1
{
	background: url( /inc/images/software/smart-replenish.gif ) no-repeat;
}

#the-suite li.item-2
{
	background: url( /inc/images/software/smart-buy.gif ) no-repeat;
}

#the-suite li.item-3
{
	background: url( /inc/images/software/smart-reconcile.gif ) no-repeat;
}

#the-suite li.item-4
{
	background: url( /inc/images/software/smart-schedule.gif ) no-repeat;
}

#the-suite li.item-5
{
	background: url( /inc/images/software/smart-comply.gif ) no-repeat;
}

#the-suite li.item-6
{
	background: url( /inc/images/software/smart-mobile.gif ) no-repeat;
}
*/
#the-suite li h4
{
	margin: 0px 0px 24px 100px;
}

/* fuel-desk placeholder */

#fuel-ad
{
	width:860px;
	height:120px;
}

	#fuel-ad h4
	{
		text-align:center;
		line-height:120px;
	}

	#fuel-desk
	{
		background: #fbfbfb;
		
		width:570px;
		height:120px;
		
		float:left;
	}
	
	#advertisement
	{
		border: 1px solid #ebebeb;
		
		width: 258px;
		height: 100px;
		padding: 10px;
		
		float: right;
	}
	
		#advertisement img
		{
			margin: 10px auto 0px auto;
			display: block;
		}


/* ROI buttons */

#options
{
	clear: both;
	width: 360px;
	float: left;
}

#options ul
{
	margin-top: 4px;
}

#options ul li
{
	display: block;
	width: 341px;
	height: 53px;

	background: url(../images/options-bg.gif) no-repeat;
}

#options ul li a
{
	display: block;
	width: 341px;
	height: 18px;

	padding-top: 17px;
	padding-bottom: 16px;

	font-size: 133.3%;
	color: #FFFFFF;
	text-align: center;
}

/* Bottom testimonials */

#quotes
{
	clear: both;	/* Remove this when ROI buttons are restored */
	width: 862px;	/* Remove this when ROI buttons are restored */

	/*
	width: 489px;	Restore this when ROI buttons are restored
	float: right;	Restore this when ROI buttons are restored
	*/
}

#quotes li
{
	/*
	width: 459px;	/* 489 - 15 - 15 *	Restore this when ROI buttons are restored
	float: left;	Restore this when ROI buttons are restored
	*/

	width: 390px;	/* Remove this when ROI buttons are restored */

	border: 1px solid #ebebeb;

	padding: 15px;
	margin-bottom: 15px;
}

#quotes li.item-1	/* Remove this when ROI buttons are restored */
{
	float: left;
}

#quotes li.item-2	/* Remove this when ROI buttons are restored */
{
	float: right;
}

#quotes .quote-logo
{
	width: 110px;
	float: left;
}

#quotes .quote-logo img
{
	margin: 32px auto 0px auto;
	display: block;
}

#quotes .quote,
#quotes .quote-sig
{
	width: 236px;	/* Remove this when ROI buttons are restored */

	/*
	width: 305px;	/* 341 - 36 *	Restore this when ROI buttons are restored
	*/

	float: right;

	margin-top: 0px;
	margin-bottom: 0px;

	padding-top: 0px;
	padding-bottom: 0px;
}

#quotes .quote p,
#quotes .quote-sig
{
	font-size: 100%;
}

#quotes .quote-action
{
	width: 236px;
	float: right;
}

#quotes .quote-action a
{
	font-size: 116.7%;
	line-height: 21px;
	margin-top: 10px;
}