/* 
    If you're just learning CSS try out this website:
    http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
*/
body, html
{
    margin: 0;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    background-color: #311E11;
    background-image: url(/imgs/khbackground.jpg);
    background-repeat: repeat-x;
}
body
{
    min-width: 900px;
}
img
{
    border: 0;
}
a
{
  /* turn off dotted outlining */
  outline: none;
}
#kh-content, #kh-content-text, #kh-awards-text, #kh-testimonials
{
    font-family: Arial, Sans-Serif;
    color: white;
    float: right;
    width: 675px;
    text-align: center;
    vertical-align: top;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#kh-content-header
{
    color: white;
    float: right;
    width: 595px; 
    text-align: right;
    /* padding-right: 85px; */
    margin-right: 70px;
}
#kh-content-text
{
    padding-top: 30px;
    font-size: medium;
}
#kh-awards-text
{
    font-size: medium;
}
#kh-content-leftalign
{
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: Arial, Sans-Serif;
    color: white;
    float: right;
    width: 600px;
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 0;
}
#kh-mortgage-links
{
    font-family: Arial, Sans-Serif;
    font-size: smaller;
}
#kh-models-leftalign
{
    padding-left: 30px;
    padding-right: 30px;
    font-family: Arial, Sans-Serif;
    color: white;
    float: right;
    width: 600px;
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 0;
}
#kh-content-leftalign a 
{
    color: white;
    text-decoration: underline;
}
#kh-content-leftalign a:visited
{
    color: inherit;
    text-decoration: underline;
}
#kh-content-leftalign a:hover
{
    color: #C9C4A1;
    text-decoration: underline;
}
#kh-models-leftalign
{
    padding-left: 30px;
    padding-right: 30px;
    font-family: Arial, Sans-Serif;
    color: white;
    float: right;
    width: 600px;
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 0;
}
#kh-models-leftalign a 
{
    color: white;
    text-decoration: underline;
}
#kh-models-leftalign a:visited
{
    color: inherit;
    text-decoration: underline;
}
#kh-models-leftalign a:hover
{
    color: #C9C4A1;
    text-decoration: underline;
}
#kh-copyright
{
    padding-top: 10px;
    text-align: center;
    font-family: Verdana, Sans-Serif;
    font-size: x-small;
    color: #ffffff;
}
#kh-main
{
    /* 91.82% */
    background-color: #240C0B; 
    /* border-style: ridge; */
    border-style: ridge; 
    border-width: medium;
    border-color: white;
    margin: 0px auto;
    width: 900px;
    height: 700px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;

}
#kh-main-pic
{
    text-align: center;
    vertical-align: top;
    height: 65%;
    margin-bottom: 15px;  
    background-color: #240C0B; 
}
#kh-navigation
{
    font-size: small;
    float: left;
    width: 210px;
    background-color: #503A2D; 
	height: 680px;
	padding-left: 10px;
	padding-top: 15px;
}
#kh-sub-pics
{
    height: 35%;
    text-align: center;
}
#kh-model-disclaimer
{
    font-family: Arial, Sans-Serif ;
    font-size: x-small;
    font-style: italic;
}
#kh-whatsnew-text
{
    padding-top: 12px;
    padding-bottom: 12px;
}
.kh-bottom-pics
{
    padding-left: 11px;
    padding-right: 11px;

}
div.nav-items
{
    font-family: Arial, Sans-Serif;
    color: white;
    margin-left: 10px;
    margin-bottom: 12px;
	padding-left: 20px
}
div.nav-items a
{
    color: white;
    text-decoration: none;
}
div.nav-items a:visited
{
    color: inherit;
    text-decoration: none;
}
div.nav-items a:hover
{
    color: inherit;
    text-decoration: underline;
}
div.address
{
    font-size: smaller;
    font-family: Verdana, Sans-Serif;
    color: white;
    margin-left: 10px;
    margin-bottom: 12px;
	padding-left: 20px;
}
div.address a
{
    color: white;
    text-decoration: none;
}
div.address a:visited
{
    color: inherit;
    text-decoration: none;
}
div.address a:hover
{
    color: inherit;
    text-decoration: underline;
}
#left-inner
{
    float: left;
    width: 100px;
}
#middle-inner
{
    float: left;
    width: 400px;
}
#right-inner
{
    float: left;
    width: 100px;
}
#three-columns
{
    position: relative;
}
div.left-column
{
    margin-top: 20px;
    float: left;
    width: 300px;
    font-size: small;
}
div.right-column
{
    margin-top: 20px;
    float: left;
    width: 300px;
    font-size: small;
}
div.wn-left-column
{
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 180px;
}
div.wn-right-column
{
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 420px;
}
div.two-columns
{
    position: relative;
    width: 100%;
}
#single-column
{
    width: 600px;
}
#model-picture
{
    padding-top: 10px;
    float: left;
    width: 365px;
}
#model-text
{
    padding-left: 20px;
    padding-top: 10px;
    float: left;
    width: 215px;
}
#model-text a 
{
    color: red;
    text-decoration: underline;
}
#model-text a:visited
{
    color: inherit;
    text-decoration: underline;
}
#model-text a:hover
{
    color: red;
    text-decoration: underline;
}
#model-desc
{
    float: left;
    top: 610px;
    font-size: small;
    font-style: italic;
    width: 600px;
}
div.model-desc
{
    float: left;
    top: 610px;
    font-size: small;
    width: 600px;
}
#model-links
{
    float: left;
}
#newclickhere
{
    font-size: 14px;
}

/*

    This CSS custom designed for http://www.keystonecustom.com/, please do not 
        just steal the design, stylesheet or anything else without the express written
        consent of http://f4techgroup.com/.

    Good Day!

*/