html, body, div, img { margin: 0; padding: 0; }

body {
font-size: 12px;
font-family: helvetica, arial, sans-serif;
color: #162E4F;
}

h1 { font-size: 25px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

h1, h2, h3, h4, h5 { 
color: #162E4F;
}

p { margin: 10px 0 10px 0; padding: 0; }

.w400 { width: 400px; }

a { text-decoration: none; }

a:link { color: #9AA4AE; }
a:visited { color: #9AA4AE; }
a:hover {color: #CC6633; }
a:visited:hover { color: #CC6633; }

ul li, ol li { font-size: 100%; }
ul li ul li a { font-size: 100%; }

table { font-size: 100%; }

#altlogo_print { display: none; }
#altblocks_h_print { display: none; }
#alt_home_print { display: none; }

#wrap {
margin: 10px auto 0 auto;
position: relative;
width: 800px;
text-align: left;
}

#head {
position: relative;
height: 110px;
margin: 0 0 10px 0;
border-bottom: 1px solid #CDA07F;
}


#tag { 
position: absolute;
top: 20px;
right: 0;
width: 600px;
padding: 0 10px 0 0;
color: #162E4F;
font-weight: bold;
font-size: 18px;
text-align: right;
}

#topnav {
width: 610px;
height: 23px;
position: absolute;
bottom: 10px;
right: 0;
padding: 7px 0 0 0;
font-family: arial, sans-serif;
}

#topnav a { 
border-left: 2px solid #DBDCE1; 
border-bottom: 2px solid #DBDCE1;
padding: 2px 10px 2px 0; 
margin-right: 4px;
font-size: 14px; 
color: #162E4F; 
display: block; 
width: 70px; 
float: left; 
text-align: right; 
}

#topnav a:hover { 
background-color: #162E4F;
color: #FFFFFF;
}

#tn_live { background: url(images/tn_live.gif) left bottom no-repeat; }
#tn_work { background: url(images/tn_work.gif) left bottom no-repeat; }
#tn_relax { background: url(images/tn_relax.gif) left bottom no-repeat; }


#tn_marble { background: url(images/tn_marble.gif) left bottom no-repeat; }
#tn_granite { background: url(images/tn_granite.gif) left bottom no-repeat; }
#tn_onyx { background: url(images/tn_onyx.gif) left bottom no-repeat; }
#tn_stone { background: url(images/tn_stone.gif) left bottom no-repeat; }
#tn_tile { background: url(images/tn_tile.gif) left bottom no-repeat; }
#tn_carpet { background: url(images/tn_carpet.gif) left bottom no-repeat; }
#tn_wood { background: url(images/tn_wood.gif) left bottom no-repeat; }

#nav {
float: left;
width: 140px;
}

#nav a { 
color: #777777;
font-size: 14px;
font-weight: bold;
display: block;
width: 127px;
height: 27px;
margin: 0 0 4px 0;
padding: 10px 0 0 7px;
text-align: left;
background: url(images/nav.jpg) left top no-repeat;
}

#nav a:hover { 
color: #FFFFFF;
background: url(images/nav_over.jpg) left top no-repeat;
}

#content {
margin: 0 0 10px 0;
font-size: 13px;
}

#home_inner {
float: right;
width: 600px;
margin: 0 20px 0 0;
}

#home_images { 
}

#home_images img { 
}

#inner { 
position:relative;
float: right;
width: 600px;
padding: 0 20px 10px 0;
min-height: 400px;
}

#innerstep { 
position:relative;
z-index: 1;
float: right;
width: 600px;
padding: 0 20px 10px 0;
min-height: 400px;
}

.marble { background: url(images/back_marble.jpg) right top no-repeat; }
.granite { background: url(images/back_granite.jpg) right top no-repeat; }
.onyx { background: url(images/back_onyx.jpg) right top no-repeat; }
.stone { background: url(images/back_stone.jpg) right top no-repeat; }
.tile { background: url(images/back_tile.jpg) right top no-repeat; }
.carpet { background: url(images/back_carpet.jpg) right top no-repeat; }
.wood { background: url(images/back_wood.jpg) right top no-repeat; }

.live { background: url(images/back_live.jpg) left top no-repeat; }
.work { background: url(images/back_work.jpg) right top no-repeat; }
.relax { background: url(images/back_relax.jpg) right top no-repeat; }

.aboutkdi { background: url(images/back_aboutkdi.jpg) right top no-repeat; }
.elements { background: url(images/back_elements.jpg) right top no-repeat; }
.showroom { background: url(images/back_showroom.jpg) right top no-repeat; }
.slab { background: url(images/back_slab.jpg) right top no-repeat; }
.photogallery { background: url(images/back_gallery.jpg) right top no-repeat; }
.testimonials { background: url(images/back_testimonials.jpg) right top no-repeat; }
.productcare { background: url(images/back_productcare.jpg) right top no-repeat; }
.pressroom { background: url(images/back_press.jpg) right top no-repeat; }
.contactus { background: url(images/back_contact.jpg) right top no-repeat; }
.kdikares { background: url(images/back_kdikares.jpg) right top no-repeat; }




#quickwho {
background: url(images/quickwho1.jpg) left top no-repeat;
width: 194px;
height: 157px;
}

#quickwho_print {
display: none;
}

#quickwho a {
display: block;
width: 194px;
height: 157px;
background: url(images/quickwho.jpg) left top no-repeat;
}

#quickwho a:hover {
background: url(images/quickwho1.jpg) left top no-repeat;
}


.elementlinks {
width: 120px; 
margin: 20px 20px 0 0; 
float: left; 
min-height: 150px;
text-align: center;
}

.elementlinks img { width: 120px; height: 120px; margin-bottom: 10px; }

.elementlinks a { font-weight: bold; font-size: 14px;}

.quicklinks {
padding: 28px 0 0 0;
float: left;
width: 198px;
text-align: left;
margin: 10px 2px 0 0;
}

.quicklinks img {
width: 194px;
border: 2px solid #162E4F;
}

.quicklinks img:hover {
border: 2px solid #CDA07F;
}

.quicklinks1 {
margin: 0 2px 0 1px;
padding: 5px 0 0 0;
float: left;
width: 194px;
text-align: left;
}

.clear { clear: both; }

#footer {
clear: both;
font-family: arial, sans-serif;
margin: 10px auto 0 auto;
padding: 10px 0 0 0;
text-align: center;
font-size: 9px;
width: 800px;
border-top: 1px solid #CDA07F;
}

#footer_links { font-size: 11px; border-bottom: 1px solid #CDA07F; padding: 0 0 10px 0;}
#footer_links a:hover { text-decoration: underline; }

.footerbox { 
float: left;
width: 190px;
text-align: center;
font-size: 10px;
font-weight: bold;
font-family: futura, arial, sans-serif;
line-height: 18px;
}

#f1 { width: 10px; height: 40px; float: left; background: url(images/f1.jpg) top right no-repeat; }
#f2 { width: 10px; height: 40px; float: left; background: url(images/f2.jpg) top right no-repeat; }

.f1 { width: 10px; height: 40px; float: left; background: url(images/f1.jpg) top right no-repeat; }

#footer a { 
color: #162E4F;
text-decoration: none;
}
