#heroWrapper {
		width: 705px;
		position: relative;
		z-index: 1;
	}
	
	#heroWrapper.withNavigation {
		height: 316px;
	}
	
	#heroNavContainer {
		width: 705px;
		position: absolute;
		z-index: 100;
		bottom: 10px;
	}
	
	#heroNavContainer ul {
		margin: 0;
		padding: 0;
		list-style: none;
		border: none;
		position: relative;
	}
	
	#heroNavContainer li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#heroNavContainer a, #heroNavContainer a:hover {
		display: block;
		padding: 0;
		border: none;
		outline: none;
		margin: 0;
	}
	
	.heroContainer1, .heroContainer2, .heroContainer3, .heroContainer4, .heroContentLeft, .heroContentRight {
		position: relative;
		z-index: 2;

	}

/*******************************************
	_BEGIN STYLES FOR HERO 1 ///////////////
*******************************************/

	.heroContent1 {
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 42%;
		padding: 25px 20px 0px 0px;
		margin: 0px 0px 0px 400px;
		font-size: 12px;
	}
	
	.heroContent1 h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 190%;
		color: #666666;
		margin: 0px 0px 0px 0px;
	}
	.heroContent1 p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		margin: 3px 0px 3px 0px;
	}
	
	.heroContent1 li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		padding: 1px 0px 1px 0px;
		list-style: disc;
	}
	
	.heroContent1 ul {
		margin: 0px 0px 0px 15px;
		padding: 3px 0px 3px 15px;
		list-style: disc;
	}
	
/*******************************************
//////////////// _END STYLES FOR HERO 1	
*******************************************/	
	
	
/*******************************************
	_BEGIN STYLES FOR HERO 2 ///////////////
*******************************************/
	
	.heroContent2 {		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 42%;
		padding: 25px 20px 0px 20px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
	}
	
	.heroContent2 h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 190%;
		color: #666666;
		margin: 0px 0px 0px 0px;
	}
	.heroContent2 p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		margin: 3px 0px 3px 0px;
	}
	
	.heroContent2 li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		padding: 1px 0px 1px 0px;
		list-style: disc;
	}
	
	.heroContent2 ul {
		margin: 0px 0px 0px 15px;
		padding: 3px 0px 3px 15px;
	}
	
/*******************************************
//////////////// _END STYLES FOR HERO 2	
*******************************************/	

/*******************************************
	_BEGIN STYLES FOR HERO 3 ///////////////
*******************************************/

	.heroContent3 {
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 42%;
		padding: 25px 20px 0px 20px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
	}
	
	.heroContent3 h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 190%;
		color: #666666;
		margin: 0px 0px 0px 0px;
	}
	.heroContent3 p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		margin: 3px 0px 3px 0px;
	}
	
	.heroContent3 li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		padding: 1px 0px 1px 0px;
		list-style: disc;
	}
	
	.heroContent3 ul {
		margin: 0px 0px 0px 15px;
		padding: 3px 0px 3px 15px;
		list-style: disc;
	}
	
/*******************************************
//////////////// _END STYLES FOR HERO 3	
*******************************************/

/*******************************************
	_BEGIN STYLES FOR HERO 4 ///////////////
*******************************************/
	
	.heroContent4 {		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 42%;
		padding: 25px 20px 0px 20px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
	}
	
	.heroContent4 h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 190%;
		color: #666666;
		margin: 0px 0px 0px 0px;
	}
	.heroContent4 p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		margin: 3px 0px 3px 0px;
	}
	
	.heroContent4 li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		padding: 1px 0px 1px 0px;
		list-style: disc;
	}
	
	.heroContent4 ul {
		margin: 0px 0px 0px 15px;
		padding: 3px 0px 3px 15px;
		list-style: disc;
	}
	
/*******************************************
//////////////// _END STYLES FOR HERO 4	
*******************************************/	

/*******************************************
	_BEGIN STYLES FOR HERO LEFT ///////////////
*******************************************/
	
	.heroContentLeft {		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 42%;
		padding: 25px 20px 0px 20px;
		margin: 0px 0px 0px 400px;
		font-size: 12px;
	}
	
	.heroContentLeft h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 190%;
		color: #666666;
		margin: 0px 0px 0px 0px;
	}
	.heroContentLeft p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		margin: 3px 0px 3px 0px;
	}
	
	.heroContentLeft li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		padding: 1px 0px 1px 0px;
		list-style: disc;
	}
	
	.heroContentLeft ul {
		margin: 0px 0px 0px 15px;
		padding: 3px 0px 3px 15px;
		list-style: disc;
	}
	
/*******************************************
//////////////// _END STYLES FOR HERO LEFT	
*******************************************/	

/*******************************************
	_BEGIN STYLES FOR HERO RIGHT ///////////////
*******************************************/
	
	.heroContentLeft {		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 100%;
		padding: 25px 20px 0px 20px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
	}
	
	.heroContentLeft h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 190%;
		color: #666666;
		margin: 0px 0px 0px 0px;
	}
	.heroContentLeft p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		margin: 3px 0px 3px 0px;
	}
	
	.heroContentLeft li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
		padding: 1px 0px 1px 0px;
		list-style: disc;
	}
	
	.heroContentLeft ul {
		margin: 0px 0px 0px 15px;
		padding: 3px 0px 3px 15px;
		list-style: disc;
	}
	
/*******************************************
//////////////// _END STYLES FOR HERO RIGHZ	
*******************************************/