/* ---------------------------------------- */
/* Name: main.css
/* ---------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 1-2-2008
/* ---------------------------------------- */
/* Description: Main Page Styles for Mixer
/*				Systems
/* ---------------------------------------- */
/* Revisions:
/* ---------------------------------------- */
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ---------------------------------------- */

@import url(scaffold.css);

#header{height:182px;}

#header h1{height:71px; width:149px; background:url(images/logo.gif) no-repeat top left; margin-top:44px; float:left;}
#header h2{
	height:20px;
	width:309px;
	background:url(images/tagLine.gif) no-repeat top left;
	float:left;
	margin:60px 0 0 11px;
}

#banner{background:url(images/bannerBg.gif) repeat-x top left; height:204px; position:relative;}
#banner #welcome{height:104px; width:374px; background:url(images/welcome.gif) no-repeat top left; float:left; position:relative; z-index:2;
				 margin:11px 0 0 30px;}
html>body #banner #welcome{margin-left:59px;}
#bannerBg{height:204px; width:576px; float:left; background:url(images/bannerBg.jpg) no-repeat top left; position:absolute; left:0;}
#banner .prodPreview{width:292px; height:252px; float:left; position:relative; z-index:2; margin-top:-48px; cursor:pointer;}
.prodPreview a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	line-height:13px;
}
.prodPreview h4 {margin-top:60px; color:#fff; font-size:11px; line-height:8px;}
#planetaryMixer{background:url(images/planetaryMixer.gif) no-repeat top left;}
#batchPlant{background:url(images/batchPlant.gif) no-repeat top left;}

#news{height:97px;}
#news h3{background:url(images/news.gif) no-repeat top left; height:11px; width:41px; margin:9px 0 8px 0; float:left;}
#news p{width:295px; clear:left; float:left; color:#5f6062;}
#news ul{text-align:right; list-style:none; float:right; margin-top:5px;}
#news ul li a{text-decoration:none; color:#5f6062; font-size:11px;}
#news ul li a:hover{text-decoration:underline;}

#testimonial #testHead {background:url(images/testimonials.gif) no-repeat top left; height:11px; width:41px; margin:9px 0 8px 0; float:left;}

#content{font-size:12px; color:#5f6062;}
#content .col3{padding-bottom:10px;}
#content .col3 img{border:0;}
#content h3 a{display:block; height:21px; width:100%; margin:10px 0 13px 0;}
.centerCol{width:28%; margin:0 2%;}

#products{background:url(images/products.gif) no-repeat top left;}
#services{background:url(images/services.gif) no-repeat top left;}
#parts{background:url(images/parts.gif) no-repeat top left;}

#pdf a {
	background: url(images/pdf.gif) no-repeat left center;
	padding-left: 21px;
	line-height: 16px;
	list-style-type: none!important;
	list-style-image: none!important;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 13px;
	font-weight: bold;
	float:left;
}

#affil {margin-left:25%;}
#affilbox {margin-left:30%; margin-top:3px; width:160px; height:110px; float:left; text-align:center; text-decoration:none;}
#affilbox a{text-decoration:none;}
#affilbox a:hover{text-decoration:underline;}
#affilbox2 {margin-left:53%; width:160px; height:110px; text-align:center; text-decoration:none;}
#affilbox2 a{text-decoration:none;}
#affilbox2 a:hover{text-decoration:underline;}