@charset "utf-8";
/* ========== BD Matboard.com Home CSS Styles ========== */

/*	
	1.Intro
		b.Intro Content
	2.Top Products	
	3.Featured Products
	4.Sub Content
		a.About
		b.Testimonials
*/

/* ==================== 1.Intro ==================== */

#intro {width:928px; height:226px; background:url(/images/home/bg-intro.jpg) no-repeat right top; float:left; padding:15px; color:#FFF;}

#intro h1 {padding-bottom:6px; font-weight:normal; color:#FFF;}

#intro p em strong {color:#FFF;}

#intro p {padding-bottom:12px; line-height:160%; width:455px; color:#fff;}

#intro div {padding-left:75px; width:375px; font-weight:bold; padding-top:15px;}

#intro div p {padding-bottom:6px; width:375px; color:#FFF;}

#intro div p span {color:#FC3; font-size:2em; line-height:120%;}

#intro div a {color:#FC3;}

#intro div a:hover {color:#FFF;}

#intro {background:url(/images/home/bg-header.jpg) no-repeat right top;}
#intro div {width:450px; padding-left:0px; padding-top:6px;}
#intro div img {float:left; margin-right:10px; behavior:url(iepngfix.htc); display:block;}
#intro #promo {float:left; width:375px;}
#intro #promo p {padding-left:0px;}

/* ==================== 2.Manufacturers ==================== */

#top-products {width:370px; padding-right:155px; float:left; background:url(/images/home/bg-top-products.jpg) no-repeat right top;}

#top-products h2 {font-size:1.6em; font-weight:normal; color:#000; padding-bottom:6px;}

#top-products p {width:355px; line-height:160%; padding-bottom:12px;}

#top-products a {font-size:1.2em; background:url(/images/home/bg-arrow.gif) no-repeat right; padding-right:1px;}

#top-products dl {line-height:160%; padding-bottom:12px;}

#top-products dt {color:#000; font-weight:bold; padding-bottom:6px;}

#top-products dd {background:url(/images/bullet.gif) no-repeat left 6px; padding-left:10px; margin-left:12px;}

/* ==================== 3.Featured Products ==================== */

#featured-products {width:365px; float:right;}

#featured-products h2 {font-size:1.6em; font-weight:normal; color:#000; padding-bottom:12px;}

#featured-products table {border-collapse:collapse; float:right;}

#featured-products td {width:170px; vertical-align:top;}

#featured-products td.spacer {width:20px;}

#featured-products img {border:#CCC 1px solid; padding:22px; margin-bottom:15px; float:left;}

#featured-products span {font-weight:bold; margin-bottom:5px; display:block; width:170px; height:32px; clear:both;}

#featured-products p {background:#FC3; padding:5px 10px; margin-bottom:20px; color:#000; font-weight:bold;}

#featured-products p strong {color:#F00;}

#featured-products img.banner {border:none; padding:0px; float:none;}

/* ==================== 4.Sub Container ==================== */

#sub-container {float:left; width:928px; border-top:1px dashed #CCC; padding-top:15px;}

#sub-container h2 {font-size:1.6em; font-weight:normal; color:#000; padding-bottom:6px;}

#sub-container p {padding-bottom:12px; line-height:160%;}

/* ---- a.About --- */

#about {width:525px; padding-bottom:130px; float:left; background:url(/images/home/bg-about.jpg) no-repeat left bottom;}

/* ---- b.Testimonials --- */

#testimonials {float:right; width:360px;}

#testimonials span {font-size:1.6em; font-weight:normal; color:#000; padding-bottom:6px; display:block;}

#testimonials p em {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em;}

#testimonials p q {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-weight:bold; font-style:italic; color:#333;}

p.hide { display: none; }