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

body {background-color: #F9F2DE;

font-family: Palatino, "Times New Roman", Times, serif;
color:#996633}

img {border:0px;}

h2 {text-align:center;font-family: Palatino, "Times New Roman", Times, serif;}

/*  -----  Layout Divs ----- */

#center {
	position:relative;
	top:5px;
	margin:0 auto;
	overflow:visible;
	width:705px;
}
#center a {color:#66431A;}
#center a:hover {color:#996633;}

#container {width:800px;margin:0 auto;}

#header {
 height: 95px;
 width: 800px;
 margin:0px;
 padding:0px;
 position:relative;
 top: 20px;
}

#header a {
 font-family: Palatino, "Times New Roman", Times, serif;
 font-size: 9pt;
}

#content {width:800px;margin:0 auto;padding:0px;clear:both;position:relative;top:-80px;}

#footer {
 height: 15px;
 width:790px;
 margin:0 auto;
 background-color:#4381B8;
 color:white;
 font-size: 8pt;
 text-align:center;
 clear: both;
 position:relative;
 top:-20px;
 padding-top:3px;
 font-family:Arial, Helvetica, sans-serif;
}

#footer a, #footer a:visited {
 color: white;
 text-decoration: none;
 font-weight: bold;
}

#footer a:hover {
 text-decoration: underline;
}

#seperator_left{
 width: 23px;
 height: 75px;
 position:relative;
 left:110px;
 top:0px;
 background-image: url(images/seperator.jpg);
}

#seperator_right{
 width: 23px;
 height: 75px;
 position:relative;
 left:110px;
 top:18px;
 background-image: url(images/seperator.jpg);

 z-index: 10
}

#branding {
 width: 148px;
 height: 68px;
 background-image: url(images/logo.jpg);
 position:relative;
 top:-45px;
 right:-150px;
 text-indent: -9999px;
}

#branding a {
 display: block;
 width: 148px;
 height: 68px;
}

/* ----- Navigation Divs ----- */


#navigation_left{
 margin:0px;padding:0px;
 position:relative;
 top:0px;left:0px;
 width:215px;
}

#navigation_right {
 position:relative;
 margin:0px;padding:0px;
 top:-110px;right:0px;
 width:295px;
 float: right;
}

#bottom_nav {
 text-align:center;
 font-size: 10pt;
 font-weight:bold;
}

#bottom_nav a, a:hover{
 color: #4381B8;
 text-decoration:none;
}

#bottom_nav a:hover {
 text-decoration:underline;
}

#header ul {
 list-style:none;
 font-size: 8pt;
 margin: 0px;
 padding:10px;
 float: left;
 font-family: arial, sans serif;
}

#header li {margin-bottom: 10px;}

#header li a{
 text-decoration: none;
 font-weight: bold;
}

/* ----- navigation lists ----- */

#navigation_services {
 position: relative;
 top:0px;
 left:-10px;
 text-align:right;
}

#navigation_services a, a:visited {color: #996633;}

#navigation_services a:hover {border-bottom: 2px dotted;}

#navigation_products {
// width: 95px;
 position: relative;
 top:-100px;
 left:135px;

 }

#navigation_products a, a:visited {color: #4B86BB;}

#navigation_products a:hover {border-bottom: 2px dotted;}

#navigation_about {
 position:relative;
 top:19px;
 left:-20px;
 text-align:right;
}

#navigation_about li a:hover ul {
 position: absolute;
 margin-left: 0px;
 margin-top: 0px;
// display: inline;
 color: white;
}

#navigation_about li a, a:visited {
 color: #996633;
//display: inline;}

#navigation_about a:hover {border-bottom: 2px dotted;
//display: inline;}


#navigation_about, #navigation_about ul {list-style: none;}

#navigation_about ul {
 display: none;
 padding: 5px 0px 0 0px;
 position: relative;
 margin-left: -84px;
 margin-top: -50px;
// border:1px solid;
// background-color: #F9F2DE;
 color: white;
 z-index:100;
}

#navigation_about ul li {float: none;}

#navigation_about li:hover ul {display: block; position: relative;right: 0px; z-index: 100}


.sub_about li a:link, .sub_about li a:visited, .sub_about li a:active{
	height: 18px;
	display: inline;
	color: #4B86BB !important;
}

.sub_about li a:hover {height: 18px;display: inline;}

/* ----- Content Divs ----- */


#title_info {  
 height: 204px;
 width: 717px;
 margin-top: 25px;
 margin-left: auto;
 margin-right: auto;
 background-image: url(images/types_bkg.jpg);
 tex-align: center;
}

.short_description { 
 width:140px;
 margin: 47px 20px 0 20px;
 color: white;
 font-size: 10pt;
 float: left;
}

.short_description a {color: #ffffff; text-decoration:none;}

.short_description a:hover{color:ffffff; text-decoration:underline;}

.short_description h1{
 font-size:12pt;
 margin-bottom: 15px;
 text-align: center;
 } 
 
.short_description p {
 font-size:10pt;
 margin:0px;
 padding:0px;
 line-height: 12pt;
}

#descriptions{width:720px;position:relative;top:-200px;left:50px}


#sub_description{ 
 height:182px;
 width:625px;
 margin:0 auto;
 background:url(images/sub_description_bkg.jpg) no-repeat center;
 position: relative;
 top: 210px;
 color: white;
 margin-top: 20px;
 line-height: 12pt;
 font-size:10pt;
 padding: 5px;
}

#sub_description h2 {font-family: Palatino,"Times New Roman", Times, serif;margin:0px;padding:10px;}

#sub_description h2 {font-size:16pt;}

#sub_description img {margin:0px 5px 0 8px;}

#sub_description p {line-height: 12pt;font-size:8pt;}

/* ----- services pages ----- */

#flooring_image {
 margin: 0 auto;
 height: 228px;
 width: 706px;
 background: url(images/flooring.jpg) no-repeat 0px top;
}

#custom_counters_image {
 margin: 0 auto;
 height: 228px;
 width: 705px;
 background: url(images/custom_counters.jpg) no-repeat 0px top;
}

#custom_baths_image {
 margin: 0 auto;
 height: 228px;
 width: 705px;
 background: url(images/custom_baths.jpg) no-repeat 0px top;
}

#services_gallery{
 margin-top:3px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 height: 94px;
 width: 705px;
}

/*----- Product Pages -----*/
#hardwood_image {
 margin: 0 auto;
 height: 78px;
 width: 705px;
 background: url(images/hardwood.jpg) no-repeat 0px top;
}

#marble_image {
 margin: 0 auto;
 height: 78px;
 width: 705px;
 background: url(images/marble.jpg) no-repeat 0px top;
}

#carpet_image {
 margin: 0 auto;
 height: 78px;
 width: 705px;
 background: url(images/carpet.jpg) no-repeat 0px top;
}

#ceramic_image {
 margin: 0 auto;
 height: 78px;
 width: 705px;
 background: url(images/ceramic.jpg) no-repeat 0px top;
}

/* ----- main text holder "sub_content" ----- */

#sub_content {
 min-height: 400px;
 width: 702px;
 margin:0 auto;
 border-top: 0px;
 border-left: 2px dotted #996633;
 border-right: 2px dotted #996633;
 border-bottom: 2px dotted #996633;
}

#sub_content h1 {
 font-family: Palatino, "Times New Roman", Times, serif;
 margin: 0 0 8px 10px;
 position: relative;
 top:10px;
 color: #66431A;
} 

#sub_content h3 {
 font-style: italic;
 width: 600px;
 margin:0 auto;
 padding-top: 20px;
 font-size: 11pt;
}

#sub_content p {
  font-family: Palatino, "Times New Roman", Times, serif;
	color: #291100;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	line-height: 16pt;
	font-size: 10px
	margin: 10px;
}

#sub_content a {color:#66431A;}
#sub_content a:hover {color:#996633;}

/* ----- Other Header Images ----- */

#services_image {
 margin: 0 auto;
 height: 78px;
 width: 706px;
 background: url(images/services.jpg) no-repeat 0px top;
}

#about_image {
 margin: 0 auto;
 height: 78px;
 width: 706px;
 background: url(images/about.jpg) no-repeat 0px top;
}

#showroom_image {
 margin: 0 auto;
 height: 78px;
 width: 706px;
 background: url(images/showroom.jpg) no-repeat 0px top;
}

#gaurantee_image {
 margin: 0 auto;
 height: 78px;
 width: 706px;
 background: url(images/gaurantee.jpg) no-repeat 0px top;
}

#history_image {
 margin: 0 auto;
 height: 78px;
 width: 706px;
 background: url(images/history.jpg) no-repeat 0px top;
}

#craftsmanship_image {
 margin: 0 auto;
 height: 78px;
 width: 706px;
 background: url(images/craftsmanship.jpg) no-repeat 0px top;
}

#contact_image {
 margin: 0 auto;
 height: 78px;
 width: 706px;
 background: url(images/contact.jpg) no-repeat 0px top;
}

#testimonials_image {
 margin: 0 auto;
 height: 78px;
 width: 706px;
 background: url(images/testimonials.jpg) no-repeat 0px top;
}

/* ----- History Table ----- */

.date {font-size:13pt;font-weight:bold;vertical-align:top;}
.description {font-size:10pt;vertical-align:top;}

/* ----- Quotes ----- */

.quote_name {
 width:200px;
 font-weight: bold;
 font-size: 10pt;
 color: #291100;
 position: relative;
 left:450px;
}

/* ----- Contact Page ----- */
#contact_table {
 width: 300px;
 float; left;
 margin-left: 20px;
}

#contact_numbers {
	width:300px;
	float: right;
	margin-right: 20px;
	padding-top: 20px;
}

.extra_padding {
 padding: 0px 80px;
 }
 
 table a {
  text-decoration:none;
  }