/*
	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: 38px 0 0;
}

/* HEADER */

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

	#divHeader h1 {
		height: 51px;
		left: 10px;
		position: absolute;
		top: 0;
		width: 244px;
	}
	
		#divHeader h1 a {
			background: url(../images/logo-header.png) no-repeat;
			display: block;
			height: 0;
			overflow: hidden;
			padding-top: 51px;
			width: 244px;
		}
	
	#ulMainMenu {
		font-size: 1.4em;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	
		#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: 304px;
	margin: 0 auto 15px;
	position: relative;
	width: 900px;
}

	#divBannerHome p {
		display: none;
	}
	
	#divBannerHome a.download {
		display: block;
		left: 658px;
		position: absolute;
		top: 145px;
	}
	
	#divBannerHome a.tagline {
		display: block;
		height: 0;
		left: 175px;
		overflow: hidden;
		padding-top: 36px;
		position: absolute;
		top: 260px;
		width: 555px;
	}


/* 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; margin: 1.5em 0 0.5em; }
		#divMainContent h4 { font-size: 1em; }
		
		#divMainContent p,
		#divMainContent ul,
		#divMainContent ol,
		#divMainContent address { margin: 1em 0; }
		
		#divMainContent ul,
		#divMainContent ol { padding-left: 2em; }
		
		#divMainContent p,
		#divMainContent li,
		#divMainContent address { line-height: 1.231em; }
		
		#divMainContent address { font-weight: bold; }
		
		#divMainContent li {
			margin: 0.462em 0;
		}
		
		#divMainContent a {
			color: #039;
		}
		
		#divMainContent del { text-decoration: line-through; }
		
		#divMainContent table {
			border-top: #DDD 1px solid;
			margin: 1em 0;
			width: 100%;
		}
		
			#divMainContent table tr {}
			
				#divMainContent table th {
					border-bottom: #DDD 1px solid;
					background-color: #EEE;
					padding: 6px 8px;
				}
				
				#divMainContent table td {
					border-bottom: #DDD 1px solid;
					padding: 4px 8px;
				}
				
				#divMainContent table .value-numeric { text-align: right; }
				#divMainContent table .value-special { text-align: center; }
		
		#divMainContent .old-price { color: #999; }
		#divMainContent .promo-price { color: #C00; font-weight: bold; }
		
		#divMainContent .image-frame {
			float: right;
			margin: 0 0 1em 1em;
			text-align: center;
		}
		
			#divMainContent .image-frame .caption {
				display: block;
				font-size: 0.846em;
				margin-top: 0.5em;
			}
		
		#divMainContent .two-column,
		#divMainContent .three-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 .three-column .left {
				float: left;
				width: 180px;
			}
			
			#divMainContent .three-column .middle {
				float: left;
				margin-left: 12px;
				width: 180px;
			}
			
			#divMainContent .three-column .right {
				float: right;
				width: 180px;
			}
			
			#divMainContent .two-column h3,
			#divMainContent .three-column h3 { font-size: 1.273em; }
			
				#divMainContent .two-column h3 img,
				#divMainContent .three-column h3 img { vertical-align: middle; }
			
			#divMainContent .two-column p,
			#divMainContent .two-column li,
			#divMainContent .three-column p,
			#divMainContent .three-column li { line-height: 1.273em; }
			
			#divMainContent .two-column li,
			#divMainContent .three-column li { margin: 0.455em 0; }
		
		#divMainContent .problems-and-solutions {}
		
			#divMainContent .problems-and-solutions .problems { color: #900; }
			
			#divMainContent .problems-and-solutions .solutions { color: #060; }
		
		#divMainContent .feature-list {}
		
			#divMainContent .feature-list ul {
				list-style: none;
				padding-left: 0 !important;
			}
	
	/* SUB CONTENT */
	
	#divSubContent {
		float: right;
		font-size: 1.1em;
		margin: 10px 20px 20px 0;
		text-align: center;
		width: 258px;
	}
	
		#divSubContent .block {
			margin-bottom: 20px;
		}
		
		#divSubContent h3,
		#divSubContent h4 {
			font-weight: bold;
		}
		
		#divSubContent h3 { font-size: 1.273em; }
		#divSubContent h4 { font-size: 1em; }
		
		#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;
		}
		
		#divSubContent .feature-list {
			list-style: none;
			padding: 0;
		}
		
			#divSubContent .feature-list li {
				float: left;
				font-weight: bold;
				width: 129px;
			}
			
				#divSubContent .feature-list li a {
					display: block;
				}
	
	/* 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;
			}
		
		#divSinker .features {
			clear: both;
			padding-top: 2em;
			text-align: center;
		}
		
			#divSinker .features li {
				display: inline;
				margin: 0 0.25em;
			}
			
				#divSinker .features li a {
					color: #999;
					text-decoration: none;
				}
				
				#divSinker .features li a:hover {
					color: #666;
					text-decoration: underline;
				}


/* 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;
	}
	
	#divFooter .menu {
		list-style: none;
	}
	
		#divFooter .menu li {
			display: inline;
			margin-right: 1em;
		}
		
	#divFooter a {
		color: #036;
		font-weight: bold;
		text-decoration: none;
	}
	
	#divFooter a:hover {
		text-decoration: underline;
	}