@charset "UTF-8";
/* CSS Document */

/* GLOBAL STYLES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object { padding: 0; margin: 0; outline: none; }
		table { border-collapse: collapse; border-spacing: 0; }
		fieldset, img, abbr { border: 0px; padding: 0px; margin: 0px;}
		address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var { font-weight: normal; font-style: normal; }
		ul { list-style: none; }
		caption, th { text-align: left; }
		h1, h2, h3, h4, h5, h6 { font-size: 1.0em; }
		q:before, q:after { content: ''; } 
		a, ins { text-decoration: none; outline: none; }

		body { background: url(images/background-concrete.jpg) repeat; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; }
		html, body { height: 100%; }
		strong { font-weight: bold; }
		em { font-style: italic; }
		.clear { clear: both; }

		span { position: absolute; left: -9384px; } /* HIDE TEXT FOR IMAGE REPLACEMENT */
		
/* PAGE FORMATTING
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		
		/* CENTER PAGE HORIZONTALLY*/
		#superwrapper { top: 40px; position: absolute; left: 50%; margin-left: -400px; width: 800px; z-index: 3000;  }
		
		#contentwrapper { position: relative; float:left; top: 0px; width: 800px; margin: 0px; padding: 0px; height: 100%; z-index: 10000; background-color:#FFFFFF; overflow:hidden; }
		#contentwrapper.home {height: 322px; }
		#contentwrapper.home div { margin-bottom: 0px; padding-bottom: 0px; }
		#contentwrapper div { position: relative; margin-bottom: -2000px; padding-bottom: 2000px; }
		#contentwrapper.producers div#contentColumn { width: 540px; margin-top: 175px; float: left; } 
		#contentwrapper.producers div { margin-bottom: 0px; padding-bottom: 0px; }
		#contentwrapper.producers div#contentColumn div#finder { width: 540px; background-color: #131313; margin: 0px; padding: 0px; position: absolute;}
		#contentwrapper.producers div#contentColumn div#finder table { margin-left: 0px; margin-top: 14px;}

/* HEADER SECTION - including branding items (logo/tagline) and main navigation
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
				
		/* HEADER::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#header { background-image: url(images/background-white-top.png); background-repeat: no-repeat; background-color: #FFFFFF; width: 800px; height: 100px; }
				
		/* LOGO + TAGLINE POSITIONING::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
			
		#logo { position: absolute; left: 30px; top: 17px; width: 343px; height: 65px; z-index: 8000; border: none; }
		#tagline { position: absolute; left: 605px; top: 17px; width: 167px; height: 65px; z-index: 1000; border: none; }
		#print-logo { display: none; }

		/* MAIN NAV FORMATTING::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		
				/* POSITIONING of MAIN NAV */
				#divNav { top: 70px; width: 800px; margin: 0px; padding: 0px; height: 29px; z-index: 5000; background-color: #000000; display:block; }
				#nav { position: relative; height: 29px; width: 490px; top: 0px; left: 310px; background-color: #000000; }
					#nav a { text-decoration: none; border: 0; padding: 0px; }
					#nav li { margin: 0px; padding: 0px; float: left; display: block; }

				/* STYLE UPPER NAVIGATION WITH IMAGES */		
				#liHome a, #liProducts a, #liDIY a, #liPro a, #liProducers a, #liContact a { display: block; position: absolute; height: 29px; background: url(images/nav.gif) no-repeat; border: 0; padding: 0; outline: none; }
				
				/* UPPER NAVIGATION IMAGE PLACEMENT for each category */			
				#liHome a { background-position: 0 0; width: 60px; left: 0px; }
				#liProducts a { background-position: -60px 0; width: 73px; left: 60px; }
				#liDIY a { background-position: -133px 0; width: 97px; left: 133px; }
				#liPro a { background-position: -230px 0; width: 94px; left: 230px; }
				#liProducers a { background-position: -324px 0; width: 83px; left: 324px; }
				#liContact a { background-position: -407px 0; width: 83px; left: 407px; }
			
				/* UPPER NAVIGATION HOVER STATES + PLACEMENTS for each category */
				#liHome a:hover, #liHome:hover a, #liHome.over a { background-position: 0 -29px; border: 0; }
				#liProducts a:hover, #liProducts:hover a, #liProducts.over a { background-position: -60px -29px; border: 0; }
				#liDIY a:hover, #liDIY:hover a, #liDIY.over a { background-position: -133px -29px; border: 0; }
				#liPro a:hover, #liPro:hover a, #liPro.over a { background-position: -230px -29px; border: 0; }
				#liProducers a:hover, #liProducers:hover a, #liProducers.over a { background-position: -324px -29px; border: 0; }
				#liContact a:hover, #liContact:hover a, #liContact.over a { background-position: -407px -29px; border: 0; }
				
		/* FEATURE BOX::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
				#featurebox { position: relative; width: 800px; height: 174px; display: block; z-index: 7000; background-color: #FFFFFF; }
				#contentShadow { width: 800px; height: 20px; display: block; background-color: #FFFFFF;}
				
		#contentColumn { position: relative; top: 0px; left: 0px; width: 540px; float: left; margin-top: 0px; z-index: 8001; }
		div.home #contentColumn { height: 322px; top: 0px; margin-bottom: -50px; }
		#contentColumn.locator { background: #000000; height: 488px; }
		.productBox { position: relative; padding: 20px 0px; background: #FFFFFF; }
		.productBox img { padding-left: 20px; padding-right: 20px; padding-bottom: 0px; }
		.productBox p { margin-top: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 30px; line-height: 13px; color: #000000;}
		.productBox h2 { padding: 25px 30px 0px 40px; }
		#contentwrapper #sidebar2 { background-color: #BFDFF4; color: #000000;}
		#contentwrapper #sidebar2 div { border-bottom: #666 dotted 1px; padding: 5px 11px; margin: 0px 0px;}
		#search { padding: 10px; color: #FFFFFF; font-size: 11px; font-weight: bold; padding-bottom: 5px;}
		#search input { font-weight: normal; }
		#search h2 { margin: 0px; padding: 0px; font-size: 18px; padding-bottom: 0px; }
		#search h3 { padding-bottom: 10px; }
		#search h2 strong { color: #FFEC42; }
		
		#sideBar { position: relative; top: 20px; width: 234px; padding-bottom: 45px; float: right; background-color: #4da2d5; height: 100%;  display: inline; margin-right: 26px; z-index: 8002; }
		#sideBar.locator { height: 664px; }
		#sideBar h2 { color: #FFFFFF; font-size: 20px; text-align:center; padding: 10px 40px 4px 40px;}
		#sideBar p { z-index: 9000; color: #FFFFFF; line-height: 16px; padding-left: 15px; padding-right: 15px; margin-top: 0px; padding-top: 10px; }
		#sideBar ul { font-size: 12px; color: #FFFFFF; font-weight: bold; padding-left: 15px; padding-right: 15px; margin-top: 0px; padding-bottom: 20px; }
		#sideBar li { padding-top: 5px; }
		#sideBar a { color: #FFFFFF; }
		#sideBar a:hover { color: #ECE70C; text-decoration: underline; }
		#sideBar h3 { font-size: 15px; color: #000000; padding-left: 15px; padding-right: 15px; font-weight: bold; padding-top: 0px;}
		#homeSideBar { position: absolute; top: 0px; left: 0px; width: 234px; height: 322px; float: right; background-color: #4da2d5;  margin-right: 26px; z-index: 39000; }
		#contentwrapper.home { overflow: visible; position: static; }
				
		/* FOOTER::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#footer { position: relative; top: 0px; width: 800px; height: 60px; background: url(images/footer.png) no-repeat; clear:both; }
		#footer.home { background: url(images/footer-home.png) no-repeat; top: -28px; z-index: 11000;}
			#footer a { color: #CCCCCC; text-decoration: none; outline:none; }
				#footer a:visited { color:#CCCCCC; }
				#footer a:hover { color: #ECE70C; text-decoration:underline; }
				#footer p { padding-top: 35px; font-size: 11px; text-align: left; color: #CCCCCC; padding-left: 0px; padding-right: 0px; margin: 0px;} /* styling copyright text */	
		.top { z-index: 11000; }		
		p  { font-size: 11px; line-height: 20px; text-align: justify; margin-top: 12px; padding: 30px 40px 4px 40px; }
		
		h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 30px 40px 4px 40px;  }
		.contact { display: inline; }
		.contact p { padding: 0px 0px 0px 30px; font-size: 13px; margin-top: 0px; }
		.contact form p { padding: 0px; }
		
		.contact h2 { padding-left: 30px; padding-top: 15px; margin-bottom: 0px; }

		.homepage { font-size: 12px; line-height: 20px; z-index: 12000;}
		.allCaps { position: static; left: 0px; font-weight: bold; font-size: 15px; }
		.lightGrey { color: #666666; }
		.professional { background: url(images/feature-professional.png) top no-repeat; }
		.DIY { background: url(images/header-content.png) top no-repeat; }
		.spacer { padding-top: 20px; }
		.producers { background: url(images/feature-producers.png) top no-repeat; }
		.logos {padding: 0px 38px 10px 38px;}
		.tab { left: 150px; }
		.tabLinks { left: 300px; }
		
		table {font-size: 11px; margin-left: 17px; }
		.contentFeatureSpacing { padding-top: 180px;}
		.contentFeatureSpacing p { padding-top: 10px; color: #333333; }
		
		.countertopConcrete { margin: 25px 10px 25px 10px; padding: 25px 0 50px 0 ; border-top: 1px dotted #333333; }
		.countertopConcrete img {float: left; margin-bottom: 0px; }
		.noMargin { margin: 5px 0px 0px -20px; }
		.countertopConcrete h2 { margin-top: 0px; padding-top: 3px; }
		
/* :::: LINK STYLING :::: */
	#contentColumn a { color: #0079c2; text-decoration:underline; outline:none; }
	#contentColumn a:hover { color: #000000; text-decoration:underline; outline: none;}
	#contentColumn a:visited { color:#0079c2; }
		
		hr {color: #fff; background-color: #fff; border: 1px dotted #666666; border-style: none none dotted; padding: 0px 40px 0px 40px; }