
body
	{
	background: #fff url(../img/bg/bg-wide.jpg) no-repeat 50% 0;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	}
	
.clear { clear:both; font-size:0px; line-height:0px; margin:0; padding:0; }



/*  PAGE ALIGNMENT  */

#header, #content
	{
	width:960px;
	margin:0 auto;
	padding:0;	
	text-align:left;
	}

.container 		/*  good for setting Absolute positions  */
	{ 
	position: relative;
	float: left;
	display: inline;
	margin: 0; 
	padding: 0; 
	}
	


/*  HEADER  */

#header { height: 160px; }
	
#logo,
#top_menu,
#top_menu .left,
#top_menu .right,
#top_menu ul,
#top_menu ul li,
#title
	{
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}
	
#logo
	{
	background:url(../img/logo-cdi-white.gif) no-repeat 0 0;
	width: 200px;
	height:172px;
	}
	
#logo h1 a
	{
	display:block;
	background:url(../img/logo-cdi-white.gif) no-repeat 0 0;
	width: 200px;
	height:172px;
	}

#top_menu
	{
	background:url(../img/bg/bg-top-menu.jpg) repeat-y 0 0;
	width:760px;
	height:35px;
	}

#top_menu .left
	{
	width: 45px;
	margin: 0;
	padding: 8px 0 0 15px;
	}
	
#top_menu ul
	{
	width: 685px;
	height:35px;
	}
	
#top_menu ul li
	{
	float:right;
	margin: 0 0 0 30px;
	padding: 0;
	list-style-type: none;
	line-height: 2.8;
	}
	
#top_menu ul li a:link, 
#top_menu ul li a:visited { color: #fff; text-decoration: none; }
	
#top_menu ul li a:hover, 
#top_menu ul li a:active { color: #fff; text-decoration: underline; }

#title { width: 760px; height:125px; }
#home #title { width:760px; height:0; }

/*#home #title { background:url(../img/titles/tagline.jpg) no-repeat 0 0;}*/
#galleries #title { background:url(../img/titles/t-photo-galleries.gif) no-repeat 0 0;}
#kitchens_gallery #title { background:url(../img/titles/t-gallery-kitchens.gif) no-repeat 0 0;}
#bathrooms_gallery #title { background:url(../img/titles/t-gallery-bathrooms.gif) no-repeat 0 0;}
#countertops_gallery #title { background:url(../img/titles/t-gallery-countertops.gif) no-repeat 0 0;}
#other_rooms_gallery #title { background:url(../img/titles/t-gallery-other.gif) no-repeat 0 0;}
#products #title { background:url(../img/titles/t-products.gif) no-repeat 0 0;}
#products_bathrooms #title { background:url(../img/titles/t-prod-bathrooms.gif) no-repeat 0 0;}
#products_bathroom_cabinetry #title { background:url(../img/titles/t-bathroom-cabinetry.gif) no-repeat 0 0;}
#products_bathroom_countertops #title { background:url(../img/titles/t-bathroom-countertops.gif) no-repeat 0 0;}
#products_bathroom_tile #title { background:url(../img/titles/t-bathroom-tile.gif) no-repeat 0 0;}
#products_bathroom_marble #title { background:url(../img/titles/t-bathroom-marble.gif) no-repeat 0 0;}
#products_bathroom_fixtures #title { background:url(../img/titles/t-bathroom-fixtures.gif) no-repeat 0 0;}
#products_bathroom_furniture #title { background:url(../img/titles/t-bathroom-furniture.gif) no-repeat 0 0;}
#products_bathroom_shower #title { background:url(../img/titles/t-bathroom-shower-doors.gif) no-repeat 0 0;}
#products_kitchens #title { background:url(../img/titles/t-prod-kitchens.gif) no-repeat 0 0;}
#products_kitchen_cabinetry #title { background:url(../img/titles/t-kitchen-cabinetry.gif) no-repeat 0 0;}
#products_countertops #title { background:url(../img/titles/t-prod-countertops.gif) no-repeat 0 0;}
#products_other #title { background:url(../img/titles/t-prod-other.gif) no-repeat 0 0;}
#products_plumbing #title { background:url(../img/titles/t-plumbing.gif) no-repeat 0 0;}
#products_flooring #title { background:url(../img/titles/t-flooring.gif) no-repeat 0 0;}
#products_ceramic_tile #title { background:url(../img/titles/t-ceramic-tile.gif) no-repeat 0 0;}
#products_hardware #title { background:url(../img/titles/t-hardware.gif) no-repeat 0 0;}
#products_outdoor_garage #title { background:url(../img/titles/t-outdoor-garage.gif) no-repeat 0 0;}
#services #title { background:url(../img/titles/t-services.gif) no-repeat 0 0;}
#cabinetry #title { background:url(../img/titles/t-kitchen-cabinetry.gif) no-repeat 0 0;}
#countertops #title { background:url(../img/titles/t-countertops.gif) no-repeat 0 0;}
#flooring #title { background:url(../img/titles/t-flooring.gif) no-repeat 0 0;}
#promotions #title { background:url(../img/titles/t-promotions.gif) no-repeat 0 0;}
#showrooms #title { background:url(../img/titles/t-showrooms-2.gif) no-repeat 0 0;}
#testimonials #title { background:url(../img/titles/t-testimonials.gif) no-repeat 0 0;}
#getstarted #title { background:url(../img/titles/t-get-started-dream.gif) no-repeat 0 0;}
#jobs #title { background:url(../img/titles/t-jobs.gif) no-repeat 0 0;}
#about #title { background:url(../img/titles/t-about-us.gif) no-repeat 0 0;}
#contact #title { background:url(../img/titles/t-contact-us.gif) no-repeat 0 0;}
#billofrights #title { background:url(../img/titles/t-bill-of-rights.gif) no-repeat 0 0;}
#sitemap #title { background:url(../img/titles/t-site-map.gif) no-repeat 0 0;}
#faq #title { background:url(../img/titles/t-frequently-asked-question.gif) no-repeat 0 0;}
#contractors #title { background:url(../img/titles/t-contractors.gif) no-repeat 0 0;}
#privacy #title { background:url(../img/titles/t-privacy-policy.gif) no-repeat 0 0;}
#disclaimer #title { background:url(../img/titles/t-disclaimer.gif) no-repeat 0 0;}



/*  CONTENT  */

#content_left,
#content_right,
#breadcrumbs,
#one_column,
#two_column
	{
	position: relative;
	float:left;
	display:inline;
	margin:0; 
	padding:0;
	}
	
#content_left { width:200px; }
#content_right
	{
	background:#fff;
	width:760px;
	min-height:400px;
	}
	
#breadcrumbs
	{
	width:730px;
	margin:0; 
	padding:31px 15px 0 15px;
	border:0;
	}
	
#breadcrumbs span { margin:0 10px; }

#breadcrumbs a:link,
#breadcrumbs a:visited { color:#594633; text-decoration:none; }
#breadcrumbs a:hover,
#breadcrumbs a:active { color:#594633; text-decoration:underline; }
	
#one_column
	{
	background:#fff;
	width:730px;
	margin:0;
	padding:30px 15px 30px 15px;
	min-height:400px;
	}
	
#kitchens_gallery #one_column,
#kitchens_gallery #breadcrumbs,
#countertops_gallery #one_column,
#countertops_gallery #breadcrumbs,
#other_rooms_gallery #one_column,
#other_rooms_gallery #breadcrumbs,
#bathrooms_gallery #one_column,
#bathrooms_gallery #breadcrumbs { background:#f3f1eb;}
	
#two_column
	{
	background:#fff;
	width:760px;
	margin:0; 
	padding:0px 0 30px 0;
	min-height:400px;
	}



/*  CONTENT LEFT - LEFT MENU  */

#left_menu
	{
	position: relative;
	float:left;
	display:inline;
	width:200px;
	height:340px;
	margin:0; 
	padding:0;
	}

#left_menu ul
	{
	width:200px;
	margin:0; 
	padding:8px 0 0 0;
	}
	
#left_menu ul li a
	{
	display:block;
	width:200px;
	height:40px;
	margin:0; 
	padding:0;
	text-indent:-7000px;
	}

#left_menu ul li.galleries a:link,
#left_menu ul li.galleries a:visited { background: url(../img/menu-galleries.gif) no-repeat 0 0; }
#left_menu ul li.products a:link,
#left_menu ul li.products a:visited { background: url(../img/menu-products.gif) no-repeat 0 0; }
#left_menu ul li.services a:link,
#left_menu ul li.services a:visited { background: url(../img/menu-services.gif) no-repeat 0 0; }
#left_menu ul li.promotions a:link,
#left_menu ul li.promotions a:visited { background: url(../img/menu-promotions.gif) no-repeat 0 0; }
#left_menu ul li.showrooms a:link,
#left_menu ul li.showrooms a:visited{ background: url(../img/menu-showrooms.gif) no-repeat 0 0; }
#left_menu ul li.testimonials a:link,
#left_menu ul li.testimonials a:visited { background: url(../img/menu-testimonials.gif) no-repeat 0 0; }
#left_menu ul li.getstarted a:link,
#left_menu ul li.getstarted a:visited { background: url(../img/menu-get-started.gif) no-repeat 0 0; }

#left_menu ul li.galleries a:hover,
#left_menu ul li.galleries a:active { background: url(../img/menu-galleries.gif) no-repeat 0 -40px; }
#left_menu ul li.products a:hover,
#left_menu ul li.products a:active { background: url(../img/menu-products.gif) no-repeat 0 -40px; }
#left_menu ul li.services a:hover,
#left_menu ul li.services a:active { background: url(../img/menu-services.gif) no-repeat 0 -40px; }
#left_menu ul li.promotions a:hover,
#left_menu ul li.promotions a:active { background: url(../img/menu-promotions.gif) no-repeat 0 -40px; }
#left_menu ul li.showrooms a:hover,
#left_menu ul li.showrooms a:active { background: url(../img/menu-showrooms.gif) no-repeat 0 -40px; }
#left_menu ul li.testimonials a:hover,
#left_menu ul li.testimonials a:active { background: url(../img/menu-testimonials.gif) no-repeat 0 -40px; }
#left_menu ul li.getstarted a:hover,
#left_menu ul li.getstarted a:active { background: url(../img/menu-get-started.gif) no-repeat 0 -40px; }



/*  REGIONAL NUMBERS  */

#numbers
	{
	position:relative;
	float:left;
	display:inline;
	width:200px;
	height:480px;
	margin:0; 
	padding:0;
	}
	
#numbers ul { margin:23px 0 0 15px; padding:0; }
#numbers ul li { margin:0 0 20px 0; padding:0; }
#numbers span { font-size:16px; color:#3e6a8f; }

#numbers span a:link,
#numbers span a:visited { font-size:16px; color:#3e6a8f; text-decoration:none;}

#numbers span a:hover,
#numbers span a:active { font-size:16px; color:#3e6a8f; text-decoration:underline; }



/*  CONTENT RIGHT  */

#letterbox,
#category_tn,
#left_column,
#right_column
	{
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}	

#letterbox { width:760px; height:482px; }

#category_tn
	{
	width:760px;
	height:180px;
	margin:1px 0 0 0;
	}
	
#category_tn ul
	{
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}
	
#category_tn ul li
	{
	position:relative;
	float:left;
	display:inline;
	width:190px;
	height:180px;
	margin:0;
	padding:0;
	}
	
#category_tn ul li a
	{
	display:block;
	width:190px;
	height:180px;
	margin:0; 
	padding:0;
	text-indent:-7000px;
	}

#category_tn ul li.kitchen a:link,
#category_tn ul li.kitchen a:visited { background: url(../img/cat-kitchen.jpg) no-repeat 0 0; }
#category_tn ul li.bathroom a:link,
#category_tn ul li.bathroom a:visited { background: url(../img/cat-bathroom.jpg) no-repeat 0 0; }
#category_tn ul li.countertops a:link,
#category_tn ul li.countertops a:visited { background: url(../img/cat-countertops.jpg) no-repeat 0 0; }
#category_tn ul li.other a:link,
#category_tn ul li.other a:visited { background: url(../img/cat-other.jpg) no-repeat 0 0; }

#category_tn ul li.kitchen a:hover,
#category_tn ul li.kitchen a:active { background: url(../img/cat-kitchen.jpg) no-repeat 0 -180px; }
#category_tn ul li.bathroom a:hover,
#category_tn ul li.bathroom a:active { background: url(../img/cat-bathroom.jpg) no-repeat 0 -180px; }
#category_tn ul li.countertops a:hover,
#category_tn ul li.countertops a:active { background: url(../img/cat-countertops.jpg) no-repeat 0 -180px; }
#category_tn ul li.other a:hover,
#category_tn ul li.other a:active { background: url(../img/cat-other.jpg) no-repeat 0 -180px; }



/*  LEFT COLUMN  */

#left_column { width:390px; margin:30px 0 0 15px; }

#left_column .product_buttons
	{
	position:relative;
	float:left;
	display:inline;
	margin:0 0 30px 0;
	padding:0;
	}

#left_column .product_buttons ul
	{
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}

#left_column .product_buttons ul li
	{
	position:relative;
	float:left;
	display:inline;
	margin:0 15px 0 0 ;
	padding:0;
	}


/*  RIGHT COLUMN  */
#right_column { width:325px; margin:30px 0 0 15px; }

#video, #form { margin:0 0 30px 0; }



/*  RIGHT COLUMN CONTROLS - Use the page IDs to hide/display right column elements */

#contact #two_column #video,
#contractors #two_column #video,
#faq #two_column #video,
#testimonials #two_column #video,
#promotions #two_column #video,
#jobs #two_column #video,
#sitemap #two_column #video,
#disclaimer #two_column #video,
#privacy #two_column #video { display:none; }

#video  { display:; }



/*  FORM  */

#form { background:#f1eee2; padding:20px; }
#form { background: url(../img/bg/bg-seagrass.jpg) repeat 0 0; }
.required { color: #f07342; }

#form .form_text { width: 90px; }
#form .form_input { width: 190px; }

#form .form_text,
#form .form_input
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}

#form ul,
#form ul li { line-height: 2.2; }

#form .form_input li input, 
#form .form_input li textarea { border: 1px #C2BFB4 solid; padding-left:5px; }

#form .form_input input.button
	{ 
	display: block;
	border: 0; 
	height: 28px; 
	margin:10px 0 0 0;
	padding:0;
	}



/*  REMODELING and PRODUCT CATEGORIES  */

.tn
	{
	position: relative;
	float: left;
	display: inline;
	margin: 15px 20px 30px 0;
	padding: 0;
	width:164px;
	}

.tn ul { margin: 5px 0 0 0; padding: 0; }

.tn ul li span { color:#77854e; }

.category
	{
	background:#deecef;
	position:relative;
	float:left;
	display:inline;
	width: 357px;
	display: inline;
	margin: 0 15px 15px 0 ;
	padding: 0;
	}
	
.category h3,
.category p { margin-left:15px; }
.category p { width:325px; }

.category img a { margin: 0; padding: 0; }
	
.category h3 { margin-top:20px; }

.end_row { margin-right: 0; }



/*  PRODUCTS AND VENDORS  */

.vendor
	{
	position:relative;
	float:left;
	display:inline;
	width:730px;
	margin:0 0 40px 0;
	padding:0 0 30px 0;
	border-bottom:1px solid #aec7ce; 	
	}
	
.vendor_logo
	{
	position:relative;
	float:left;
	display:inline;
	width:175px;
	margin:0;
	padding:0; 	
	}
	
.vendor_p
	{
	position:relative;
	float:left;
	display:inline;
	width:555px;
	margin:0;
	padding:0; 	
	}
	
.vendor_p ul
	{
	position:relative;
	float:left;
	display:inline;
	margin:0 40px 20px 0;
	padding:0;	
	}
	


/*  TESTIMONIALS  */

.testimonial_set
	{
	position:relative;
	float:left;
	display:inline;
	width:390px;
	margin:0 0 18px 0;
	padding:0 0 18px 0;
	border-bottom:1px solid #aec7ce; 	
	}
	
.testimonial_set p { width:370px; }

.testimonial_set .signature { text-align:right; font-style:italic; }



/*  SHOWROOMS  */

.store_set
	{
	position:relative;
	float:left;
	display:inline;
	width:390px;
	margin:0 0 18px 0;
	padding:0 0 18px 0;
	border-bottom:1px solid #aec7ce; 	
	}
	
.store_set p { width:370px; }

.store_set ul
	{
	margin:0 0 18px 0;
	padding:0;
	}
	
.store_set img { float:left; margin:15px 0; }

.store_set h3 span { font-size:14px; }
.store_set h3 a:link,
.store_set h3 a:visited { text-decoration:none; }


/*  PROMOTIONS  */

.promo
	{
	position:relative;
	float:left;
	display:inline;
	width:390px;
	margin:18px 0;
	padding:0 0 18px 0;
	border-bottom:1px solid #aec7ce; 	
	}
	
.promo img { float:left; margin:0 20px 20px 0; padding:0; }
.promo p { width:370px; }

.promo ul
	{
	position:relative;
	float:left;
	display:inline;
	margin:0 40px 20px 0;
	padding:0;	
	}



/*  FAQ LISTS  */	
	
.QA
	{ 
	position: relative;
	float: left;
	display: inline;
	margin: 4px 0 30px 0; 
	padding: 0; 
	list-style: none;
	}
	
.QA_set
	{ 
	position: relative;
	float: left;
	display: block;
	margin: 0; 
	padding: 0;
	}

.letter_q,
.letter_a,
.question,
.answer
	{ 
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 4px 0; 
	padding: 0;
	}	

.QA .letter_q,
.QA .letter_a { width: 25px; font-weight: bold; color: #567F8E ; }
	
.QA .question { font-weight: bold; }

.QA .question,
.QA .answer { width: 380px }



/*  FOOTER  */

#footer { color:#a29789; background:#3a2e1f; margin:0 auto; padding:0;	text-align:left; }
#footer_content
	{
	width:745px;
	margin:0 auto;
	padding:90px 0 90px 215px;	
	text-align:left;
	}

#footer a:link,
#footer a:visited {color:#a29789; text-decoration:none; }
#footer a:hover,
#footer a:active {color:#a29789; text-decoration:underline; }

#footer_menu,
#seo_links,
#copyright,
#adsnext
	{
	position: relative;
	float:left;
	display:inline;
	margin:0; 
	padding:0;
	}

#footer_menu
	{
	width:120px;
	margin:10px 0 0 0;
	padding:0;
	}
	
#footer_menu ul { margin:0; padding:0; }
	
#seo_links
	{
	width:610px;
	margin:10px 0 0 0;
	padding:0;
	}
	
#seo_links span
	{
	margin:0 10px;
	padding:0;
	color:#745f44;
	}

#copyright
	{
	width:405px;
	margin:45px 0 0 0;
	padding-top:15px;
	border:0;
	}

#adsnext 
	{ 
	width:325px;
	margin:45px 0 0 0;
	padding-top:15px;
	text-align:right;
	border:0;
	}
	

