html {overflow-x:hidden;}

* {margin:0; padding:0;}

.printonly, .pagebreak {display:none;}

.clear {clear:left;}

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

#all {
width:100%;
}

#top {
position:absolute;
top:0;
left:0;
width:100%;
z-index:0;
}

#topcontent {
position:relative;
color:#000;
}
@media (min-width: 768px){
#topframe {
    min-height: 250px;
}
}


@media all and (max-width: 1350px) {
#topframe {
height:144px;
}
}

@media all and (max-width: 1100px) {
#topframe {
height:125px;
}
}

@media all and (max-width: 960px) {
#topframe {
height:108px;
}
}

@media all and (max-width: 801px) {
#topframe {
height:95px;
}
}

@media all and (max-width: 770px) {
#topframe {
height:88px;
}
}

@media all and (max-width: 370px) {
#topframe {
display:none;
height:48px;
}
}

@media all and (max-width: 321px) {
#topframe {
height:40px;
}
}



#find {
display:none;
}

@media all and (max-width: 485px) {
#find {
display:block;
text-align:center;
width:70%;
margin:15px auto 20px auto;
z-index:9999;
}
}

@media all and (max-width: 321px) {
#find {
width:80%;
}
}

#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;
}

#logo-blank {
width:25%;
position:absolute;
top:0;
left:2.5%;
}

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

#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;
}

#form {
float:right
margin-top:12px;
margin-left:35px;
text-align:left;
}

label {
display:block;
}

#form-below {
display:none;
margin-top:25px;
margin-left:35px;
text-align:left;
}

@media all and (max-width: 780px) {
#form-below {
display:block;
}
}

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


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

@media all and (max-width: 780px) {
p#f {
display:none;
}
}

p#f-below {
display:none;
}

@media all and (max-width: 780px) {
p#f-below {
display:block;
}
}

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

.input_unit {
margin-bottom:12px;
}


#contentarea {
text-align:center;
}

#signatures {
font-family:Georgia;
font-size:19px;
line-height:25px;
}

@media all and (max-width: 780px) {
#signatures {
font-size:15px;
line-height:10px;
}
}


ul#subnav, ul#subnav-r {
list-style:none;
font-family:Trebuchet MS;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
width:67%;
position:absolute;
right:3%;
top:60%;
}


@media all and (max-width: 1290px) {
ul#subnav, ul#subnav-r {
font-size:12px;
}
}

@media all and (max-width: 1200px) {
ul#subnav {
font-size:11px;
}
}

@media all and (max-width: 901px) {
ul#subnav-r {
width:73%;
font-size:11px;
right:-3.5%;
}
}

@media all and (max-width: 780px) {
ul#subnav, ul#subnav-r {
width:73%;
font-size:10px;
right:-4%;
}
}

@media all and (max-width: 660px) {
ul#subnav, ul#subnav-r {
font-size:9px;
}
}


@media all and (max-width: 480px) {
ul#subnav, ul#subnav-r {
display:none;
}
}


ul#subnav li  {
float:left;
width:15%;
width: calc(100% / 6.5);
box-sizing: border-box;
}

ul#subnav-r li  {
float:left;
width:16.7%;
width: calc(100% / 5.5);
box-sizing: border-box;
}

@media all and (max-width: 770px) {
ul#subnav li, ul#subnav-r li  {
float:left;
width:16.67%;
width: calc(100% / 5.5);
box-sizing: border-box;
}
}

@media all and (max-width: 660px) {
ul#subnav li  {
float:left;
width:16.67%;
width: calc(100% / 5.5);
box-sizing: border-box;
}
}

@media all and (max-width: 660px) {
ul#subnav-r li  {
float:left;
width:16.67%;
width: calc(100% / 6);
box-sizing: border-box;
}
}


@media all and (max-width: 770px) {
ul#subnav li#findus  {
display:none;
}
}





ul#subnav li:first-child, ul#subnav-r li:first-child {
margin-left:0;
}

ul#subnav li a, ul#subnav-r li a {
color:#dae3eb;
text-decoration:none;
padding:1px 9px;
border:1px solid transparent;
}

ul#subnav li a:hover, ul#subnav-r li a:hover {
color:#dae3eb;
text-decoration:none;
border:1px solid #c1c1c1;
}

#content {
position:relative;
text-align:left;
width:80%;
background:#fff;
margin-right:auto;
margin-left:auto;
padding-right:6%;
padding-left:6%;
padding-bottom:4%;
line-height:20px;
border:3px solid #c1c1c1;
font-size:14px;
}

@media all and (max-width: 1280px) {
#content {
font-size:13px;
}
}

@media all and (max-width: 780px) {
#content {
font-size:12px;
font-weight:bold;
padding-left:4%;
}
}

@media all and (max-width: 485px) {
#content, #content-staff {
margin-top:25px;
padding-top:10px;
}
}


#dublinheader, #alaskaheader, #sonomaheader {
width:100%;
position:absolute;
top:77px;
left:0;
z-index:-9999;
//margin-top:0;
//margin-right:auto;
//margin-left:auto;
border-bottom:2px solid #607082;
}

#content-staff {
text-align:left;
width:90%;
background:#fff;
margin-right:auto;
margin-left:auto;
padding-right:0;
padding-left:0;
line-height:20px;
border:3px solid #c1c1c1;
}

#content-staff h1 {
padding-left: 4%;
}

#content p {
padding-bottom:14px;
line-height:21px;
}

#content a {
color:#126082;
text-decoration:none;
border-bottom:1px dotted #c1c1c1;
}

#content a:hover {
border-bottom:2px solid #126082;
}

input.color, textarea {
color:#1f5268;
font-weight:bold;
padding:1px 0 1px 3px;
background:#e9e9e9;
}

#plumb {
width:40%;
float:right;
margin:1.5% 0 2% 2.5%;
}

@media all and (max-width: 1280px) {
#plumb {
margin-top:3.5%;
}
}

@media all and (max-width: 1143px) {
#plumb {
margin-top:7%;
}
}

@media all and (max-width: 1022px) {
#plumb {
width:42%;
margin-top:9.5%;
}
}

@media all and (max-width: 869px) {
#plumb {
width:42%;
margin-top:15%;
}
}



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

@media all and (max-width: 780px) {
h1 {
font-size:21px;
padding-bottom:18px;
}
}

@media all and (max-width: 480px) {
h1 {
font-size:16px;
line-height:21px;
padding-bottom:12px;
}
}


h2 {
width:100%;
color:#59646c;
font-size:21px;
line-height:28px;
text-align:left;
font-family:Georgia;
font-style:italic;
font-weight:normal;
padding-bottom:27px;
padding-left:4%;
margin-top:-18px;
}

h2.m {display:none;}


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

@media all and (max-width: 910px) {
h2.m {
display:block;
}
}

@media all and (max-width: 670px) {
h2.m {
font-size:19px;
}
}

@media all and (max-width: 620px) {
h2.m {
font-size:18px;
}
}

@media all and (max-width: 480px) {
h2.m {
font-size:17px;
padding-top:15px;
line-height:22px;
}
}




#jason-ralph {
float:left;
margin-top:3px;
margin-right:20px;
margin-bottom:5px;
}


#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:686px) {
#footer {
width:107%;
margin-top:0;
}
}

@media all and (max-width:485px) {
#footer {
width:110%;
margin-top:25px;
}
}

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

@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:3%;
font-size:12px;
font-weight:bold;
}
}

@media all and (max-width:660px) {
#footercontent {
margin-left:3%;
font-size:11px;
font-weight:bold;
}
}

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

#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:25px;
}
}

@media all and (max-width:660px) {
#addy-hrs-bev {
font-size:10px;
}
}




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

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

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


img.find-button {
display:none;
}

@media all and (max-width:780px) {
img.find-button {
display:block;
width:100px;
margin-top:12px;
}
}

@media all and (max-width:718px) {
img.find-button {
display:none;
}
}


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

@media all and (max-width:660px) {
#addy-hrs-glo {
margin-right:30px;
font-size:10px;
}
}

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




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

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


.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:660px) {
.hrs {
padding-top:10px;
line-height:14px;
font-size:9px;
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:660px) {
.footernav {
padding-left:12px;
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:1%;
}
}

#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 {
display:none;
font-size:9px;
letter-spacing:0;
padding-bottom:250px;
margin-left:-13%;
}
}




#socialtable {
width:100%;
height:40px;
//background:#4e4e4e;
background-image:url(../backgrounds/tile.jpg);

border-top:1px solid #7c8799;
border-bottom:1px solid #7c8799;

}

#socialtablecontent {
position:relative;
width:1000px;
margin-right:auto;
margin-left:auto;
}

#socialtablecontent ul {
height:24px;
list-style:none;
position:absolute;
top:8px;
right:0;
}

#socialtablecontent ul li {
width:24px;
height:24px;
float:left;
margin-left:15px;
}

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

#socialtable p {
color:#fff;
font-size:14px;
padding-top:10px;
margin-left:-250px;
}


/* staff */

ul.staff {
list-style:none;
margin-left:4%;
}

@media all and (max-width: 875px) {
ul.staff {
margin-left:3%;
}
}

@media all and (max-width: 400px) {
ul.staff {
width:106%;
}
}

ul.staff li {
float:left;
width:20.25%;
margin-bottom:35px;
border:1px solid #c1c1c1;
margin-right:2%;
padding:1.5% 1%;
}

@media all and (max-width: 767px) {
ul.staff li {
width:25.5%;
}
}

@media all and (max-width: 400px) {
ul.staff li#moulton {
width:41%;
}
}








ul.staff li#graves-mob, ul.staff li#moulton-mob {
display:none;
}

@media all and (max-width: 875px) {
ul.staff li#graves {
display:none;
}
}

@media all and (max-width: 875px) {
ul.staff li#graves-mob {
display:block;
}
}


@media all and (max-width: 1280px) {
ul.staff li {
padding:1.5% 1.5% 1.5% 1%;
}
}

@media all and (max-width: 1100px) {
ul.staff li {
padding:1.5% 1.5% 2% 1%;
}
}



@media all and (max-width: 400px) {
ul.staff li {
width:40%;
padding:1.5% 2.5% 2% 1%;
margin-bottom:15px;
}
}



ul.staff li p {
font-size:17px;
line-height:20px;
}

@media all and (max-width: 1280px) {
ul.staff li p {
font-size:15px;
line-height:17px;
}
}

@media all and (max-width: 1100px) {
ul.staff li p {
font-size:14px;
line-height:16px;
}
}

@media all and (max-width: 1000px) {
ul.staff li p {
font-size:13px;
line-height:15px;
}
}

@media all and (max-width: 822px) {
ul.staff li p {
font-size:12px;
line-height:14px;
}
}

@media all and (max-width: 822px) {
ul.staff li#moulton p {
font-size:12px;
line-height:13px;
}
}




.title {
font-size:15px;
}

@media all and (max-width: 1280px) {
.title {
font-size:13px;
}
}

@media all and (max-width: 1100px) {
.title {
font-size:12px;
}
}

@media all and (max-width: 1000px) {
.title {
font-size:10px;
}
}



ul.staff li img {
width:39%;
clear:left;
float:left;
margin-right:7px;
}

@media all and (max-width: 1280px) {
ul.staff li img {
width:40%;
}
}


ul.staff li a {
color:#1d4fab;
text-decoration:none;
border-bottom:1px dotted #c1c1c1;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
margin-right:35px;
}

@media all and (max-width: 1100px) {
ul.staff li a {
font-size:8px;
}
}

@media all and (max-width: 1100px) {
ul.staff li a {
display:none;
}
}

.loc {
font-size:11px;
text-transform:uppercase;
}

@media all and (max-width: 1280px) {
.loc {
font-size:10px;
text-transform:uppercase;
}
}

@media all and (max-width: 1000px) {
.loc {
font-size:9px;
text-transform:uppercase;
}
}

ol {
padding-left:4%;
padding-right:4%;
padding-bottom:70px;
}


ol li {
padding-bottom:21px;
}

.map {
width:98%;
}

@media all and (max-width: 1280px) {
.map {
width:97%;
}
}


#location-left {
width:47%;
float:left;
margin-top:20px;
margin-right:50px;
}

@media all and (max-width: 1280px) {
#location-left {
width:44%;
float:left;
margin-right:50px;
}
}

#location-right {
width:47%;
margin-top:20px;
float:left;
}

@media all and (max-width: 1280px) {
#location-right {
width:44%;
float:left;
}
}

h4 {
font-family:Georgia;
font-style:italic;
padding-bottom:20px;
}

/* products */

.product-column {
width:28%;
float:left;
font-size:15px;

}

@media all and (max-width: 1024px) {
.product-column {
font-size:13px;
font-weight:bold;
}
}

@media all and (max-width: 900px) {
.product-column {
font-size:12px;
font-weight:bold;
}
}

#columnone {
margin-right:2%;
padding-top:1.5%;
}

#columntwo {
background:#e0eff6;
margin-right:6%;
padding:2% 2% 24% 4%;
border:1px solid #c1c1c1;
}

#columnthree {
padding-top:1.5%;
padding-bottom:160px;
}

h3 {
font-size:14px;
font-family:Trebuchet MS;
padding-bottom:6px;
}

@media all and (max-width: 1024px) {
h3 {
font-size:13px;
padding-bottom:3px;
}
}

.productlist {
margin-bottom:30px;
}

.productlist td {
padding-right:35px;
padding-bottom:5px;
}

@media all and (max-width: 900px) {
.productlist td {
padding-right:24px;
padding-bottom:5px;
}
}

@media all and (max-width: 1024px) {
h1.scalable {
font-size:22px;
}
}

@media all and (max-width: 900px) {
h1.scalable {
font-size:20px;
}
}

@media all and (max-width: 800px) {
h1.scalable {
font-size:19px;
}
}

#printlist {
position:absolute;
top:1.5%;
right:3%;
height:34px;
font-family:Trebuchet MS;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
background-image:url(../backgrounds/printer-icon.png);
background-repeat:no-repeat;
background-position:0 0;
}

#printlist a {
display:block;
padding-top:5px;
margin-left:55px;
outline:none;
}



#resources ul {
list-style:none;
}

#resources ul li {
float:left;
margin-bottom:30px;
margin-left:44px;
width:47%;
border:0;
}

@media all and (max-width: 1143px) {
#resources ul li {
width:44%;
}
}

@media all and (max-width: 370px) {
#resources ul li {
width:100%;
margin-bottom:15px;
margin-left:0;
}
}

#resources ul li a {
border:0;
}

#resources ul li a:hover {
border:0;
}

.resourceimage {
width:100%;
border:2px solid #c1c1c1;
}


/*  */


ul li ul, ol li ul {
list-style-image:url(../backgrounds/orangedot.png);
margin-top:10px;
margin-left:12px;
}



/*  */

ul.gallery-logos {
clear:left;
list-style:none;
padding-top:20px;

}

ul.gallery-logos li {
float:left;
margin-left:9px;
}

ul.gallery-logos li:first-child {
margin-left:0;
}

ul.gallery-logos a {
border-bottom:0;
}


/*  */

#training {
width:100%;
margin-bottom:20px;
}

#training-mob {
width:100%;
margin-bottom:20px;
display:none;
}

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

@media all and (max-width:361px) {
#training-mob {
display:block;
}
}

/******* Menu **********/


.logorespo img{
	max-width:100%;
}
ul#navigation li.logorespo:last-child {

 width: 26%;
}
.logorespo a{
	padding-top:15px !important;
	    padding-bottom: 9px !important;
		cursor:pointer;
}
.logorespo a{
	background:#000 !important;
	    border-bottom: 4px solid #f36c38 !important; 

}
.logorespo:hover .submenu {
	display:block;
}
.submenu {
    list-style: none;
	padding: 15px 0!IMPORTANT;
	  background: #f36c38 !important;
	  display:none;
	  margin:0;
	  position:relative;
	  z-index:1;
}
.logorespo:hover  .arrow-down {
  display:none;
}
.submenu li {
    width: 100% !important;
    text-align: center !IMPORTANT;
    padding: 0 0 15px 0!IMPORTANT;
    background: #f36c38 !important;
    color: #fff !important;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal;
	    line-height: 1.5em;
		font-size:20px !important;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: auto;
    border-top: 20px solid #f36c38;
    position: relative;
    top: 0;
}
.submenu  .arrow-down1 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: auto;
    border-top: 20px solid #f36c38;
    position: relative;
    top: 35px;
	
}
.submenu li a {
    background: none !important;
    border: 1px solid #fff !important;
    text-align: center !IMPORTANT;
    width: 100px;
    color: #fff !important;
    font-size: 12px;
    padding: 5px !IMPORTANT;
    margin: 10px auto 0;
    font-family: sans-serif;
    font-style: initial;
    font-weight: normal;
}
.submenu li a:hover {
    background: #fff !important;
    color: #f36c38 !important;
}


/*************** END****************/