@import url("applications.css");
@import url("modules.css");

#main-content { 
	border-left: 1px #d8d9da solid;
	float: right; 
	margin: 0 auto;
	height: 140px; width: 800px }
	
#main-content h2 {
	background: url(../images/homepage-cleansimplesmart.gif) no-repeat 30px;
	display: block;
	margin: 0;
	float: left; 
	height: 140px;
	text-indent: -9999px;
	width: 300px; }

#main-content p {
	background: url('../images/homepage-divider.gif') no-repeat left 30px; 
	float: right; 
	width: 420px; 
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 50px 0 0;
	padding: 35px 0 10px 30px; }

#main-content p strong { color: #1e1c1c; font-weight: normal }

#homepage-content {
	background: #52514b url(../images/bg-homepage-content.jpg) repeat-x;
	border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	box-shadow: 0 0 8px #646464;-webkit-box-shadow: 0 0 8px #646464; -moz-box-shadow: 0 0 8px #646464;
	clear: both;
	float: left;
	padding: 5px 0;
	margin: 20px; }

#homepage-content ul { background: url(../images/homepage-content-div.gif) no-repeat center; padding-top: 20px }
	
#homepage-content ul li {
	background: url(../images/border-dot.gif) repeat-x bottom;
	color: #ffffff;
	float: left;
	padding: 0 0 30px 0;
	margin: 0 20px 30px 20px;
	height: 75px;
	overflow: hidden;
	width: 45.7%;}

#homepage-content ul li.alt { background: none; margin-bottom: 0 }

#homepage-content li a:hover img {
		box-shadow: 0 0 6px #000000;-webkit-box-shadow: 0 0 6px #000000; -moz-box-shadow: 0 0 6px #000000;
}
#homepage-content li img {
	border: 0;
	box-shadow: 0 0 6px #32322f;-webkit-box-shadow: 0 0 6px #32322f; -moz-box-shadow: 0 0 6px #32322f;
	padding: 0;
	float: right;
	margin-left: 20px }

#homepage-content h3 { font-size: 1em; margin: 0 0 10px 0}
#homepage-content p { color: #a8aaad; font-size: .6em; line-height: 1.3em}	
#homepage-content a { color: #cccccc }
#homepage-content a:hover { color: #ffffff }

hr { height: 1px; background: #d8d9da; color: #d8d9da; margin: 0; border: 0; clear: both }