/* CSS Document */
/* James Kooi */




/* Structure */

body {
 padding:0px;
 margin:0px;
 background-color:#FFFFFF;
 background-image:url(images/km_bg.png);
 background-repeat:repeat-x;
 background-position:top left;
}


/* Right Column - Content Section */


#right_column h1 {
 color:#CDCD9A;
}

#right_column h2 {
 color:#CDCD9A;
}

#right_column h3 {
 color:#CDCD9A;
}



a.faq1, a.faq1:link, a.faq1:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/KM-Faq-image-1.jpg);
 background-position:top center;
}
a.faq1:hover {
 background-position:bottom center;
}

a.faq2, a.faq2:link, a.faq2:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/KM-Faq-image-2.jpg);
 background-position:top center;
}
a.faq2:hover {
 background-position:bottom center;
}

a.faq3, a.faq3:link, a.faq3:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/KM-Faq-image-3.jpg);
 background-position:top center;
}
a.faq3:hover {
 background-position:bottom center;
}

a.faq4, a.faq4:link, a.faq4:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/KM-Faq-image-4.jpg);
 background-position:top center;
}
a.faq4:hover {
 background-position:bottom center;
}

a.faq5, a.faq5:link, a.faq5:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/KM-Faq-image-5.jpg);
 background-position:top center;
}
a.faq5:hover {
 background-position:bottom center;
}

a.faq6, a.faq6:link, a.faq6:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/KM-Faq-image-6.jpg);
 background-position:top center;
}
a.faq6:hover {
 background-position:bottom center;
}

a.faq7, a.faq7:link, a.faq7:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/KM-Faq-image-7.jpg);
 background-position:top center;
}
a.faq7:hover {
 background-position:bottom center;
}

a.faq8, a.faq8:link, a.faq8:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/KM-Faq-image-8.jpg);
 background-position:top center;
}
a.faq8:hover {
 background-position:bottom center;
}





/* Presentation */

p  {
 padding:5px 10px;
 margin:0px;
}

a.km_left_navi, a.km_left_navi:link, a.km_left_navi:visited{
 color:#000000;
 font-size: 14px;
 display:block;
 text-decoration:none;
 width:160px;
 height:24px;
 line-height:24px;
 margin:4px 0px 0px -5px;
 background-color:#DDDDDD;
 text-indent:5px;
}

a.km_left_navi:hover {
 color: #900000;
 background-color:#EEEEEE;
}




/* Images */

a img {border:none;}





/* Left Nav */

.glossymenu {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 148px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
border-bottom:0px;
clear:both;
}

.glossymenu li ul{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 148px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
margin: 0px;
padding: 0px;
}

.glossymenu li a{
background: white url(images/left_nav.png) repeat-x top left;
font: bold 11px Verdana, Helvetica, sans-serif;
color: black;
display: block;
width: 148px;
margin: 0px;
padding: 0px;
line-height:34px;
text-indent: 5px;
text-decoration: none;
letter-spacing:0px;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 148px; /*WIDTH OF SUB MENU ITEMS*/
left: 10px;
top: 0px;
display: none;
text-indent: 10px;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul li a{
border-left:1px solid black;
}
.glossymenu li ul a{

width: 148px; /*WIDTH OF SUB MENU ITEMS */

}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
top:0px;
background: transparent url(images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: black;
}

.glossymenu li a:hover{
background: white url(images/left_nav.png) repeat-x bottom left;
color:black;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */



/* Cabinet Refacing Nav */

.cr_nav_wrap {
 height:200px;
 width:594px;
 margin:0px auto;
}

.cr_nav_div {
 width:198px;
 float:left;
 clear:none;
 text-align:center;
 }




a.t1:link,
a.t1:visited,
a.t1:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t1 span{display:none;}
a.t1:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
border:0px;
font-weight:bold;
}
a.t1:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-1.jpg'); 
position:relative; 
left:198px; 
top:-30px;
width:198px; 
height:150px; 
padding:0px; 
z-index:7;
}


a.t2:link,
a.t2:visited,
a.t2:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t2 span{display:none;}
a.t2:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
font-weight:bold;
border:0px;
}
a.t2:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-2.jpg'); 
position:relative; 
left:198px; 
top:-60px;
width:198px; 
height:150px; 
padding:0px; 
z-index:7;
}


a.t3:link,
a.t3:visited,
a.t3:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t3 span{display:none;}
a.t3:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
font-weight:bold;
border:0px;
}
a.t3:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-3.jpg'); 
position:relative; 
left:198px; 
top:-90px;
width:198px; 
height:150px; 
padding:0px; 
z-index:7;
}


a.t4:link,
a.t4:visited,
a.t4:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t4 span{display:none;}
a.t4:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
font-weight:bold;
border:0px;
}
a.t4:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-4.jpg'); 
position:relative; 
left:198px; 
top:-120px;
width:198px; 
height:150px; 
padding:0px; 
z-index:7;
}


a.t5:link,
a.t5:visited,
a.t5:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t5 span{display:none;}
a.t5:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
font-weight:bold;
border:0px;
}
a.t5:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-5.jpg'); 
position:relative; 
left:198px; 
top:-150px;
width:198px; 
height:150px; 
padding:0px; 
z-index:7;
}


a.t6:link,
a.t6:visited,
a.t6:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t6 span{display:none;}
a.t6:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
font-weight:bold;
border:0px;
}
a.t6:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-6.jpg'); 
position:relative; 
left:-198px; 
top:-30px;
width:198px;
height:150px; 
padding:0px; 
z-index:7;
}


a.t7:link,
a.t7:visited,
a.t7:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t7 span{display:none;}
a.t7:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
font-weight:bold;
border:0px;
}
a.t7:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-7.jpg'); 
position:relative; 
left:-198px; 
top:-60px;
width:198px;
height:150px; 
padding:0px; 
z-index:7;
}


a.t8:link,
a.t8:visited,
a.t8:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t8 span{display:none;}
a.t8:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
font-weight:bold;
border:0px;
}
a.t8:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-8.jpg'); 
position:relative; 
left:-198px;
top:-90px;
width:198px;
height:150px; 
padding:0px; 
z-index:7; 
}


a.t9:link,
a.t9:visited,
a.t9:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t9 span{display:none;}
a.t9:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
display:block; 
color:black; 
font-weight:bold;
border:0px;
}
a.t9:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-9.jpg'); 
position:relative; 
left:-198px; 
top:-120px;
width:198px;
height:150px; 
padding:0px; 
z-index:7; 
}


a.t10:link,
a.t10:visited,
a.t10:active{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:top center;
display:block;
width:198px;
height:30px;
color:black;
line-height:30px;
font-family:verdana; 
font-size:12px; 
text-decoration:none;
}
a.t10 span{display:none;}
a.t10:hover{
background-color:white;
background-image:url('images/span-button.jpg');
background-position:bottom center;
color:black; 
font-weight:bold;
border:0px;
}
a.t10:hover span{
display:block; 
line-height:18px;
background-color:white;
background-image:url('images/span-10.jpg'); 
position:relative; 
left:-198px; 
top:-150px;
width:198px; 
height:150px; 
padding:0px; 
z-index:7;
border: 0px solid black;
}

/* FAQ's */

.ques {
 color:#CDCD9A;
 font-size:15px;
 font-weight:bold;
}


/* Home Page Rollovers */


a.km_one:link,
a.km_one:visited,
a.km_one:active{
background-image:url('images/km-full-remodel.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.km_one:hover{
background-image:url('images/km-full-remodel.jpg');
background-position:bottom center;
}


a.km_two:link,
a.km_two:visited,
a.km_two:active{
background-image:url('images/km-partial-remodel.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:left;
margin-right:10px;
padding:0px;
}
a.km_two:hover{
background-image:url('images/km-partial-remodel.jpg');
background-position:bottom center;
}


a.km_three:link,
a.km_three:visited,
a.km_three:active{
background-image:url('images/km-cabinet-refacing.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.km_three:hover{
background-image:url('images/km-cabinet-refacing.jpg');
background-position:bottom center;
}


a.km_four:link,
a.km_four:visited,
a.km_four:active{
background-image:url('images/km-amish-cabinets.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:left;
margin-right:10px;
padding:0px;
}
a.km_four:hover{
background-image:url('images/km-amish-cabinets.jpg');
background-position:bottom center;
}


a.km_five:link,
a.km_five:visited,
a.km_five:active{
background-image:url('images/km-cabinet-options2.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.km_five:hover{
background-image:url('images/km-cabinet-options2.jpg');
background-position:bottom center;
}


a.km_six:link,
a.km_six:visited,
a.km_six:active{
background-image:url('images/km-diy-cabinet-refacing.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:left;
margin-right:10px;
padding:0px;
}
a.km_six:hover{
background-image:url('images/km-diy-cabinet-refacing.jpg');
background-position:bottom center;
}


a.km_seven:link,
a.km_seven:visited,
a.km_seven:active{
background-image:url('images/km-handicap-options2.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.km_seven:hover{
background-image:url('images/km-handicap-options2.jpg');
background-position:bottom center;
}







a.view_more:link,
a.view_more:visited,
a.view_more:active{
background-image:url('images/view-more.jpg');
background-position:top center;
display:block;
width:140px;
height:40px;
line-height:40px;
text-align:center;
color:#000;
text-decoration:none;
margin:10px 0px 0px;
}

a.view_more:hover{
background-image:url('images/view-more.jpg');
background-position:bottom center;
}

a.view_more2:link,
a.view_more2:visited,
a.view_more2:active{
background-image:url('images/view-more.jpg');
background-position:top center;
display:block;
width:140px;
height:40px;
line-height:40px;
text-align:center;
color:#000;
text-decoration:none;
margin:10px 0px 0px;
float:right;
}

a.view_more2:hover{
background-image:url('images/view-more.jpg');
background-position:bottom center;
}