﻿@import url(reset.css);
@import url(navmenu.css);
@import url(flooringlinks.css);
@import url(typography.css);

html { background: url('../images/back.jpg') top center repeat-y #580114; text-align: center; }

body { position: relative; margin: 0 auto; width: 730px; background: white; text-align: left; }

hr { display: none; }

.clearall { clear: both; }
.floatright { float: right; }

	#pagehead { position: relative; height: 70px; background: url('../images/mainhead.gif') top left no-repeat; }
		body#cover #pagehead { height: 150px; background: url('../images/covertop.jpg') top left no-repeat; }
		
		#pagehead h1, #pagehead p {
			font-size: 0; text-indent: -2000px; overflow: hidden;
			}
			body#cover #pagehead h1 { 
				position: absolute;
				width: 423px; height: 54px; top: 90px; left: 10px;
				background: url('../images/coverlogo.gif') top left no-repeat;
			}
			
	#pagemenu {	position: absolute;	width: 730px; height: 20px; top: 70px; background: #004182; }
		body#cover #pagemenu { top: 150px; }
	#pagemenu2 { position: absolute;	width: 730px; height: 20px; top: 90px; background: #9d022e; }
		
	#pagebody { margin-top: 20px; padding: 10px; }
		body#carpet #pagebody, body#vinyl #pagebody, body#tile #pagebody, body#hardwood #pagebody, body#laminate #pagebody { margin-top: 40px; }
		
		#pagebody h2 { font-size: 0; text-indent: -5000px; overflow: hidden; width: 710px; height: 80px; margin-bottom: 10px; }
			body#carpet h2 { background: url('../images/head_carpet.jpg') top left no-repeat; }
			body#vinyl h2 { background: url('../images/head_vinyl.jpg') top left no-repeat; }
			body#tile h2 { background: url('../images/head_tile.jpg') top left no-repeat; }
			body#hardwood h2 { background: url('../images/head_hardwood.jpg') top left no-repeat; }
			body#laminate h2 { background: url('../images/head_laminate.jpg') top left no-repeat; }
			body#gogreen h2 { background: url('../images/head_gogreen.jpg') top left no-repeat; }
			body#sale h2 { background: url('../images/head_sale.jpg') top left no-repeat; }
			body#considerations h2 { background: url('../images/head_considerations.jpg') top left no-repeat; }
			body#financing h2 { background: url('../images/head_financing.jpg') top left no-repeat; }
			body#showroom h2 { background: url('../images/head_showroom.jpg') top left no-repeat; }
			body#about h2 { background: url('../images/head_about.jpg') top left no-repeat; }

		body#cover #centerpiece { width: 710px; height: 200px; margin-bottom: 10px; }
			#centerpiece #radiospot { float: right; width: 450px; height: 19px; padding: 171px 10px 10px; background: url('../images/sale_april08_right.gif') top left no-repeat; }

			#centerpiece #tvad { float: right; width: 320px; height: 260px; padding: 10px 10px; }
			#centerpiece a.sale { float: left; }

			body#cover #sidebar { float: right; width: 170px; }
				body#cover #storeinfo { padding-bottom: 70px; margin-bottom: 10px; background: url('../images/abbey.jpg') bottom left no-repeat; }
			body#cover #proudmember { width: 150px; padding: 30px 10px 0; margin-bottom: 10px; background: url('../images/proudmember.gif') 10px 10px no-repeat #fffcd9; }
				#proudmember h3 { display: none; }
				#proudmember ul { list-style: none; margin: 0; }
					#proudmember ul li { font-size: 0; text-indent: -5000px; overflow: hidden; }
						#proudmember ul li a { display: block; width: 150px; margin-bottom: 10px; }
							#proudmember ul li#mem_cvhba a { height: 90px; background: url('../images/member_cvhba.gif') top left no-repeat; }
							#proudmember ul li#mem_eccoc a { height: 60px; background: url('../images/member_eccoc.gif') top left no-repeat; }
							#proudmember ul li#mem_bbb { height: 60px; background: url('../images/member_bbb.gif') top left no-repeat; }
				
		body#cover #flooring { float: left; width: 530px; margin-bottom: 10px; }
			body#cover #flooring div { clear: both; }
				#floor_carpet, #floor_vinyl, #floor_tile, #floor_hardwood {
					min-height: 80px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #b3002d;
				}
				body#cover #flooring img { float: left; margin-right: 10px; }
				body#cover #flooring h3 { font: normal 32px/1em 'Arial'; margin-bottom: 4px; }
					body#cover #flooring h3 a { color: #0f3299; text-decoration: none; }
					body#cover #flooring h3 a:hover { color: #b3002d; }
				body#cover #flooring p { font: normal 16px/1.375em 'Georgia'; padding-left: 90px; padding-right: 25px; }
						
		#article { float: left; width: 360px; }
			body#financing #article, body#about #article { float: none; width: 710px; }
			body#considerations #article { width: 530px; }
		#sidecontent { float: right; width: 350px; }
		#flooring_care { width: 330px; padding: 10px; background: #eeeeee; }

			#article1 { float: left; width: 350px; }
			#article2 { float: right; width: 350px; }


		body#cover #sqmile { width: 160px; background: url('../images/sqmile-colors.gif') top center repeat-x #fbf3e8; padding: 15px 5px 5px; margin: 10px 0; }

		body#showroom #sqmile { width: 330px; background: url('../images/sqmile-colors.gif') top center repeat-x #fbf3e8; padding: 20px 10px 10px; margin-top: 7px; }
			body#showroom #sqmile a.icon { float: right; margin: 0 0 5px 15px; }
			body#showroom #sqmile p { font-size: 75%; }
				body#showroom #sqmile p a { font-weight: bold; color: black; }

		#tomaudio { width: 330px: height: 20px; padding: 90px 10px 10px; margin-bottom: 7px; }
			#tomaudio h3 { font-size: 0; text-indent: -5000px; overflow: hidden; }
			
			body#carpet #tomaudio { background: url('../images/tom_on_carpet.gif') top left no-repeat; }
			body#tile #tomaudio { background: url('../images/tom_on_tile.gif') top left no-repeat; }
			body#vinyl #tomaudio { background: url('../images/tom_on_vinyl.gif') top left no-repeat; }
			body#laminate #tomaudio { background: url('../images/tom_on_laminate.gif') top left no-repeat; }
			body#hardwood #tomaudio { background: url('../images/tom_on_hardwood.gif') top left no-repeat; }
			body#gogreen #tomaudio { background: url('../images/tom_on_green.gif') top left no-repeat; }


	#pagefoot { clear: both; background: #eeeeee; padding: 10px 10px 50px 10px; }
		#pagefoot { font-size: 12px; }