@import url("https://fonts.googleapis.com/css?family=Lato:300,700,400italic,900italic");

html { height:100%; font-family:Lato; }
body { font-size:16px; line-height:1.3; background-color:#E2E2E2;  margin:0; padding:0;}
/*body {margin:0px; background-color:#FFF; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:18px;}
form{ margin:0px; padding:0px;}
img{border-style:none;}
h1,h2,h3,h4,p,ul,ol{ margin:0px; padding:0px; padding-bottom:10px;}
ul,ol{ padding-left:25px;}
a:hover{ color:#CC0000;}*/
h1{ font-size:36px; color:#1D388C;line-height:normal;font-weight:bold;} 
h2{ font-size:28px;color:#1D388C; line-height:normal;font-weight:bold;} 
h3{ font-size:21px; color:#1D388C;line-height:normal;font-weight:bold;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}

body { }
img { border:0 none;}

#wrapper, .wrapper { 
    position: relative;
    top: 0;
    left: 0;
    width: 960px;
    margin: 0 auto;
}
.body {
	width:100%; float:left;
    background-color: #FFF;
    padding: 0;
}

#header { background-color:#1D388C; position:relative; top:0; left:0; width:960px; height:160px; margin:0 auto;}
#header img { margin:5px 0;}
#header h1 { position:absolute; top:0; left:0; margin:0; }
#header #text { position:absolute; top:10px; right:27px; }
#napaLogo { width:149px;height:58px;float:right;   clear:right;}
#header #text h2 { color:#FFF; margin:0; font-size:22px; font-family:Lato; font-weight:900; text-align:right; }
#header #text div { color:#FFF; margin:0; font-family:Lato; float:right;clear:right; }
#header #text div.napaText {  font-size: 16px; font-weight:bold;margin:10px 0 0 0; }
#header #text div.address {  font-size: 16px; font-weight:bold;margin:3px 0; }
#header #text div.phone { font-size: 16px; }
 
#body .left {  width:595px; float:left; background-color:#ffffff;padding:25px 20px 20px 35px;  }
#body .right{  width:364px; float:right; background-color:#ffffff;padding:30px 20px;  }
#map { height:300px;margin:0 0 5px;}
#getDirectionsLink {  font-family:Lato;color:#333333; font-size:16px; font-weight:bold;}
.bodyHeader {  color:#1D388C; font-family:Lato; font-size:28px;font-weight:900; padding:0 0 0 0; margin:0 0 10px 0; }
#formHeaderText {font-family:Lato; font-size:14px;}
#welcomeText { font-size:14px;}
#body .left li.clear { display:block; width:0; height:0; float:none; overflow:0; clear:both; overflow:hidden; visibility:hidden; }
.leftContent { }
#body .clear { display:block; width:0; height:0; overflow:0; clear:both; overflow:hidden; visibility:hidden; }
#bodyRightContent { background-color:#e9e9e9;border-radius:5px; margin-top:10px;padding:30px 30px; }
#bodyRightHeader { color:#1D388C; font-size:18px; font-family:Lato; font-weight:bold; margin-bottom:15px; }
.bodyRightText { margin-bottom:20px; }
.bodyRightTextTitle { color:#000000; font-size:16px; font-family:Lato; font-weight:bold; }
.bodyRightTextContent { color:#000000; font-size:16px; font-family:Lato; }
#getDirectionsButton { margin:40px 0 10px 0; }
form {margin-right:20px;}
textarea {border:2px inset #e9e9e9;padding:0;height:100px;}
.formInputText { float:right;width:436px;margin-bottom:10px; box-shadow:inset 4px 4px 5px  #e9e9e9;border-radius:2px;}
.formLabel { float:right;width:442px;font-size:14px;text-align:left; font-family:Lato;font-weight:bold;margin-bottom:5px; }
#captchaSection { float:right;width:442px;}
#formButton { clear:right;float:right;width:150px;height:40px;margin:20px 0;background-color:#1e388d;border:none;border-radius:5px;cursor:pointer;
              color:#ffffff;font-family:Lato;font-size:18px;font-weight:bold;padding:3px 0;}

#navigation { 
    border-bottom:7px solid #b7b7b7;
    width:960px;
    margin:0 auto;
    background-color:#fff;
    z-index:2;
}

.navLink { 
}

#nav{
width:960px;
list-style:none;
font-weight:bold;
margin:0 auto;
position:relative;
z-index:50;
padding:0;
height:38px;
}
#nav > li {
float:left;
position:relative;

height:38px;
text-align:center;
font-size:15px;
padding:0px 0px;
margin:0 0 0 -1px;
border-right:1px solid #b7b7b7

}
#nav > li:last-child {
    border-right:none;
}
#nav li:hover {
    background-color:#b7b7b7;
} 

#nav a {
display:block;
margin:0;
padding:10px;
padding-left:16px; padding-right:16px;
color:#333333;
text-decoration:none;
margin:0 0 0 0;
}
#nav a:hover{
    color:#fff;
    text-decoration:none;
    cursor:pointer;
}

#nav > li > ul  {
    list-style:none;
    position:absolute;
    top:0;
    width:230px;
    left:-9999em;
    margin-top:38px;
    border:1px solid #b7b7b7;
    border-left:2px solid #b7b7b7;
    border-top:7px solid #b7b7b7;
    background-color:#ffffff;
    text-align:left;
    padding:7px 0 0px 0 ;


}
#nav ul li {
    float:left;
    border:none;
    width:100%; 
    background-color:#ffffff;
    padding:2px 0;
}

#nav ul li:first-child {
    padding-top:5px;
}
#nav ul li:last-child {
    padding-bottom:5px;
}
#nav ul a {
    white-space:nowrap;
    text-align:left;
    margin-right:10px;
    padding:5px;
    float:left;
    width:100%;
}
.aSpanInner {
    padding:0 20px 0 18px;
}

#nav > li:hover > ul {
    left:0 !important;
    margin-left:0px;
    margin-right:0px;
}

#nav li:hover ul a {
    text-decoration:none;
    text-align:left;
}
.nestedList {
    display:none !important;
}
.serviceDropList:hover .nestedList {
    list-style:none;
    display:block !important;
    position:relative;
    width:230px;
    top:-23px;
    left:230px;
    margin-left:0px;
    padding:0px !important;
    background-color:#ffffff;
    border:1px solid #b7b7b7 !important;
    
}
.serviceDropList:hover .nestedList li {
    width:100%;
    background-color:#b7b7b7;
}
.footer {  height:auto; margin:0 auto; width:960px; max-width:100%; }
.footer2{background-color:#1D388C;width:100%; padding:20px; float:left;}
.footerNav {display:inline-block;width:860px; margin:0 auto;}
.footerNavItem { float:left;margin-right:21px;font-family:Lato;font-size:12px;font-weight:bold;color:#ffffff; text-decoration:none;}
#bottomFooter { width:960px; max-width:100%; margin:0 auto;}
#bottomFooter a{ color:#FFF;}
#bottomFooterLeft {float:left; width:300px; max-width:100%; }
#bottomFooterMiddle { float:left;width:380px; max-width:100%; background-color:#1d388c;}
#bottomFooterMiddle p {font-family:Lato;font-size:12px;line-height:16px;color:#ffffff;font-weight:bold;text-align:center;padding-top:15px;}
#bottomFooterRight {float:left; width:200px; max-width:100%;}
#footerSlogan {
    font-size:18px;
    font-style:italic;
}

#map { height:300px; width:100%; margin:0 0 5px; float:left;}
#getDirectionsLink {  font-family:Lato;color:#333333; font-size:16px; font-weight:bold;}


.bottomFixedContact{ 
    position:fixed; bottom:10px; left:0px; width:100%; padding:10px;
    z-index:1000000;
}

.fixedContactButton:link, .fixedContactButton:visited{
    color:#FFF;
    background-color:#1e388d;
    position:relative;
    text-decoration:none;
    font-size:21px; font-weight:bold;
    padding:5px;
    padding-left:15px; padding-right:15px;
    border-radius:5px;
    border:2px solid #FFF;
}
.fixedContactButton:hover{
    color:#FFF;
    background-color:#4e78bd;
}

.testimonialDiv1{ padding-bottom:20px;}

@media only screen and (max-width: 1362px) { 
}

@media only screen and (max-width: 992px) { 
    #body .left{width:100%; padding:25px 20px 20px 20px;}
    #body .left img{ max-width:100%;}
    #body .right{width:100%;}
    #wrapper, .wrapper{ max-width:100%; width:100%;}
    .z-mobile-header{ background-color:#1e388d;}

    .z-mobile-header .z-mobile-menu{ background-color:#1e388d;}
    .footerNavItem{ font-size:16px; line-height:1.3; padding-bottom:15px;}
    .z-mobile-header-fixed{ background-color:#1e388d !important;}
    .testimonialDiv1 div{ overflow:hidden;}

#bottomFooter div { text-align:center;}
#bottomFooterLeft {float:none; width:100%; max-width:300px; margin:0 auto; }
#bottomFooterMiddle { float:left;width:100%; max-width:100%; padding-left:3%; padding-right:3%; background-color:#1d388c;}
#bottomFooterMiddle p {font-size:16px;line-height:1.3;}
#bottomFooterRight {float:none; width:100%; max-width:200px; margin:0 auto;}
}
@media only screen and (max-width: 767px) { 
    .z-mobile-header .z-mobile-header-logo{ width:160px;}

}
@media only screen and (max-width: 479px) { 
    .z-mobile-header .z-mobile-header-logo img{ width:160px; max-width: 160px;}
	
}