html {overflow-x:hidden;}

* {margin:0; padding:0;}

.clear {clear:left;}

body {
text-align:center;
font-family:Arial;
color:#585858;
background-image:url(../backgrounds/wetbg.jpg);
}

#all {
width:100%;

}

#top {
width:100%;
z-index:9999;
}

#topcontent {
position:relative;
color:#000;
}

.flexslider {
position:relative;
margin-top:4.5%;
margin-bottom:0;
}

@media all and (max-width: 485px) {
.flexslider {
margin-top:8%;
}
}

#find {
display:none;
}

@media all and (max-width: 485px) {
#find {
display:block;
text-align:center;
width:55%;
position:absolute;
top:120px;
left:80px;
z-index:9999;
}
}

@media all and (max-width: 321px) {
#find {
width:60%;
position:absolute;
top:112px;
left:70px;
}
}

#find ul {
list-style:none;
}

#find ul li {
float:left;
width:43%;
margin-left:7px;
}

#find ul li:first-child {
margin-left:0;
}

img.findbutton {
width:99%;
}

img.callbutton {
display:none;
}

@media all and (max-width: 485px) {
img.callbutton {
display:block;
width:99%;
}
}

a#call-beverly, a#call-gloucester {
display:block;
}



#productlogos {
width:100%;
background:#fff;
border-top:1px dotted #c1c1c1;
}

@media all and (max-width: 770px) {
#productlogos {
display:none;
}
}

#productlogos-mobile {
display:none;
}

@media all and (max-width: 770px) {
#productlogos-mobile {
display:block;
border-top:1px dotted #c1c1c1;
}
}



#productlogos ul, #productlogos-mobile ul {
list-style:none;
width:100%;
}




#productlogos ul li img {
float:left;
    border-right: 1px dotted #497f97;
width:7.25%;  /* fallback for non-calc() browsers */
width: calc(100% / 11);
box-sizing: border-box;
padding-top:6px;
padding-bottom:6px;
}

#productlogos-mobile ul li img {
float:left;
    border-right: 1px dotted #497f97;
width:14.2857%;  /* fallback for non-calc() browsers */
width: calc(100% / 7);
box-sizing: border-box;
padding-top:6px;
padding-bottom:6px;
}


#logo {
width:100%;
z-index:9999;
}

@media all and (max-width: 485px) {
#logo {
display:none;
}
}

#logo-mobile {
display:none;
}

@media all and (max-width: 485px) {
#logo-mobile {
display:block;
width:44%;
position:absolute;
top:11px;
left:11%;
}
}





ul#navigation {
list-style:none;
width:66.5%;
position:absolute;
top:0;
left:30%;
}

@media all and (max-width: 1199px) {
ul#navigation {
width:70%;
left:29.75%;
}
}

@media all and (max-width: 990px) {
ul#navigation {
width:69%;
left:29.5%;
}
}



@media all and (max-width: 485px) {
ul#navigation {
display:none;
}
}


ul#navigation li  {
float:left;
text-align:right;
font-size:17px;
margin-top:-5px;
width:14.2%; 
border-right:1px dotted #5d7f90;
}

@media all and (max-width: 1390px) {
ul#navigation li {
width:14%;
}
}



@media all and (max-width: 1390px) {
ul#navigation li  {
font-size:16px;
}
}

@media all and (max-width: 1250px) {
ul#navigation li  {
font-size:15px;
}
}

@media all and (max-width: 1081px) {
ul#navigation li  {
font-size:14px;
}
}

@media all and (max-width: 1030px) {
ul#navigation li  {
font-size:13px;
font-weight:bold;
}
}

@media all and (max-width: 1030px) {
ul#navigation li  {
font-size:12px;
font-weight:bold;
}
}

@media all and (max-width:770px) {
ul#navigation li {
border:0;
}
}


ul#navigation li:first-child {
margin-left:0;
}

ul#navigation li:last-child {
    border-right: 0;

}

ul#navigation li a#db {
border-right:0;
}

ul#navigation li a {
display:block;
color:#ececec;
text-align:right;
text-decoration:none;
padding:36px 20px 23px 30px;
border-bottom:4px solid transparent;
}

ul#navigation li a#resources-sm {
display:none;
}


@media all and (max-width: 902px) {
ul#navigation li a#resources-sm {
display:block;
}
}

@media all and (max-width: 902px) {
ul#navigation li a#resources {
display:none;
}
}

ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#sp, ul#navigation li a#db {
text-align:right;
padding:26px 20px 14px 20px;
}

@media all and (max-width: 1520px) {
ul#navigation li a {
padding-bottom:22px;
}
}

@media all and (max-width: 1520px) {
ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#db {
padding-top:25px;
padding-bottom:13px;
}
}

@media all and (max-width: 1441px) {
ul#navigation li a {
padding-bottom:18px;
}
}

@media all and (max-width: 1441px) {
ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#db, ul#navigation li a#sp {
padding-top:23px;
padding-bottom:11px;
}
}

@media all and (max-width: 1441px) {
ul#navigation li a#resources {
padding-right:12px;
padding-left:0;
}
}

@media all and (max-width: 1390px) {
ul#navigation li a {
padding-top:33px;
padding-bottom:18px;
}
}

@media all and (max-width: 1390px) {
ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#db {
padding-top:20px;
}
}


@media all and (max-width: 1301px) {
ul#navigation li a {
padding-top:30px;
padding-bottom:17px;
}
}


@media all and (max-width: 1301px) {
ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#sp, ul#navigation li a#db {
padding-top:17px;
}
}

@media all and (max-width: 1301px) {
ul#navigation li a#resources {
padding-right:7px;
padding-left:20px;
}
}

@media all and (max-width: 1250px) {
ul#navigation li a {
padding-top:28px;
}
}


@media all and (max-width: 1250px) {
ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#db {
padding-bottom:10px;
}
}

@media all and (max-width: 1210px) {
ul#navigation li a#resources {
line-height:17px;
font-size:14px;
padding-top:20px;
}
}

@media all and (max-width: 1200px) {
ul#navigation li a {
padding-top:26px;
}
}


@media all and (max-width: 1200px) {
ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#sp, ul#navigation li a#db {
padding-top:15px;
}
}

@media all and (max-width: 1199px) {
ul#navigation li a#about, ul#navigation li a#gallery {
padding-right:12px;
}
}




@media all and (max-width: 1126px) {
ul#navigation li a#resources {
padding-left:0;
}
}


@media all and (max-width: 1125px) {
ul#navigation li a {
padding-bottom:13px;
}
}


@media all and (max-width: 1125px) {
ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#db {
padding-top:14px;
padding-bottom:7px;
}
}

@media all and (max-width: 1125px) {
ul#navigation li a#resources {
padding-right:10px;
}
}

@media all and (max-width: 1030px) {
ul#navigation li a {
padding-top:23px;
}
}

@media all and (max-width: 1030px) {
ul#navigation li a#trip, ul#navigation li a#resources, ul#navigation li a#db {
padding-top:15px;
padding-right:10px;
}
}

@media all and (max-width: 1130px) {
ul#navigation li a#resources {
font-size:11px;
line-height:15px;
}
}

@media all and (max-width: 990px) {
ul#navigation li a {
padding-right:9px;
}
}

@media all and (max-width: 990px) {
ul#navigation li a#resources {
font-size:12px;
padding-top:15px;
padding-right:9px;
}
}

@media all and (max-width: 990px) {
ul#navigation li a#about {
padding-left:0;
}
}

@media all and (max-width: 902px) {
ul#navigation li a#resources {
display:none;
}
}


@media all and (max-width: 902px) {
ul#navigation li a#resources-sm {
display:block;
padding-top:12px;
padding-bottom:2px;
padding-left:0;
}
}

@media all and (max-width: 902px) {
ul#navigation li a {
padding-top:20px;
}
}

@media all and (max-width: 902px) {
ul#navigation li a#trip, ul#navigation li a#resources-sm, ul#navigation li a#sp, ul#navigation li a#db {
padding-top:12px;
padding-bottom:3px;
}
}

@media all and (max-width: 902px) {
ul#navigation li a#trip, ul#navigation li a#products {
padding-left:0;
}
}

@media all and (max-width: 850px) {
ul#navigation li a {
padding-bottom:10px;
}
}

@media all and (max-width: 850px) {
ul#navigation li a#about {
padding-left:0;
}
}

@media all and (max-width: 801px) {
ul#navigation li a {
padding-bottom:6px;
}
}

@media all and (max-width: 801px) {
ul#navigation li a#trip, ul#navigation li a#resources-sm, ul#navigation li a#db {
padding-top:12px;
padding-bottom:1px;
padding-left:0;
line-height:13px;
}
}

@media all and (max-width: 770px) {
ul#navigation li a {
padding-bottom:6px;
}
}

@media all and (max-width: 770px) {
ul#navigation li a#trip, ul#navigation li a#resources-sm, ul#navigation li a#db {
padding-top:10px;
padding-bottom:3px;
line-height:13px;
}
}

@media all and (max-width: 770px) {
ul#navigation li a#gallery, ul#navigation li a#products {
padding-right:12px;
padding-left:0;
}
}

@media all and (max-width: 701px) {
ul#navigation li a {
font-size:10px;
line-height:12px;
padding-top:14px;
border:0;
}
}

@media all and (max-width: 701px) {
ul#navigation li a#trip, ul#navigation li a#resources-sm, ul#navigation li a#sp, ul#navigation li a#db {
font-size:10px;
line-height:12px;
padding-top:8px;
}
}


ul#navigation li a:hover, ul#navigation li a#about:hover {
color:#fff;
background-image:url(../backgrounds/navscreen.png);
border-bottom:4px solid #ee852d;
}

ul#navigation li a#about {
border-left:1px dotted #7da8bd;
}

@media all and (max-width:770px) {
ul#navigation li a#about {
border-left:0;
}
}

@media all and (max-width: 701px) {
ul#navigation li  {
border:0;
}
}

.smaller {
font-size:11px;
color:#eaeaea;
}

.pixel {
display:block;
margin-bottom:5px;
}

#main {
clear:left;
}


#homecontentarea {
text-align:center;
padding-top:40px;

}

#homecontent {
position:relative;
text-align:center;
width:99.5%;
background:#fff;
margin-top:-60px;
margin-right:auto;
margin-left:auto;
line-height:20px;
border:3px solid #c1c1c1;
}

@media all and (max-width:770px) {
#homecontent {
position:relative;
text-align:left;
width:100%;
}
}

h1.mob {
display:none;
}


h1 {
width:100%;
color:#59646c;
font-size:25px;
line-height:28px;
font-family:Georgia;
font-style:italic;
font-weight:normal;
padding-top:.75%;
padding-bottom:.75%;
}

@media all and (max-width: 1280px) {
h1 {
font-size:23px;
}
}

@media all and (max-width: 1028px) {
h1 {
font-size:21px;
}
}

@media all and (max-width:950px) {
h1 {
font-size:18px;
}
}

@media all and (max-width:840px) {
h1 {
font-size:17px;
}
}

@media all and (max-width:770px) {
h1 {
font-size:15px;
margin-left:-2%;
}
}

@media all and (max-width:641px) {
h1 {
display:none;
}
}

@media all and (max-width:641px) {
h1.mob {
display:block;
width:120%;
font-size:13px;
padding-top:.4%;
}
}


@media all and (max-width:485px) {
h1.mob {
width:100%;
font-size:11px;
line-height:14px;
padding-top:5px;
padding-bottom:7px;
border-bottom:1px dotted #c1c1c1;
}
}


#sixty-nine {
width:8%;
float:left;
margin-top:-7%;
margin-left:4%;
}

@media all and (max-width:770px) {
#sixty-nine {
width:9%;
margin-left:2.5%;
}
}

@media all and (max-width:641px) {
#sixty-nine {
width:11%;
margin-top:-7%;
margin-left:.5%;
}
}

@media all and (max-width:485px) {
#sixty-nine {
width:13%;
margin-top:-3.5%;
margin-left:0;
margin-right:1%;
}
}







#footer {
width:100%;
color:#e2e3e3;
margin-top:30px;
padding-bottom:80px;
text-align:center;
min-height:250px;
font-weight:lighter;
}

@media all and (max-width:720px) {
#footer {
width:115%;
}
}

@media all and (max-width:485px) {
#footer {
margin-top:24px;

}
}

#footercontent {
margin-left:18%;
text-align:left;
font-size:15px;
line-height:21px;
}

@media all and (max-width:1300px) {
#footercontent {
margin-left:14%;
}
}

@media all and (max-width:1200px) {
#footercontent {
margin-left:9%;
}
}

@media all and (max-width:1100px) {
#footercontent {
margin-left:7%;
}
}

@media all and (max-width:1020px) {
#footercontent {
margin-left:4%;
}
}

@media all and (max-width:865px) {
#footercontent {
margin-left:3%;
font-size:14px;
}
}

@media all and (max-width:805px) {
#footercontent {
margin-left:2%;
font-size:13px;
font-weight:bold;
}
}

@media all and (max-width:780px) {
#footercontent {
margin-left:5%;
font-size:12px;
font-weight:bold;
}
}

@media all and (max-width:480px) {
#footercontent {
margin-left:2%;
padding-top:0;
margin-top:105px;
}
}

@media all and (max-width:321px) {
#footercontent {
margin-left:2%;
padding-top:12px;
margin-top:85px;
}
}


#addy-hrs-bev {
float:left;
margin-right:70px;
}

@media all and (max-width:1100px) {
#addy-hrs-bev {
margin-right:50px;
}
}

@media all and (max-width:965px) {
#addy-hrs-bev {
margin-right:30px;
}
}

@media all and (max-width:965px) {
#addy-hrs-bev {
margin-right:20px;
}
}


@media all and (max-width:485px) {
#addy-hrs-bev {
width:40%;
margin-right:18px;
margin-left:10px;
font-size:10px;
line-height:15px;
}
}

@media all and (max-width:370px) {
#addy-hrs-bev {
width:41%;
margin-right:18px;
margin-left:6px;;
font-size:10px;
line-height:15px;
}
}

@media all and (max-width:322px) {
#addy-hrs-bev {
width:40%;
font-size:9px;
line-height:12px;
}
}


#addy-hrs-glo {
float:left;
margin-right:40px;
}

@media all and (max-width:485px) {
#addy-hrs-glo {
width:40%;
font-size:10px;
line-height:15px;
}
}

@media all and (max-width:322px) {
#addy-hrs-glo {
width:40%;
font-size:9px;
line-height:12px;
}
}

.hrs {
padding-top:10px;
line-height:17px;
font-size:13px;
font-weight:bold;
}

@media all and (max-width:800px) {
.hrs {
padding-top:10px;
line-height:17px;
font-size:11px;
font-weight:bold;
}
}

@media all and (max-width:485px) {
.hrs {
padding-top:10px;
line-height:14px;
font-size:9px;
font-weight:bold;
}
}

@media all and (max-width:322px) {
.hrs {
padding-top:10px;
line-height:13px;
font-size:8px;
font-weight:bold;
}
}

.footernav {
margin-right:36px;
line-height:30px;
padding-left:40px;
border-left:1px solid #a4a4a4;
}

@media all and (max-width:965px) {
.footernav {
padding-left:20px;
font-size:13px;
font-weight:bold;
}
}

@media all and (max-width:865px) {
.footernav {
padding-left:15px;
font-size:12px;
font-weight:bold;
}
}

@media all and (max-width:805px) {
.footernav {
padding-left:12px;
font-size:10px;
font-weight:bold;
}
}

@media all and (max-width:720px) {
.footernav {
padding-left:9px;
font-size:9px;
font-weight:bold;
}
}

@media all and (max-width:485px) {
.footernav {
display:none;
}
}

#footernav-left {
float:left;
}

#footernav-right {
float:left;
margin-left:2%;
}

@media all and (max-width:720px) {
#footernav-right {
float:left;
margin-left:0;
}
}

#footer a {
color:#e2e3e3;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#c {
padding-top:40px;
padding-bottom:50px;
padding-left:12%;
font-size:11px;
text-transform:uppercase;
letter-spacing:2px;
font-weight:bold;
}

@media all and (max-width:800px) {
#c {
letter-spacing:1px;
padding-bottom:250px;
margin-left:-7%;
}
}

@media all and (max-width:485px) {
#c {
font-size:8px;
letter-spacing:0;
padding-bottom:250px;
margin-left:-10%;
}
}