/* 
   IMPORTANT NOTICE
   This XHTML and CSS layout is COPYRIGHT 2006-2010 Design215 Inc. 
   
   It MAY NOT be copied or used for any other web site without the express
   written permission of Design215 Inc. 954-630-3695 www.design215.com

   Design215.com CSS/110 stylesheet, v01.16.2010 
   for kvcconstructors.com, NEW SITE v01.29.2017, updated 05.04.2019 
   
   Container layout of each page:

   body
     #pagehead
       .navbar
       .navlinks
       .navlinks2
     #container
       #pagebody
         .contentbg
           .contentbox
             .C_med (or other column classes)
           .contentbox2
             .C_med (or other column classes)
     #footer
      
   -----------------------------------------------------------------------------
   
   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 
*/


body {
  font-family:'source_sans_proregular',arial,sans-serif; font-size:12px; color:#fff;
}
p,dl,ul,ol,table td,pre.p2,.xtitle,div.navlinks {
  font-family:'source_sans_proregular',arial,sans-serif; font-size:15px; color:#fff;
}
p.p2,p.p4 {
  line-height:130%;
  margin:4px 4px 0 4px; padding:0;
}
p.p4,ul.blist li {
  font-family:'source_sans_proregular',arial,helvetica,sans-serif; font-size:16px; color:#fff;
  line-height:150%; letter-spacing:1px; 
  margin:2px 2px 2px 4px;
}  
p.p5,p.c1,p.leader {
  font-family:'source_sans_proregular',arial,helvetica,sans-serif; font-size:16px; color:#bbb;
  line-height:160%; letter-spacing:1px;
  text-align:justify;
  margin:2px 2px 2px 4px;
} 
p.c1 {
  font-size:20px;
} 
p.p6,p.quote {
  font-family:arial,helvetica,sans-serif; font-size:24px; color:#fff;
  line-height:160%; letter-spacing:1px; text-align:center;
}  
p.quote {
  font-size:24px; text-transform:uppercase; color:#000;
  text-align:center; padding:0 0 20px 0;
}  
h3 {
  font-family:'source_sans_proregular',arial,sans-serif; font-size:20px; font-weight:bold; color:#ff7f00;
  margin:2px 2px 2px 4px; padding:0;
}
h2 {
  font-family:'source_sans_proregular',arial,sans-serif; font-size:20px; font-weight:bold; color:#fff;
  margin:2px 2px 2px 4px; padding:0;
  text-transform:uppercase; letter-spacing:2px;
}
#menu h2 {
  font-size:30px; color:#e4701e; margin:2px 2px 2px 0;
  font-variant:small-caps;
}
  
h1 {
  font-family:'quicksandlight',arial,helvetica,sans-serif; 
  font-size:32px; color:#fff; font-weight:normal;
  margin:10px 4px 4px 4px; padding:0; 
  text-transform:uppercase; letter-spacing:2px;
  text-shadow:2px 2px 2px #000;
}
h1.minmargin {
  margin:4px;
}
.center {
  text-align:center;
}  

a.projname {
  font-family:'source_sans_proregular',arial,sans-serif; 
  font-size:16px; color:#fff; font-weight:bold;
  margin:0; padding:0; 
  text-transform:uppercase; letter-spacing:2px;
  text-shadow:2px 2px 2px #000;
}

span.price2 {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000;
}
pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.formula {
  font-family:courier new,courier,monospace; font-size:12px; color:#009900;
}
#footer p,.xsmall {
  font-family:'source_sans_proregular',arial,sans-serif; font-size:14px; color:#666;
}
#footer p.xnav {
  font-family:'source_sans_proregular',arial,sans-serif; font-size:14px; color:#666;
}
.fbutton,ul.alist li,.spopup {
  font-family:arial,helvetica,sans-serif; font-size:14px;
}
p.disclaimer {
  font-family:arial,helvetica; font-size:11px;
  margin:4px 12px 0 4px; padding:0;
}
div.navlinks {
  font-family:arial,helvetica,sans-serif; font-size:14px;
}
div.L_xlocation p {
  font-family:arial,helvetica,sans-serif; font-size:14px;
  line-height:160%;
  margin:0 0 0 12px;
}

div.insta p,
div.tagline p {font-size:22px; color:#3f1b13;}

ul.clist {
  font-size:22px;
  text-shadow:2px 2px 0 #000;
}

/* 
   HTML Element Defaults
   ----------------------------------------------------------------------------- 
*/

html,body {
  text-align:center; margin:0; padding:0; height:100%;
  color:#fff; background:#222;
}

a:link,
a:visited {text-decoration:underline; font-weight:normal; color:#fff;}
a:hover {text-decoration:underline; font-weight:normal; color:#ff7f00;}

form {
  margin:0; padding:2px 0 0 4px;
}
img {
  margin:0; padding:0; border:0;
}
ol li {
  padding:2px 0 4px 0;
}
p {
  margin:2px 6px 2px 0; padding:0;  /* default is no left margin */
}
pre {
  margin:0; padding:0;
}
table {
  margin:2px 6px 2px 4px; padding:0;
}
table td {  /* eliminates the need for valign="top" */
  line-height:130%; 
  vertical-align:top;
}
table td.rt {  /* eliminates the need for align="right" */
  text-align:right;
}
table td.ct {  /* eliminates the need for align="center" */
  text-align:center;
}
ul {
  list-style:none;
  margin:4px 0 0 4px; padding:0;
}
ul li {
  margin:2px 0 10px 0; padding:1px 0 0 18px; width:98%;
  background:transparent url(images/bullet.png) 0 4px no-repeat;
}
  

form table { /* no left margin for tables inside forms */
  margin:2px 6px 2px 0; padding:0;
}


/* 
   Custom Styles
   ----------------------------------------------------------------------------- 
*/

/* Mobile Menu button */
a.mobile {
  display:block; line-height:20px; margin:0; padding:0 6px 0 0; width:40px; height:40px;
  font-family:verdana,helvetica,sans-serif; font-size:10px; font-weight:bold; color:#000;
  background:transparent url(images/mobilemenu.png) 1px 0px no-repeat;
  cursor:pointer;
}
a.mobile:link,
a.mobile:visited {text-decoration:none; font-weight:bold; color:#000;}
a.mobile:hover {text-decoration:none; font-weight:bold; color:#000;}

a.mobile span {visibility:hidden;}


/* menu links */
div.navlinks a,
div.navlinks2 a {
  display:block; position:absolute; width:120px; height:19px;
  font-family:'source_sans_proregular',arial,sans-serif; font-size:16px; 
  text-transform:uppercase; letter-spacing:1px; margin:0; padding:0;
}
div.navlinks a:link,
div.navlinks a:visited {text-decoration:none; font-weight:bold; color:#fff;}
div.navlinks a:hover {text-decoration:none; font-weight:bold; color:#e4701e;}
div.navlinks2 a:link,
div.navlinks2 a:visited {text-decoration:none; font-weight:bold; color:#fff;}
div.navlinks2 a:hover {text-decoration:none; font-weight:bold; color:#e4701e;}

div.navlinks span,
div.navlinks2 span {display:none;}

/*
  positions must be set using id, not class
  
*/
a#a2 {width:60px; left:5px;}  /* about */
a#a3 {width:54px; left:100px;}  /* news */
a#a4 {width:86px; left:184px;}  /* services */
a#a5 {width:92px; left:300px;}  /* projects */
a#a7 {width:82px; right:20px;}  /* contact */


/* footer links */
#footer a:link,
#footer a:visited {text-decoration:none; color:#ff7f00;}
#footer a:hover {text-decoration:underline; color:#aaa;}
  
/* W3C validation links */
#footer a.w3:link,
#footer a.w3:visited {text-decoration:none; color:#222;}
#footer a.w3:hover {text-decoration:none; color:#aaa;}

br.clr {
  clear:both;
}
br.nb { /* use on mobile */
  display:none; 
}
  
/* Separators to clear column floats */
div.xclear {
  position:relative; clear:both; height:1px; line-height:1px; 
  margin:0; padding:0;
}
div.xclearline { /* content under columns */
  position:relative; clear:both; width:90%; line-height:3px;
  margin:0; padding:0;
}


div.xbox1 { /* forms boxes */
  width:90%; 
  padding:4px 8px 4px 8px; 
  border:solid 1px #aaaaaa; background:#ffffff;
}
div.ffield { /* form fields */
  position:relative; float:left; margin:0; padding:2px 12px 4px 0;
} 
div.xbox2 { /* outline box */
  width:90%;
  margin:0 0 0 4px; padding:8px 2px 8px 2px; 
  border:solid 1px #aaaaaa; background:#ffffff;
}
div#googlemap {
  width:96%; height:400px; margin:0; padding:0; 
  background:#444; color:#000; border:4px solid #fff;
  box-shadow:2px 2px 5px rgba(0,0,0,0.75);
}
div.vendormap { /* map on dealer locator */
  width:96%; height:400px; margin:0; padding:0;
  background:#444; color:#000; border:4px solid #fff;
  box-shadow:2px 2px 5px rgba(0,0,0,0.75);
}

div.pthumb {
  position:relative; display:inline-block; vertical-align:top;
  text-align:center; width:248px; height:148px;
  background:#222;  
  margin:4px 6px 12px 6px; padding:0; overflow:hidden;
  border:2px solid #222;
}
  div.pthumb a {
    text-transform:uppercase; font-size:12px;  
  }
  div.pthumb a:link,
  div.pthumb a:visited {text-decoration:none; font-weight:normal; color:#fff;}
  div.pthumb a:hover {text-decoration:none; font-weight:normal; color:#ff7f00;}
  
  div.pthumb img {
    border:4px solid #fff;
    max-width:99%;
  }


/* Social media buttons under photos, etc. */
div.social {
  position:relative; float:left; height:35px; width:80px;
  margin:0; padding:0;
}
div.social2 {
  position:relative; float:left; height:35px; width:120px;
  margin:0; padding:0;
}
div.socialclear {
  position:relative; clear:both; width:120px; 
  margin:0; padding:0;
}  

img.xpic {
  margin:0; padding:0;
}
img.npic {
  width:80%; border:6px solid #fff;
  margin:4px 0 0 15%; padding:0;
}
img.xthumb {
  margin:8px 5px 15px 20px; padding:10px;
  background:#ffffff; border:solid 1px #ffffff;
}
img.menu {
  width:300px; border:4px solid #fff;
  margin:10px 0 0 12px; padding:0;
}
img.xleft {  /* left aligned image */
  float:left; margin:2px 10px 2px 0;
}
img.xright {  /* right aligned image */
  float:right; margin:2px 0 2px 10px;
}
img.cater1 {
  position:relative; display:block;
  width:95%; max-width:700px; margin:2px auto 20px auto; padding:0;
  border:8px solid #3e1111; box-shadow:4px 4px 8px #444;
}
img.dleft {  /* left aligned image for use with ul.dlist */
  float:left; margin:2px 10px 2px 12px;
  border:1px solid #666666;
}
img.social {
  margin:4px 10px 0 0;
}

div.photo_main {
  position:absolute;
  left:304px; top:38px;
}
div.img_border {
  position:absolute;
  left:12px; top:4px;
  z-index:95;
}

table.hours,
table.cater1,
table.cater2 {
  width:90%; margin:0; padding:0;
}
  table.cater1 h2 {
    padding:4px 0 12px 0;
    border-bottom:4px dotted #000;
  }
  table.cater2 td {
    margin:0; padding:4px 0 4px 0; border-bottom:2px dotted #000;
  }
  
img.zthumb {
  margin:2px 4px 4px 0; padding:0;
  border:4px solid #fff;
  box-shadow:2px 2px 5px rgba(0,0,0,0.75);
}
img.cthumb {
  margin:0 0 4px 0; padding:0;
  border:4px solid #ffffff;
}
img.tleft {  /* left aligned thumbnail with border */
  float:left; margin:2px 15px 2px 0;
  border:4px solid #ffffff;
}

img.zteam {
  max-width:96%;
  margin:2px 4px 4px 0; padding:0;
  border:6px solid #fff;
  box-shadow:2px 2px 5px rgba(0,0,0,0.75);
}


label.noshow,
h1.noshow,
h2.noshow,
span.tt,
span.noshow {display:none;}

p.c1 { /* centered */
  text-align:center; line-height:normal;
  margin:2px 6px 2px 4px; padding:0;
}
p.p1 { /* normal line height for narrow columns */
  line-height:110%;
  margin:2px 6px 2px 4px; padding:0;
}
p.location {
  line-height:130%;
  margin:4px 6px 0 4px; padding:0 0 0 12px;
}
p.p3 { /* normal right margin */
  line-height:150%;
  margin:4px 10px 0 4px; padding:0;
}
p.n1 { /* justified column like a newspaper */
  font-size:10px;
  margin:4px 2px 0 4px; padding:0; text-align:justify;
}
p.n2 { /* right column with vertical dashed line */
  font-size:10px;
  margin:0; padding:4px 2px 0 4px; border-left:1px dashed #aaaaaa;
}
p.r1 { /* used for the last updated date on links.php */
  text-align:right;
  line-height:normal;
  margin:-14px 2px 4px 0; padding:0;
}
p.r2 {
  text-align:right;
  line-height:150%;
  margin:4px 4px 4px 4px; padding:0;
}
p.nav {
  line-height:150%;
  color:#aaaaaa;
}

p.p5 img,
p.p2 img {
  max-width:98%;
}


/* Leader Dots */
p.leader,h2.leader,h2.leader2 {
  overflow: hidden;
  margin:4px 12px 0 0;
}
span.item {
  float: left;
  padding: 0 .2em 0 0;
  margin: 0;
}
span.price {
  float: right;
  padding: 0 0 0 .4em;
  margin: 0;
}
p.leader:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 1em;
  border-bottom:3px dotted;
}
h2.leader:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0.8em;
  border-bottom:6px dotted;
}
h2.leader2:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0.8em;
  border-bottom:6px dotted #c3cd4e;
}


#pagehead h1,#pagehead h2 {
  display:none;
}
#pagehead p {
  display:inline;
  text-align:left;
}
#footer p {
  position:relative;
  text-align:center; margin:8px 0 0 0; padding:0;
}
#footer p.xnav {
  position:relative;
  text-align:center; margin:0; padding:0;
}
  
pre.p2 {
  line-height:150%;
  margin:4px 4px 0 4px; padding:0;
}

table.t1 { /* no left margin */
  margin:2px 6px 2px 0; padding:0;
}
table.t2 {
  width:94%;
}
table.t3 {
  width:350px;
}

ul.blist {
}
ul.blist li {
  margin:2px 0 10px 0; padding:1px 0 0 24px; width:98%;
  background:transparent url(images/bullet2.png) 0 5px no-repeat;
}

span.bt {
  position:relative;
  display:inline-block;
  width:16px; height:16px;
  vertical-align:middle;
  background:transparent url(images/bullet2.png) no-repeat;
}
  
ul.clist {
  width:90%;
}
ul.clist li {
  margin:2px 0 10px 0; padding:1px 0 4px 28px; width:98%;
  background:transparent url(images/checkmark.png) 0 4px no-repeat;
}
  
/* Form fields */
.ckBox { /* checkboxes */
  margin:1px; padding:0;
}
  .boxBlur {
    font-family:courier new,courier,monospace; font-size:14px; 
    border:1px solid #bbb; color:#000; background:#ffffff;
    padding:5px;
  }
  .boxBlur:focus,.boxFocus {
    font-family:courier new,courier,monospace; font-size:14px; 
    border:1px solid #666; color:#000; background:#ffffcc;
    padding:5px;
  }

.fbutton {
  border:1px solid #000000; color:#ffffff; background:#333333;
  margin:0; padding:4px; 
  font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold;
}

/* Newsletter form */
form#newsletter {
  text-align:right; margin:0; padding:0 22px 2px 0;   
}
form#newsletter p {
  font-size:14px; margin:0; padding:0;
}
form#newsletter #email {
  width:48%; margin:0; padding:7px 4px 8px 8px; top:-2px;
  position:relative;
}
.mailBlur {
  border:none; background:#bbb;
}
.mailFocus {
  border:none; background:#fff;
}
.submitBtn {
  position:relative; vertical-align:middle; top:-2px;
}  
  
.hdate { /* dates under H2 headings (articles, etc) */
  position:relative; display:inline-block; font-size:16px; color:#ffcc00;
  margin:0 10px 4px 4px; padding:2px;
}
.sm {position:relative; top:-4px; font-size:9px; font-weight:normal;} /* service mark (sm) */
.super {position:relative; top:-4px; font-size:10px;} /* superscript */

.xred {color:#ff0000;} /* form errors */
.xword {font-weight:bold; color:#dddddd;}

.nbox {  /* remaining characters field */ 
  text-align:right; width:250px;
  border:0; color:#000000; background:transparent;
}


/* 
   Containers for this layout
   -----------------------------------------------------------------------------
*/

#pagehead {
  position:fixed; left:0; top:0; height:72px; width:100%;
  text-align:left; margin:0; padding:0;
  overflow:visible; z-index:96; /* must be less than drop menu z-index */
}
  #headerbox {
    background:rgba(0,0,0,0.6);
    position:relative; min-width:480px; height:44px;
    text-align:center; margin:0; padding:0;
  }
    div.navbar {  /* width and height necessary for image replacement */
      position:absolute; top:8px; left:10px; width:198px; height:72px;
      text-align:center; margin:0; padding:0;
    }
    /* DIVs for navigation links */
    div.navlinks {
      position:absolute; top:12px; right:5px; width:200px; height:30px;
      text-align:right; margin:0; padding:0 20px 0 0;
    }
    div.navlinks2 {
      position:absolute; top:12px; left:220px; width:500px; height:30px;
      text-align:left; margin:0; padding:0;
    }
    div.navlinks2 div {
      margin:0; padding:0; 
    }
    div.socialicons {
      position:absolute; top:14px; right:18px; width:70px; height:34px;
      text-align:right; margin:0; padding:0;
    }
    div.socialicons img {
      margin:0; padding:0 10px 0 0;
    }
  div.mobilemenu {
    position:absolute; top:24px; left:15px; width:44px; height:44px; 
    margin:0; padding:0; overflow:hidden; display:none;
  }
#headpic {
  position:relative; left:0; top:0; height:400px; width:100%;
  text-align:left; margin:0; padding:0;
}  
  
#container {
  position:relative; min-height:100%;
  text-align:center; margin:0; padding:0;
  margin-bottom:-106px; /* -height of footer */
}
#container:after {
  content:""; display:block; height:106px; /* height of footer */
}   
  /* Page body, full width of container */
  #pagebody {
    position:relative; 
    text-align:left; margin:0; padding:0;
  }
    /* Full width container CLASS for full width backgrounds */
    div.contentbg {
      position:relative; width:100%;
      text-align:left; margin:0; padding:0;
    }
      /* Inner content box for centered, fixed width content */
      div.contentbox {
        position:relative; max-width:1000px;
        text-align:left; margin:0 auto 0 auto; padding:0;
      }
      div.contentbox2 {
        position:relative; width:100%;
        text-align:center; margin:0 auto 0 auto; padding:0;
      }
        /* Content above columns */
        div.contenthead {
          position:relative; margin:0; padding:0;
        }
          /* Columns, Total width must be <= 750px */
          
          /* LEFT columns */
          div.L_xxsmall,
          div.L_xsmall,
          div.L_small,
          div.L_large,
          div.L_xlarge,
          div.L_xxlarge,
          div.L_full {
            position:relative; float:left; margin:0; padding:0; text-align:left;
          }
          
          /* RIGHT columns */
          div.R_xxsmall,
          div.R_xsmall,
          div.R_small,
          div.R_large,
          div.R_xlarge,
          div.R_xxlarge,
          div.R_full {
            position:relative; float:right; margin:0; padding:0; text-align:left;
          }
          
          /* Column width combinations:  xxs+xxl, xs+xl, xs+xs+xs, s+l, full */
          div.L_xxsmall,div.R_xxsmall {width:200px;}
          div.L_xsmall,div.R_xsmall {width:280px;}
          div.L_small,div.R_small {width:330px;}
          div.L_large,div.R_large {width:450px;}
          div.L_xlarge,div.R_xlarge {width:500px;}
          div.L_xxlarge,div.R_xxlarge {width:660px;}
          div.L_full {width:100%;}
          div.R_full {width:900px;}
          
    /* exceptions */
    div.L_full2 {
      position:relative;
      width:100%; max-width:1000px; 
      margin:0 auto 60px auto; padding:0;
    }
           

    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative; width:100%; height:106px;
      text-align:center; margin:0; padding:25px 0 25px 0;
      background:#000;
    }

/* 
   Page specific styles
   -----------------------------------------------------------------------------
*/

div.ctitle,
div.ctitle2 {
  position:relative; text-align:center;
  margin:0 4px 0 4px; padding:0 0 20px 0; overflow:hidden;
}
  div.ctitle img {max-width:100%; height:auto;}
  
div.ntitle {
  position:relative; text-align:left;
  margin:0; padding:0 0 10px 0;
}
  div.ctitle h1,
  div.ntitle h1,
  div.ctitle h2,
  div.ntitle h2 {display:none;}
  div.ctitle img,
  div.ntitle img {margin:0; padding:0;}
  
div.C_small,
div.C_small2,
div.C_small3,
div.C_med { /* centered column that wraps @ min-width */
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; max-width:620px; min-width:470px;
  margin:0 4px 0 4px; padding:0; overflow:hidden;
}
div.C_small2 {
  border-left:6px solid #c3cd4e; padding:0 0 0 20px;
}
div.C_small3 {
  max-width:300px; min-width:300px;
}
div.C_med {
  width:65%; max-width:650px;
}
div.C_large {
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; width:97%; max-width:1000px; min-width:470px;
  margin:0 4px 0 4px; padding:0; overflow:hidden;
}

div.tagline {
  text-align:center; padding:60px 0 40px 0;
  overflow:hidden;
}

#pag_home #container {
  min-height:100px;
  /* height:500px; */
}
  
#pag_home div.L_xsmall {width:320px;}
#pag_home div.L_small {width:360px;}

#pag_home #pagehead {
  height:44px;
}
#pag_home #headpic {
  display:none;
}
#pag_home #pagebody {
  padding:0; 
}
#pag_home #footer {
  position:relative;
  bottom:0px
}

#fullphoto {
  position:relative; width:100%;
  margin:0; padding:0; 
  text-align:center;
  background:#111;
  overflow:hidden;
}
#pag_home #pagebody {
  padding:0; min-height:100px;
}
#fullphoto img.leafpic {
  width:100%; margin:0; padding:0;
}
#photocredit {
  position:absolute; width:100%;
  left:0px; top:90px; margin:0; padding:0;
  z-index:95;
}
#photocredit img.slidecover {
  width:100%;
}

#mainphoto {
  position:relative;
  margin:0; padding:0; 
  text-align:center;
  overflow:hidden;
}
  #mainphoto img {
    width:auto; height:auto; max-height:100vh; max-width:100%; margin:0; padding:0;
  }
  #mainphoto img.port {
    width:auto; height:auto; max-height:100vh; max-width:100%; margin:0; padding:0;
  }

#imgprev {
  position:fixed; left:15px; top:50%; width:50px; height:100px; margin:-50px 0 0 0;
  z-index:98;
}
#imgnext {
  position:fixed; right:15px; top:50%; width:50px; height:100px; margin:-50px 0 0 0;
  z-index:98;
}
#imgprev a,
#imgnext a {
  display:block; padding:30px 20px 30px 10px;
  border-radius:4px; font-size:30px;
}
#imgprev a:link,
#imgprev a:visited,
#imgnext a:link,
#imgnext a:visited {
  text-decoration:none; font-weight:bold; color:rgba(255,255,255,0.8); background:rgba(0,0,0,0.2);
  border:1px solid rgba(0,0,0,0.2);
}
#imgprev a:hover,
#imgnext a:hover {
  text-decoration:none; font-weight:bold; color:rgba(255,255,255,1); background:rgba(0,0,0,0.6); 
  border:1px solid rgba(255,255,255,1);
}

#xthumb1 {
  padding:0 0 0 10px;
}
#thumbbar {
  position:relative; max-height:150px; 
  overflow-x:auto; overflow-y:hidden;
  text-align:center;
  padding:4px;
  white-space:nowrap;
}
  

#pag_404 #headpic {
  background:transparent url(images/kvc-header1119.jpg) center center;
  background-size:cover;
}
#pag_sitemap #headpic {
  background:transparent url(images/kvc-header3486.jpg) center center;
  background-size:cover;
}
#pag_about #headpic {
  background:transparent url(images/kvc-header26022.jpg) center center;
  background-size:cover;
}
#pag_experience #headpic {
  background:transparent url(images/kvc-header0734.jpg) center center;
  background-size:cover;
}
#pag_services #headpic {
  background:transparent url(images/kvc-header-medley01.jpg) center center;
  background-size:cover;
}
#pag_safety #headpic {
  background:transparent url(images/kvc-header3677.jpg) center center;
  background-size:cover;
}
#pag_gc #headpic {
  background:transparent url(images/kvc-header8660.jpg) bottom center;
  background-size:cover;
}
#pag_db #headpic {
  background:transparent url(images/kvc-header4826.jpg) center center;
  background-size:cover;
}
#pag_cm #headpic {
  background:transparent url(images/kvc-header2283.jpg) bottom center;
  background-size:cover;
}
#pag_markets #headpic {
  background:transparent url(images/kvc-header8222.jpg) center center;
  background-size:cover;
}
#pag_news #headpic {
  background:transparent url(images/kvc-header8094.jpg) bottom center;
  background-size:cover;
}
#pag_careers #headpic {
  background:transparent url(images/kvc-header3707.jpg) center center;
  background-size:cover;
}
#pag_contact #headpic {
  background:transparent url(images/kvc-header4837.jpg) center center;
  background-size:cover;
}
#pag_testimonials #headpic {
  background:transparent url(images/kvc-header4837.jpg) center center;
  background-size:cover;
}
#pag_article #headpic,
#pag_gallery #headpic {
  height:100px;
}
#pag_image #headpic {
  display:none;
}

div#slogan div {
  position:relative; text-align:center; vertical-align:middle;
  margin:0; padding:0;
}
 
#menu div.ctitle {
  padding:20px 0 20px 0;
}
#madefresh {
  padding:40px 0 60px 0;
}

#infobar div.contentbox {
  max-width:960px;
}
          
#pag_image div.L_small {width:420px;}
#pag_image div.L_xsmall {width:320px;}    

#categories {
  min-height:400px;
}

/* Content Backgrounds */
.paper {
  color:#000;
  background:transparent url(images/paperbg.jpg) left top repeat;
}
.orange {
  color:#fff;
  background:#e4701e;
}
.orange p {color:#000;}

.green {
  background:#c3cd4e;
}
.green div p {color:#fff;}

.black {
  background:#111;
}
.about1 {
  background:#222;
}
.about2 {
  background:#222 url(images/kvc-header9086.jpg) center bottom no-repeat;
}
.about3 {
  background:#222 url(images/about_bg03.jpg) center bottom no-repeat;
}
.bg-cover { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.fullpic img {
  width:100%; margin:0; padding:0; 
  vertical-align:top; /* gets rid of "mystery space" */
}

.about1 div p,
.about2 div p,
.about3 div p,
.black div h1,
.black div p,
.black div ul,
.fresh div h1,
.fresh div p,
.fresh div ul,
.chalk2 div h1,
.chalk2 div p,
.chalk2 div ul,
.chalk div h1,
.chalk div p,
.chalk div ul {color:#fff;}

.chalk2 div h2,
.chalk div h2 {color:#fff;}

.chalk a:link,
.chalk a:visited,
.chalk2 a:link,
.chalk2 a:visited {text-decoration:underline; font-weight:bold; color:#e4701e;}
.chalk a:hover,
.chalk2 a:hover {text-decoration:underline; font-weight:bold; color:#fff;}

/* Tables used for charts */
.gray1 {background:#aaaaaa;}
table.gray1 td {background:#ffffff;}
table.gray1 td.ht1 {background:#eeeeee;}  /* td hightlight */
table.gray1 td.ht2 {background:#eeeeff;}  /* td hightlight */
table.gray1 h2 {margin:0;}

/* Design215 Guestbook/Comments v01.27.06 */
.xguest {  /* outside table */
  width:640px; margin:0;
}
table.xguest table {
  margin:0;
}
table.xtopics {
  width:90%; 
  margin:0 0 0 12px;
}
table.xtopics td {
  width:auto;
  margin:0 10px 0 0;
}
table.xtopics td p {
  margin:0 10px 0 0;
  border-bottom:1px dashed #888888;
} 

p.gb1 {
  font-family:verdana,helvetica,sans-serif; font-size:11px;  color:#ffdf4d;
  margin:2px 2px 0 12px; padding:0;
}

.gbox {  /* remaining characters field, guestbook */ 
  text-align:right; width:320px;
  border:0; color:#aaaaaa; background:transparent;
}
.cbox {  /* remaining characters field, comments */ 
  width:250px;
  border:0; color:#aaaaaa; background:transparent;
}
.guestErr {
  font-weight:bold; color:#ff8800; 
}
.gline { /* user entries separator */
  position:relative; display:block; line-height:4px;
  margin:0 20px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.xquote1 {
  font-family:serif; font-size:12px; color:#274627;
  background:transparent url(/images/quote1.gif) no-repeat;
  padding:0 0 0 8px;
}
.xquote2 {
  font-family:serif; font-size:12px; color:#274627;
  background:transparent url(/images/quote2.gif) no-repeat;
  padding:0 0 0 8px; margin:0 0 0 2px;
}
p.gst1 {margin:4px 0 8px 12px; font-size:11px; color:#000000; line-height:120%;}
p.gst2 {margin:4px 60px 0 12px; font-size:11px; color:#000000; line-height:130%;}


/* Design215 Slideshow, index.php */
#pag_home #xssw1,
#pag_home #xssw2 {
  /* 2012 update: opacity set with css on slideshow page */
  position:absolute; visibility:hidden;
  background:transparent;
  margin:0; padding:0;
  text-align:center; /* slideshow image will be centered in the div */
  width:100%; /* div will be the full width of its container */ 
}
#pag_home #xssw1 img,
#pag_home #xssw2 img {
  width:100%;
}
#pag_home #xslidetext,
#pag_home #xslidenum ,
#pag_home #slidecontrols {
  display:none;
}


/* Design215 Drop Menu, v11.22.2012 */
#xtooltip {
  position:absolute; left:-200px; top:5px; z-index:98;
  margin:0; padding:0 0 7px 0;
  background:transparent url(images/tooltip_pointer.png) 14px bottom no-repeat;
}
#xtooltip p.tt1,
#xtooltip p.tt2 {
  color:#ffffff; text-align:left; margin:0; padding:6px 8px 8px 8px;
  font-family:arial,helvetica,sans-serif; font-size:14px;
  background:transparent url(images/tooltip.png);
  border-radius:4px; border:2px solid #000000;
}

#menu1 {  /* mobile menu */
  position:fixed; visibility:hidden; z-index:99;
  width:320px; left:-999em; /* removes the extra vertical space from the long menu */
  background:rgba(0,0,0,0.8); color:#fff; padding:4px;
  border-radius:2px; border:1px solid #666;
  box-shadow:8px 8px 24px rgba(0,0,0,0.5);
}
#menu1 p {
  width:100%; /* necessary for IE7 or menu height bug */
  margin:0; padding:4px 4px 2px 4px;
}
#menu1 p span {
  display:none;
}
  /* Fix 2px whitespace under images, 04.14.2015 */
  div.dropx img,div.dropz img {
    vertical-align:top;
  }

  div.dropx {
    text-align:left;
    margin:0; padding:0;
  }
  #menu1 a {
    font-family:'source_sans_proregular',arial,sans-serif; font-size:22px; 
    position:relative; display:block; height:22px;
    font-weight:bold; color:#ffffff; text-transform:uppercase;
    margin:0 16px 0 6px; padding:16px 3px 16px 12px;
    border-bottom:1px dotted #666;
  }
  #menu1 a:link,
  #menu1 a:visited {text-decoration:none; color:#ccc;}
  #menu1 a:hover {
    text-decoration:none; color:#000; background:#ddd;
  }

#menu2,#menu3,#menu4 {
  position:fixed; visibility:hidden; z-index:99;
}
#menu2 {width:186px;} /* about */
#menu3 {width:240px;} /* services */
#menu4 {width:186px;} /* projects */

#menu2 p,#menu3 p,#menu4 p {
  width:100%; /* necessary for IE7 or menu height bug */
  background:rgba(0,0,0,0.8);
  margin:0; padding:6px;
}

  div.dropx {
    text-align:left;
    margin:0; padding:0;
  }
  div.dropx a {
    font-family:'source_sans_proregular',arial,sans-serif; font-size:13px; 
    letter-spacing:1px;
    position:relative; display:block; height:12px;
    font-weight:bold; color:#ffffff; text-transform:uppercase;
    margin:0; padding:6px 3px 12px 12px;
  }
  div.dropx a:link,
  div.dropx a:visited {text-decoration:none; color:#ccc;}
  div.dropx a:hover {
    text-decoration:none; color:#000; background:#ddd;
  }
div.xclearmenu { /* content under columns */
  position:relative; clear:both; width:400px; 
  margin:0; padding:0;
}

  
/* replace or resize images */

img.rp50 { /* small footer logo v12.29.2009 */
  position:relative; margin:-12px 0 0 0; top:12px;
}

@media only screen and (max-width:980px) {
  /* Style adjustments for viewports that meet the condition */
  #slogan,
  h1 span,
  form#newsletter .submitBtn,
  div.navlinks,
  div.navlinks2 {
    display:none;
  }
  #pag_home #container { /* reset this back to normal like the other pages */
    min-height:100%;
  }
  #pagehead {
    height:200px;
  }
  #headerbox {
    height:52px;
  }
  #headpic {
    height:200px;
  }
  #fullphoto {
    margin:52px 0 0 0;
  }
  #pagebody {
    padding:0;
  }
  #footer {
    position:relative;
  }
  div.mobilemenu {
    display:block; top:6px;
  }
  div.socialicons {
    top:64px;
  }
  div.navbar {
    display:block; position:relative; left:0; top:6px;
    margin:0 auto 0 auto;
  }
  div.navbar img {
    width:140px;
  }
  form#newsletter #email {
    width:130px;
  }
  div.C_small2 {
    border-left:none; padding:40px 0 0 0;
  }
  div.C_small3 {
    max-width:420px;
  }
  div.pthumb {
    width:200px;
  }
    div.pthumb img {
      max-width:192px; height:auto; max-height:96px;
    }
  img.zthumb {
    width:138px;
  }
  div.art img {
    background:none; padding:0;
  }
  #mainphoto {
    height:100%;
  }
  #imgprev {
    display:none;
    position:absolute; left:5px; top:30%; width:50px;
  }
  #imgnext {
    display:none;
    position:absolute; right:5px; top:30%; width:50px;
  }
  .be1,.be2 {
    font-size:70px;
  }
  #menu .be1,
  #menu .be2,
  #cater .be1,
  #cater .be2 {
    font-size:90px;
  }
  .be2 span {
    font-size:24px;
  }
  .chalk2 { /* fixed backgrounds don't work on mobile */
  }
  
  p.p6,p.quote {
    font-size:16px;
  }
  br.nb {display:block;}
}

@media all and (orientation:landscape) and (max-width:640px) {
  #pagehead,#menu1 {
    position:absolute;
  }
}