body { font-family: 'Open Sans', sans-serif; color: #333333; margin: 0 auto; padding: 0 auto; background-color: #ccdbd4; }

.left { float: left; }
.right { float: right; }

.main-section { background: url(../images/bgtile02.jpg) repeat top left; }
.main { background-color: #ffffff; padding-bottom: 40px;}
.main h2 { padding-bottom: 20px; color: #0d96d4!important; }

.banner { height: 815px; }
.banner02 { height: 500px; }

nav { height: 40px; }
nav ul { margin-top: 0px;  }
nav li { display: inline-block; margin-top: 10px; }
nav li a { display: block; text-decoration: none; text-transform: uppercase; padding: 5px 20px 5px 20px; background: #ffffff; color: #000000; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
nav li a:hover { text-decoration: none; background: #ffffff; color: #000000; }
nav li a.current { text-decoration: none; background: #333333; color: #ffffff; }

#map { height: 600px; width: 100%;}

.sp { margin-top: 70px; }

.footer-section { background: url(../images/footerbg.jpg) repeat top left; height: 130px; }
.footer-section a { font-size: 10px; color: #ffffff; }
.footer-section p { font-size: 10px; color: #333333; }

.logo { width: 240px; height: auto; margin-top: 10px; }


table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    margin: 0 0 18px;
}
table thead, table tfoot {
    background: none repeat scroll 0 0 #F5F5F5;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
table thead tr th, table tfoot tr td {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px 9px;
}
table thead tr th:first-child, table tfoot tr td:first-child {
    border-left: medium none;
}
table thead tr th:last-child, table tfoot tr td:last-child {
    border-right: medium none;
}
table tbody tr.even, table tbody tr.alt {
    background: none repeat scroll 0 0 #e1e1e1;
}
table tbody tr:nth-child(2n) {
    background: none repeat scroll 0 0 #e1e1e1;
}
table tbody tr td {
    border: medium none;
    color: #333333;
    padding: 5px 10px;
    font-size: 14px;

}

table td.highlight {
    background: #2f5f7e;
    color: #FFF;
    width: 35%;
    vertical-align: middle;
    text-align: right;
}

.half {
    position: relative;
    float: left;
    width: 45%;
    height: auto;
    margin-right: 5%;
    margin-top: 15px;
}

.btn {
  background: #828282;
  background-image: -webkit-linear-gradient(top, #828282, #000000);
  background-image: -moz-linear-gradient(top, #828282, #000000);
  background-image: -ms-linear-gradient(top, #828282, #000000);
  background-image: -o-linear-gradient(top, #828282, #000000);
  background-image: linear-gradient(to bottom, #828282, #000000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #000000;
  text-decoration: none; color: #ffffff;
}

.mobile { display: block; float: right; cursor: pointer; color: #ffffff; font-size: 34px; font-weight: bold; display: none; }
.menu-close { display: block; float: right; cursor: pointer; color: #ffffff; font-size: 34px; font-weight: bold; }
.overlay { position: fixed; display: block; height: 100%; width: 100%; background: #1a1a1a; top: 0; left: 0; z-index: 600; opacity: 1; overflow: hidden; display: none; }
.overlay-content { text-align: center; padding: 20px; color: #ffffff;  }
.overlay-content a { color: #ffffff; padding: 10px 0px 10px 0px; text-decoration: none; text-transform: uppercase; font-size: 34px; }
.overlay-content a:hover { color: #497499; }

@media screen and (max-width: 1175px) {
    nav ul { display: none; }
    .mobile { display: block!important; } 
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    nav ul { display: none; }
    .mobile { display: block; } 
    .owner { margin-left: 0px!important; }
}

@media screen and (max-width: 375px) {
    nav ul { display: none; }
    .mobile { display: block!important; } 
}