@charset "UTF-8";


.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:400px;
    height:auto;
    display:block;
    z-index:999;
}




body {
	background-color:#005188;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#maintablecolor {
	background-image: url(images/col_left_tile.png);
	background-repeat: repeat;
	}

.promo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 2em;
	font-weight: bold;
	color: #333333;
}
.header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}
	
.navback {
	background-image: url(images/nav_bkgrnd.png);
}

.leftnav_background {
    background-color: #005188;
    }


a.nav {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
	color: #FFFFFF;
}

a.nav:link.nav {
    color: #FFFFFF;
}

a.nav:hover.nav {
	color: #DF012A;
}





ul {
    font-size: 12px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-top: 10;
}

p.about {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.body {
	font-size: 14px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14pt;
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
	/*text-align: justify;*/
}

p.body_indent{
	font-size: 14px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14pt;
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
	text-indent: 10px;
	}

p.body_faq {
	font-size: 14px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14pt;
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
	text-decoration: underline;
}

p.subheader {
    font-size: 12px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	text-align: left;
}

p.subbody {
    font-size: 12px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	text-decoration: underline;
}

p.rightcolumn {
    font-size: 12px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: nomal;
	margin-left: 10;
	margin-right: 10;
	margin-top: auto;
	text-align: left;
}



.boxes{
	background-color: #f2f2f2;
	border-color: red;
}


#h3_os {
	color: #BA0D23;
}

h3 {
margin-left: 15px;
margin-top: 10px;
color: #FFFFFF;
}

h4 {
margin-left: 15px;
margin-top: 10px;
color: #000000;
}

h5 {
margin-left: 15px;
margin-top: 10px;
color: #FFFFFF;
}

h6 {
margin-left: 5px;
}


#footer {
	background-image: url(images/footer.png);
	width: 1024px;
	height: 80px;
	font-size: 12px;
}

#nav_font {
    font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
	color: 333;
}

/*--------estimate box----------*/

#estimate {
	height: 70px;
	width: 200px;
	background-color: #FFFFFF;
	border-width: 10px;
	border-style: double;
	border-color: #005188;
	}
	
p.estimate_text_top {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #005188;
	line-height: 90%;
	}

	
p.estimate_text_bottom {
	font-size: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #bb1228;
	line-height: 1%;
	
	}	
	
/*--------end estimate box---------*/


/*--------why kd box----------*/

#whykd {
	height: 150px;
	width: 200px;
	background-color: #FFFFFF;
	border-width: 10px;
	border-style: double;
	border-color: #005188;
	}
	
p.whykd_text_top {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #bb1228;
	}	
	
p.whykd_text_bottom {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #005188;
	}
	
	
a.box1a {
	text-decoration: none;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #bb1228;
}

a.box1a:hover {
    text-decoration: none;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #EDB903;
}


a.box1b {
	text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #005188;
	text-decoration: underline;
}

a.box1b:hover {
    text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #EDB903;
	text-decoration: underline;
}

	
/*--------end estimate box---------*/

.topcell_back {
    background-color: #659bbd;
   }
   
.topcell_back2 {
    background-color: #DF012A;
   }
   
   .topcell_back3 {
    background-color: #EDB903;
   }
   
    .topcell_back4 {
    background-color: #9999CC;
   }
   
    .topcell_back5 {
    background-color: #8DBC8F;
   }
   
.line {
    background-color: #005188;

   }




   div.thumb{   /* used in photos php */
     width: 200px;
     float: left;
       margin: 0 40px 40px 0;
     }

   .clear{
      clear: left;
    }

   div.thumb img{
     border: 2px solid #777;
    }

    div.thumb p{
      margin: 0;
      padding: 0 20px 30px 10ox;
       text-align: left;
       font-size: 90%;
       font-family:corbel,helvetica,arial,sans-serif;
       font-weight: bold;
       background: url(shadow.gif)no-repeat 0 100%;
       }

  div#palette{
    width: 760px;
    margin-top: 25px;
    margin-left: 50px;

  }

   div#blends{
    width: 760px;
    margin-top: 25px;
    margin-left: 50px;
   }