/******************************************************************************************************************
Karuna Section Selection Page Stylesheet

Developed by Matthew Hill for Electric Putty August 2007
http://www.friskdesign.com/
******************************************************************************************************************/

/******************************************************************************************************************
AUTO EXPANDING FLOATS FOR COMPLIANT BROWSERS
******************************************************************************************************************/

#sectionAreas:after,
#sectionAreas .panel:after,
#sectionAreas .panel div:after
	{
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/******************************************************************************************************************
BODY CONTENT
******************************************************************************************************************/

.layout3 #bodyContent img {
	margin: 0 0 0 35px !important;
	float:right;
}

/******************************************************************************************************************
SECTION AREAS
******************************************************************************************************************/

#sectionAreas {
	clear:both;
	padding:0 0 45px 0;
}

#sectionAreas .panel {
	width:33.3%;	
	min-height:170px;
	float:left;
	font-size:0.85em;
	overflow:hidden;
}

#sectionAreas .panel h3 {
	line-height: 1.25em;
	}

#sectionAreas .panel h3 span {
	padding: 0 2px;
}

#sectionAreas .panel img {
	float:left;
	width:38.5%;
	max-width:38.5%;
}

#sectionAreas .panel div {
	float:left;
	width:51%;
	margin:0 2% 0 2%;	
	line-height:1.2em;
}

#sectionAreas .panel h3 {
	margin-top:2px;
	color:#FFF;
}


#sectionAreas .panel h3 a {
	color: #fff;
	text-decoration: none;
	}