/*
	Client:  Woodrow Bridges III (http://www.maximumsoftware.com/)
	Author:  Jose Olarte III (http://www.anomalistdesign.com/)
*/

/* IE BUTTON-WIDTH FIX */

input.button, button.button {
   padding: 0 4px;
   width: 0;
   overflow: visible;
}

input.button[class], button[class] { /* IE ignores [class] */
	width: auto;
}

/* CLEAR FIX */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0 !important;
	height: 0;
	visibility: hidden;
}

/* GENERIC CLASSES */


/*----------------*/
/* PAGE STRUCTURE */
/*----------------*/

body {
	background: #B7DBFF url(../images/bg-body.png) center top repeat-x;
	padding: 28px 0 0;
}

/* HEADER */

#divHeader {
	height: 60px;
	margin: 0 auto 10px;
	position: relative;
	width: 900px;
}

	#divHeader h1 {
		height: 60px;
		left: 10px;
		position: absolute;
		top: 0;
		width: 283px;
	}
	
		#divHeader h1 a {
			background: url(../images/logo-header.png) no-repeat;
			display: block;
			height: 0;
			overflow: hidden;
			padding-top: 60px;
			width: 283px;
		}
	
	#ulMainMenu {
		font-size: 1.4em;
		position: absolute;
		right: 20px;
		top: 30px;
	}
	
		#ulMainMenu li {
			float: left;
			list-style: none;
			margin-left: 20px;
		}
		
			#ulMainMenu li a {
				color: #FFF;
				font-weight: bold;
				text-decoration: none;
			}
			
			#ulMainMenu li a:hover { text-decoration: underline; }
			
			#ulMainMenu li.active a { color: #0CF; }


/* BANNER - HOME */

#divBannerHome {
	background: url(../images/banner-home.png) no-repeat;
	height: 350px;
	margin: 0 auto 5px;
	position: relative;
	width: 900px;
}

	#divBannerHome p {
		display: none;
	}
	
	#divBannerHome a.download {
		display: block;
		left: 658px;
		position: absolute;
		top: 145px;
	}


/* BUCKETS */

#olBuckets {
	height: 124px;
	margin: 0 auto 15px;
	width: 900px;
}

	#olBuckets li {
		float: left;
		height: 124px;
		list-style: none;
		width: 290px;
	}
	
	#olBuckets li.check-up {
		background: url(../images/bucket-check-up.png) no-repeat;
		margin-right: 15px;
	}
	
	#olBuckets li.clean-up {
		background: url(../images/bucket-clean-up.png) no-repeat;
	}
	
	#olBuckets li.speed-up {
		background: url(../images/bucket-speed-up.png) no-repeat;
		float: right;
	}
	
		#olBuckets li h2 { display: none; }
		
		#olBuckets li p {
			color: #FFF;
			font-size: 1.2em;
			line-height: 1.167em;
			margin: 50px 10px 0 111px;
		}


/* CONTENT */

.content-top {
	background: url(../images/content-top.png) no-repeat;
	display: block;
	font-size: 0;
	height: 10px;
	line-height: 0;
	margin: 0 auto;
	width: 900px;
}

#divContent {
	background-color: #FFF;
	margin: 0 auto;
	width: 900px;
}

	/* MAIN CONTENT */
	
	#divMainContent {
		background: url(../images/content-divider.png) right top repeat-y;
		color: #333;
		float: left;
		font-size: 1.3em;
		margin: 10px 0 20px 20px;
		padding-right: 25px;
		width: 564px;
	}
	
		#divMainContent h2,
		#divMainContent h3,
		#divMainContent h4 { font-weight: bold; }
		
		#divMainContent h2 { font-size: 1.846em; }
		#divMainContent h3 { font-size: 1.385em; }
		#divMainContent h4 { font-size: 1em; }
		
		#divMainContent p,
		#divMainContent ul,
		#divMainContent ol { margin: 1em 0; }
		
		#divMainContent ul,
		#divMainContent ol { padding-left: 2em; }
		
		#divMainContent p,
		#divMainContent li { line-height: 1.231em; }
		
		#divMainContent li {
			margin: 0.462em 0;
		}
		
		#divMainContent a {
			color: #039;
		}
		
		#divMainContent .two-column {
			font-size: 0.846em;
			margin: 1em 0;
		}
		
			#divMainContent .two-column .left {
				float: left;
				width: 270px;
			}
			
			#divMainContent .two-column .right {
				float: right;
				width: 270px;
			}
			
			#divMainContent .two-column h3 { font-size: 1.273em; }
			
			#divMainContent .two-column p,
			#divMainContent .two-column li { line-height: 1.273em; }
			
			#divMainContent .two-column li { margin: 0.455em 0; }
		
		#divMainContent .features {}
		
			#divMainContent .features ul { padding-left: 0; }
			
			#divMainContent .features li {
				background: url(../images/bullet.png) left top no-repeat;
				list-style: none;
				padding-left: 20px;
			}
	
	/* SUB CONTENT */
	
	#divSubContent {
		float: right;
		font-size: 1.2em;
		margin: 10px 20px 20px 0;
		width: 258px;
	}
	
		#divSubContent .block {
			margin-bottom: 20px;
		}
		
		#divSubContent h2,
		#divSubContent h3,
		#divSubContent h4 {
			font-weight: bold;
		}
		
		#divSubContent p,
		#divSubContent ul,
		#divSubContent ol { margin: 1em 0; }
		
		#divSubContent ul,
		#divSubContent ol { padding-left: 2em; }
		
		#divSubContent p,
		#divSubContent li { line-height: 1.25em; }
		
		#divSubContent li {
			margin: 0.5em 0;
		}
	
	/* SINKER */
	
	#divSinker {
		clear: both;
		padding: 20px 20px 10px;
	}
	
		#divAwards { float: left; }
		
		#divBannerSinker {
			background: url(../images/banner-check-up.png) no-repeat;
			float: right;
			height: 60px;
			position: relative;
			width: 575px;
		}
		
			#divBannerSinker a {
				display: block;
				left: 307px;
				position: absolute;
				top: 11px;
			}


/* FOOTER */

#divFooter {
	background: url(../images/content-bottom.png) left top no-repeat;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 25px 20px 50px;
	width: 860px;
}

	#divFooter small {
		float: right;
		font-size: 1em;
	}
	
	#ulFooterMenu {
		list-style: none;
	}
	
		#ulFooterMenu li {
			display: inline;
			margin-right: 1em;
		}
		
			#ulFooterMenu li a {
				color: #036;
				font-weight: bold;
				text-decoration: none;
			}
			
			#ulFooterMenu li a:hover {
				text-decoration: underline;
			}