/* 
######################################################################################
######                                                                        #######
######     RECIPE DETAILS		                                     	     #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** BASE / GENERIC RESET ****************************************************/
/******************************************************************************/

#mainbody {
	width: 820px;
	padding-top: 28px;
	background-image: url(../../../images/pagespecific/about/clover-bg.jpg);
	background-repeat: no-repeat;
	background-position: right 28px;
	}


/********************************************************************************/
/***** HEADERS *****************************************************************/
/******************************************************************************/

h1 {
	text-indent: -6767px;
	overflow: hidden;
	height: 60px;
	background-repeat: no-repeat;
	background-image: url(../../../images/pagespecific/about/ttl_about-clover.gif);
}

h2 {
	text-transform: uppercase;
	color: #249741;
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.9em;
}


/********************************************************************************/
/***** ABOUT INTRO *************************************************************/
/******************************************************************************/

.about-intro {
	float: left;
	height: auto !important;
	min-height: 390px;
	height: 390px;
	width: 430px;
	margin-bottom: 22px;
}

/***** MAIN LINKS *****/

.main-links {
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	height: 65px;
	}
	.main-links li {
		float: left;
		margin: 0 15px 0 0;
		padding: 0;
		height: 65px;
		}
		.main-links li a {
			float: left;
			height: 65px;
			background-image: url(../../../images/pagespecific/about/main-links.gif);
			background-repeat: no-repeat;
			text-decoration: none;
			text-indent: -6767px;
			overflow: hidden;
		}
		.main-links li a.about-clover { width: 127px; background-position: 0 0; }
		.main-links li a.about-clover:hover { background-position: 0 -65px; }
		.main-links li.current a.about-clover { background-position: 0 -130px; }
		
		.main-links li a.clover-history { width: 127px; background-position: -148px 0; }
		.main-links li a.clover-history:hover { background-position: -148px -65px; }
		.main-links li.current a.clover-history { background-position: -148px -130px; }


/********************************************************************************/
/***** LIVE LIGHTER ************************************************************/
/******************************************************************************/

.live-lighter {
	float: right;
	width: 251px;
	margin-top: 200px;
	}
	.live-lighter h3 {
		margin: 0 0 12px 0;
		padding: 0;
		text-indent: -6767px;
		overflow: hidden;
		width: 183px;
		height: 105px;
		background-image: url(../../../images/pagespecific/about/h3_live-lighter.gif);
	}


/********************************************************************************/
/***** ABOUT MORE **************************************************************/
/******************************************************************************/

.about-more {
	clear: both;
	}
	.about-more div.hr2 { width: 430px; margin-bottom: 22px; }