/* Fix scrollbar layout shift */
html {
  overflow-y: scroll;
}

@supports (margin-left: calc(100vw - 100%)) {
  html {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
    overflow-y: auto;
  }
}

body {
  background-color: #fafafa;
  margin: 0;
  font-family: "Arial";
  font-size: 11px;
  color: #000000;
}

#base {
  margin: 0 auto;
  width: 820px;
  background-color: #ffffff;
  padding-top: 15em;
}

.clear {
  clear: both;
}
#top {
  position: fixed;
  z-index: 1;
  top: 0;
  background: white;
  width: 820px;
  border: 1px solid #fff;
}

#logo {
  float: left;
  width: 130px;
  height: 130px;
  margin-top: 3px;
  margin-left: 3px;
}
#compName {
  float: left;
  font-family: Arial, Helvetica, Sansefir;
  font-size: 32px;
  font-weight: bold;
  color: #000;
  text-shadow: 3px 2px 7px #ccc;
  width: 334px;
  margin-left: 110px;
  margin-top: 53px;
}
#reach {
  float: left;
  font-family: Arial, Helvetica, Sansefir;
  font-size: 26px;
  font-weight: bold;
  color: #0c99bf;  
  width: 180px;
  margin-left: 40px;
  margin-top: 56px;
}
#menuCont {
  float: left;
  width: 100%;
}

#ddmenu {
  margin: 0 auto;
  position: relative;
  display: flex;
  left: 4em;
}

#menuCont ul li {
  font-size: 12px;
}

.jqueryslidemenu {
  width: auto;
}

#footerCont {
  float: left;
  width: 100%;
}

#footer {
  height: 22px;
  width: 600px;
  text-align: center;
  padding-top: 6px;
  margin: 45px auto;
  border: 1px solid #000;
  border-left-color: #fff;
  border-right-color: #fff;
}

#footer a {
  color: #02f;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, Sansefir;
  font-size: 10px;
}

#footer a:hover {
  color: #f90;
}

#fb-box {
  float: right;
}

#annonce {
  float: left;
  font-family: Arial, Helvetica, Sansefir;
  font-size: 22px;
  font-weight: normal;
  color: #f46;
  font-style: italic;
  width: 550px;
  margin-left: 60px;
  margin-top: 20px;
}

/*menu for all the pages*/

#company {
  float: left;
  height: 62px;
  width: 472px;
  margin-top: 30px;
  margin-left: 174px;
}
#marq {
  float: left;
  margin-top: 516px;
  margin-left: 57px;
  height: 32px;
  width: 706px;
}
#marq1 {
  float: left;
  margin-top: 1px;
  margin-left: 347px;
  height: 32px;
  width: 374px;
}
.marqer {
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  background: #182d35;
}
.marqer1 {
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #f60;
}

/*index menu*/
#wel {
  float: left;
  height: 614px;
  margin-top: 6px;
  width: 820px;
  background-repeat: no-repeat;
}

#weltxt {
  float: left;
  width: 810px;
  margin-left: 5px;
  font-family: Arial, Helvetica, Sansefir;
  font-size: 13px;
  color: #003a75;
  background: transparent;
}

/* VOYAGES*/

#thetitle {
  width: 544px;
  margin: 20px auto;
  text-align: center;
  text-shadow: 1px 1px 7px #aaa;
  font-family: Arial, Helvetica, Sans;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: bold;
  color: #ba2d1c;
}

.prints {
  float: left;
  margin-left: 280px;
  margin-top: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-bottom: 1px;
  width: 270px;
  background: #eaeaea;
}

.printsA {
  float: left;
  margin-left: 180px;
  margin-top: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-bottom: 1px;
  width: 270px;
  background: #eaeaea;
}

.prints a {
  text-decoration: none;
}

.numdate1 {
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333;
}

/* Voyages table */
table#sailing,
table#sailing th,
table#sailing td {
  border-style: solid;
  border-color: #051;
  border-width: 1px;
  text-align: center;
}

table#sailing td {
  font-size: 12px;
}

table#sailing {
  border-spacing: 0;
  border-collapse: collapse;
  border-width: 1px;
  width: 100%;
}

table#sailing th {
  text-transform: uppercase;
  padding: 0;
  height: 36px;
  font-family: Arial, Helvetica, Sans;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #333;
}

table#sailing th span {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	text-transform: none;
}

table#sailing th:nth-child(1),
table#sailing th:nth-child(2) {
  font-size: 13px;
  padding-top: 2px;
}

col.voyage {
  text-align: center;
  width: 71px;
}

col.destination {
  background: #fff;
  width: 50%;
}

col.date {
  width: 102px;
}

table#sailing thead tr {
  height: 39px;
}

table#sailing tbody tr {
  height: 45px;
}

table#sailing tfoot li {
  text-align: left;
}

table#sailing tfoot td {
  padding-left: 18px;
  background-color: #ffffef;
}

table#sailing tbody td.cutoff {
  color: red;
}

table#sailing tbody tr td:first-child {
  font-size: 13px;
  font-weight: bold;
  color: #333;
}

table#sailing tbody td:nth-child(2) div {
  font-weight: bold;
  font-size: 13px;
}

table#sailing tbody td:nth-child(1) {
  font-size: 13px;
}

table#sailing tbody td:nth-child(3),
table#sailing tbody td:nth-child(4) {
  color: red;
}

/* Fixes for older browsers */
.ieOld table#sailing tfoot td,
.ie9plus table#sailing tfoot td {
  border-top: none;
  border-top-collapse: separate;
  /* When border-collapse is set to collapse
   * on two adjacent cells that both have borders
   * IE calculates the border width as 1/2 of
   * the sum of border widths of (the touching
   * sides of) both cells. If the result is < 1
   * sometimes the border fails to render
   * properly.
   * This behavior is observed in IE versions
   * as recent as IE10!
   **/
}

.ie9plus #ddmenu {
  width: 750px;
}

.ieOld table#sailing th.col1,
.ieOld table#sailing th.col2 {
  font-size: 13px;
  padding-top: 2px;
}

.ieOld table#sailing th.col2 {
  width: 454px;
}

.ieOld table#sailing td.col1 {
  font-size: 13px;
  font-weight: bold;
  color: #333;
}

.ieOld td.col2 div {
  font-weight: bold;
  font-size: 13px;
}

.ieOld td.col3 {
  color: red;
}

/* End of css specific to voyages.html */

/* Serviced villages table */

#villagesLists {
  float: left;
  width: 820px;
  font-family: Arial;
  margin-top: 29px;
  border: 1px solid #000;
}

#VillListTitle {
  width: 810px;
  margin: 20px auto 14px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 20px;
  font-weight: bold;

}

#SchPrint {
  width: 810px;
  margin: 10px auto 5px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  background-color: #f4fafd;
}

#VillListSubTitle {
  width: 400px;
  margin: 10px auto 10px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}



#VillListSubTitleS {
  width: 200px;
  margin: 10px auto;
  border: 1px solid #fff;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

#notes {
  float: left;
  width: 810px;
  border: 1px solid #86aace;
  margin-left: 3px;
  margin-top: 6px;
  margin-bottom: 4px;
}

.VillSubLists {
  width: 810px;
  margin: 10px auto 5px;
  border: 1px solid #86aace;
}

.SubSublist {
  float: left;
  width: 247px;
  margin-left: 18px;
  border: 1px solid #fff;
}

.SubSublistC {
  float: left;
  width: 347px;
  margin-left: 18px;
  border: 1px solid #fff;
}

.SubSublistCW {
  float: left;
  width: 770px;
  margin-left: 18px;
  border: 1px solid #fff;
}

.SubSublistBN {
  float: left;
  width: 382px;
  margin-left: 15px;
  border: 1px solid #fff;
}

.SubSublistBNW {
  float: left;
  width: 780px;
  margin-left: 15px;
  border: 1px solid #fff;
}

.SubSublistB {
  float: left;
  width: 297px;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 1.9;
  text-align: center;
  background-color: #f4f7fd;
}

.SubSublistBW {
  float: left;
  width: 730px;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 1.9;
  text-align: center;
  background-color: #f4f7fd;
}

.nottes {
  text-align: center;
  font-size: 12px;
  color: #06f;
}

/* Serviced villages table - end*/

#timetable {
  float: left;
  margin-top: 15Spx;
  padding-left: 1px;
  padding-bottom: 2px;
  width: 817px;
  border: 1px solid #cae0fb;
  background-color: #3e77a7;
}
#voyagedetails {
  float: left;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 6px;  
  width: 826px;
}

#lastUpd {
  float: left;
  font-family: Arial;
  font-size: 13px;
  color: #000;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 7px;
  margin-left: 30px;
  width: 240px;
}

/* new table */

.voyTitle {
  float: left;
  margin-left: 2px;
  margin-top: 1px;
  padding-top: 3px;
  height: 19px;
  width: 813px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  font-weight: bold;
  color: #03c;
  background-color: #fafafa;
}

.voyNumH {
  float: left;
  margin-left: 2px;
  padding-top: 3px;
  height: 20px;
  width: 110px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  font-weight: bold;
  color: #222;
  background-color: #e2fcfb;
}
.portH {
  float: left;
  margin-left: 1px;
  padding-top: 3px;
  height: 20px;
  width: 105px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #222;
  background-color: #e2fcfb;
}

.arriveDeprtH {
  float: left;
  margin-left: 1px;
  padding-top: 3px;
  height: 20px;
  width: 80px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #222;
  background-color: #e2fcfb;
}
.tugBargeH {
  float: left;
  margin-left: 1px;
  padding-top: 3px;
  height: 20px;
  width: 233px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #222;
  background-color: #e2fcfb;
}
.commntsH {
  float: left;
  margin-left: 1px;
  padding-top: 3px;
  height: 20px;
  width: 200px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #222;
  background-color: #e2fcfb;
}

.voyNum {
  float: left;
  margin-left: 2px;
  margin-top: 1px;
  padding-top: 1px;
  height: 17px;
  width: 110px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  color: #000;
  background-color: #fff;
}
.port {
  float: left;
  margin-left: 1px;
  margin-top: 1px;
  padding-top: 1px;
  height: 17px;
  width: 105px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  text-align: center;
  color: #222;
  background-color: #fff;
}

.arriveDeprt {
  float: left;
  margin-left: 1px;
  margin-top: 1px;
  padding-top: 1px;
  height: 17px;
  width: 80px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  text-align: center;
  color: #222;
  background-color: #fff;
}
.tugBarge {
  float: left;
  margin-left: 1px;
  margin-top: 1px;
  padding-top: 1px;
  height: 17px;
  width: 233px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  text-align: center;
  color: #cc0000;
  background-color: #fff;
}
.commnts {
  float: left;
  margin-left: 1px;
  margin-top: 1px;
  padding-top: 1px;
  height: 17px;
  width: 200px;
  font-family: Arial, Helvetica, Sans;
  font-size: 11px;
  text-align: center;
  color: #00f;
  background-color: #fff;
}

/* new table end */

#rel1 {
  float: left;
  height: 14px;
  width: 14px;
  margin-top: 2px;
  margin-left: 6px;
  margin-right: 5px;
}
#rel2 {
  float: left;
  height: 14px;
  width: 14px;
  margin-left: 6px;
  margin-top: 2px;
  margin-right: 5px;
}
#rel3 {
  float: left;
  height: 14px;
  width: 14px;
  margin-left: 6px;
  margin-top: 2px;
  margin-right: 5px;
}
#rel4 {
  float: left;
  height: 14px;
  width: 14px;
  margin-left: 6px;
  margin-top: 2px;
  margin-right: 5px;
}
#rel5 {
  float: left;
  height: 14px;
  width: 14px;
  margin-left: 6px;
  margin-top: 2px;
  margin-right: 1px;
}

#locn {
  float: left;
  height: 17px;
  width: 96px;
  font-family: Arial, Helvetica, Sans;
  font-weight: bold;
  font-size: 12px;
  text-indent: 4px;
  text-align: left;
  background-color: #fff;
}
#dte {
  float: left;
  height: 17px;
  width: 64px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  background-color: #fff;
}

#mapholder {
  float: left;
  width: 820px;
  margin-top: 10px;
}
#voyageList {
  height: 20px;
  background-color: #ccc;
}
#voyageList span,
#voyageList div,
#voyageList input,
#voyageList a {
  float: left;
  margin-left: 9px;
  margin-top: 4px;
  font-size: 12px;
}

#voyageList a {
  text-decoration: none;
}

#voyageList a:visited,
#voyageList a {
  color: #000;
}

#voyageList a:hover {
  color: #b50;
}

#voyageList a#center {
  float: right;
  margin-right: 8px;
}

#voyageList div {
  height: 12px;
  margin-right: 3px;
  margin-top: 4px;
  width: 12px;
}
#voyageList input {
  margin-left: 10px;
}
.rowl {
  font-weight: bold;
  color: #666;
  float: left;
  width: 124px;
}
.rowr {
  float: left;
  color: #25a;
  width: 170px;
}
.tblr0, .tblr1 {
  padding: 2px;
}
.tblr1 {
  background-color: #eee;
}
#map {
  float: left;
  height: 510px;
  width: 820px;
}
#infoTable {
  width: 300px;
}
.rowla {
  font-weight: bold;
  color: #666;
  float: left;
  width: 56px;
}
.rowra {
  float: left;
  color: #25a;
  width: 174px;
  text-align: center;
}
.rowras {
  float: left;
  color: #390;
  width: 174px;
  text-align: center;
  font-weight: bold;
}
.tblr1a {
  background-color: #eee;
}

#infoTableSTP {
  width: 230px;
}
.voyageTitle,
div#infoTable .voyageTitle,
div#infoTableSTP .voyageTitleA {
  font-weight: bold;
  text-align: center;
  color: #000;
}
.voyageTitleA {
  font-weight: bold;
  text-align: center;
  color: #00f;
}

/* PORTS */

#portview {
  float: left;
  width: 818px;
  border: 1px solid #aaa;
  background-image: url(\images/Sewarrd1.jpg);
  background-repeat: no-repeat;
}
#markPorts {
  float: left;
  margin-top: 437px;
  margin-left: 433px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 342px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #fff;
  border: 1px transparent;
  background: transparent;
}

/* port Seattle */

#portviewSeaSew {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  background: #fcfcfc;
  border: 1px solid #aaa;
}
#slideSeaSew {
  float: left;
  margin-left: 136px;
  margin-top: 110px;
  margin-bottom: 110px;
}
#markSeatl {
  float: left;
  margin-top: 111px;
  margin-left: 90px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 200px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #003a75;
  border: 1px transparent;
  background: transparent;
}

/* port Seward */

#markSew {
  float: left;
  margin-top: 152px;
  margin-left: 90px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 200px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #003a75;
  border: 1px transparent;
  background: transparent;
}

/* port Bethel */

#portviewBethel {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  border: 1px solid #aaa;
  background-image: url(\images/bgrndBethel.jpg);
}

#markBethel {
  float: left;
  margin-top: 111px;
  margin-left: 90px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 200px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #003a75;
  border: 1px transparent;
  background: transparent;
}

/* port Nome */

#portviewNome {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  border: 1px solid #aaa;
  background-image: url(\images/bgrndNome.jpg);
}
#markNome {
  float: left;
  margin-left: 390px;
  margin-top: 390px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 400px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #fff;
  border: 1px transparent;
  background: transparent;
}

/* port Dillingham */

#portviewDill {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  height: 777px;
  border: 1px solid #aaa;
  background-image: url(\images/bgrndDillingham.jpg);
}

#markDill {
  float: left;
  margin-left: 355px;
  margin-top: 21px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 430px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #fff;
  border: 1px transparent;
  background: transparent;
}

/* port Naknek */

#portviewNaknek {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  border: 1px solid #aaa;
  background-image: url(\images/bgrndNaknek.jpg);
}

#markNaknek {
  float: left;
  margin-left: 424px;
  margin-top: 450px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 370px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #fff;
  border: 1px transparent;
  background: transparent;
}

.mark {
  color: #f60;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, Sansefir;
  font-size: 12px;
}

/* AL Equipment */

#ALequipment {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  border: 1px solid #aaa;
  background-image: url(\images/FrontALequip.jpg);
  background-repeat: no-repeat;
}

#markALequipment {
  float: left;
  margin-left: 39px;
  margin-top: 426px;
  line-height: 16px;
  letter-spacing: 1px;
  font-size: 12px;
  width: 754px;
  font-family: Arial, Helvetica, Sans;
  color: #fff;
  border: 1px transparent;
  background: transparent;
}

/* Tugs and Landing equipment */

#TugLand {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  background: #fcfcfc;
  border: 1px solid #aaa;
}
#slideTugLand {
  float: left;
  margin-left: 200px;
  margin-top: 95px;
  margin-bottom: 95px;
}

/* Barges */

#Barges {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  background: #fcfcfc;
  border: 1px solid #aaa;
}
#slideBarges {
  float: left;
  width: 326px;
  margin-left: 136px;
  margin-top: 103px;
  margin-bottom: 110px;
}
#markBarges {
  float: left;
  margin-top: 120px;
  margin-left: 90px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 200px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  color: #003a75;
  border: 1px transparent;
  background: transparent;
}

#Containers {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  background: #fcfcfc;
  border: 1px solid #aaa;
}
#slideContainers {
  float: left;
  width: 326px;
  margin-left: 136px;
  margin-top: 103px;
  margin-bottom: 110px;
}
#markContainers {
  float: left;
  margin-top: 38px;
  margin-left: 90px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 200px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  color: #003a75;
  border: 1px transparent;
  background: transparent;
}

/* Loading */

#Loading {
  float: left;
  margin-bottom: 1px;
  width: 818px;
  background: #fcfcfc;
  border: 1px solid #aaa;
}
#slideLoading {
  float: left;
  width: 326px;
  margin-left: 136px;
  margin-top: 110px;
  margin-bottom: 110px;
}
#markLoading {
  float: left;
  margin-top: 58px;
  margin-left: 90px;
  line-height: 16px;
  letter-spacing: 1px;
  width: 200px;
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #003a75;
  border: 1px transparent;
  background: transparent;
}

/* ABOUT */

#about {
  float: left;
  width: 816px;
  padding-left: 4px;
  font-family: Arial, Helvetica, Sansefir;
  font-size: 13px;
  color: #003a75;
  background: #f8fdff;
}

#pictureAL {
  float: right;
  height: 250px;
  width: 482px;
  margin-left: 6px;
  margin-right: 1px;
  margin-top: 4px;
}

#GMimg {
  float: left;
  margin-top: 20px;
  margin-left: 4px;
  margin-right: 8px;
  margin-left: 2px;
  height: 257px;
  width: 386px;
  background: #fff;
}

/* Employment */

#eMabout {
  float: left;
  margin-top: 40px;
  margin-left: 90px;
  border: 1px solid #afafaf;
  padding: 10px 10px 10px 20px;
  font-family: Arial, Helvetica, Sansefir;
  font-size: 13px;
  width: 610px;
}

#eMsubmitt {
  float: left;
  margin-left: 292px;
  margin-top: 28px;
  margin-bottom: 28px;
  width: 154px;
  height: 20px;
  border: 1px solid #eee;
}

#eMcontinf {
  float: left;
  width: 640px;
  height: 30px;
  margin-top: 20px;
  margin-left: 60px;
  color: #04f;
  font-family: arial, helvetica, sans;
  font-weight: bold;
  font-size: 14px;
}

#eMformm {
  float: left;
  width: 700px;
  margin-left: 60px;
  margin-top: 16px;
  border: 1px solid #fff;
  background: #fff;
}

#thankyou {
  float: left;
  width: 90px;
  margin-left: 330px;
  margin-top: 6px;
  font-family: arial, helvetica, sans;
  font-weight: bold;
  font-size: 14px;
  color: #04f;
}
#anim {
  float: left;
  margin-left: 10px;
  margin-top: 30px;
}

.eMFlabel {
  float: left;
  margin-top: 3px;
  margin-left: 10px;
  width: 220px;
  background-color: #fff;
}

.eMFinput {
  float: left;
  width: 450px;
  margin-top: 3px;
  background-color: #fff;
}

/* RATES and FORMES*/

#compTitle {
  float: left;
  height: 22px;
  width: 654px;
  margin-left: 70px;
  margin-top: 16px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 20px;
  font-family: Arial, Helvetica, Sans;
  color: #34c;
}
#makearequest {
  float: left;
  height: 22px;
  width: 400px;
  margin-left: 110px;
  margin-top: 45px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, Sans;
}

#formm {
  float: left;
  width: 794px;
  margin-left: 13px;
  margin-top: 16px;
  border: 1px solid #fff;
  background: #fff;
}

#Mformm {
  float: left;
  width: 600px;
  margin-top: 5px;
  margin-left: 74px;
  border: 1px solid #fff;
  background: #fff;
}

#reqform {
  float: left;
  width: 654px;
  margin-left: 70px;
  margin-top: 6px;
}
#reqform input[type="text"] {
  width: 440px;
}

.reqform1 input {
  width: 200px;
}

#formtitle {
  float: left;
  height: 22px;
  width: 654px;
  margin-left: 70px;
  margin-top: 12px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 18px;
  font-family: Arial, Helvetica, Sans;
  color: #34c;
}
label {
  width: 15.6em;
  float: left;
  height: 1.6em;
  text-align: left;
  text-indent: 5px;
  font-size: 12px;
  font-family: arial, helvetica, sans;
  letter-spacing: 1px;
  color: #000;
  background: #fff;
  display: block;
}

input,
.submitt a {
  color: #000;
  background: #fff;
  border: 1px solid #ddd;
}
#submitt {
  float: left;
  margin-left: 261px;
  margin-top: 28px;
  margin-bottom: 28px;
  width: 156px;
  height: 28px;
  border: 1px solid #fff;
}
#continf {
  float: left;
  width: 700px;
  height: 30px;
  font-family: arial, helvetica, sans;
  font-weight: bold;
  font-size: 14px;
}
#additnots {
  float: left;
  width: 700px;
  height: 30px;
  margin-left: 14px;
  margin-top: 8px;
  font-family: arial, helvetica, sans;
  font-weight: bold;
  font-size: 14px;
}
.shipform {
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  text-indent: 16px;
  color: #bf1618;
}
#comming {
  float: left;
  height: 30px;
  width: 200px;
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: 290px;
  font-family: Arial, Helvetica, Sans;
  font-size: 20px;
  font-weight: bold;
  color: #03f;
}
#nottes {
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  text-indent: 16px;
}
#nottes1 {
  float: left;
  margin-left: 126px;
  margin-top: 10px;
  width: 680px;
  font-family: Arial, Helvetica, Sans;
  font-size: 13px;
  font-weight: bold;
}

#nottes2 {
  float: left;
  margin-top: 40px;
  margin-left: 126px;
  width: 680px;
  font-family: Arial, Helvetica, Sans;
  font-size: 15px;
  font-weight: bold;
}

.submitt a,
.submitt input {
  height: 24px;
  font-weight: bold;
  font-size: 13px;
  color: #bf1618;
  background: #fff;
  text-shadow: 3px 2px 7px #adadcd;
  text-decoration: none;
  padding: 3px 4px;
}

input.error {
  border: 1px solid red;
}

label.error {
  color: red;
  width: 100%;
  margin-bottom: 8px;
}

/* RATES and FORMES*/

/*CONTACT*/

#contact {
  float: left;
  margin-left: 87px;
  width: 640px;
}
#mapDirections {
  margin-left: 94px;
  float: left;
  margin-top: 6px;
  width: 630px;
}
#mapDirections #map {
  height: 400px;
  /*width: 500px;*/
}

.addressPrompt {
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  display: block;
  margin-top: 15px;
  margin-bottom: 4px;
}
.tothe {
  font-family: Calibri, Arial, helvetica, Sans;
  font-size: 12px;
  font-weight: bold;
  color: #f40;
}

.continf {
  background: #efefef;
}

#contitle {
  width: 460px;
  margin: 24px auto 0;
  margin-top: 20px;
  font-family: Calibri, Arial;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
}
#startingAddress {
  width: 387px;
}
#cform {
  float: left;
  height: 62px;
  width: 680px;
  margin-top: 16px;
}
#directionsPanel {
  float: left;
  width: 520px;
}
#contactInfo {
  float: left;
  width: 628px;
  margin-left: 7px;
  line-height: 1.5;
  text-align: center;
  margin-top: 19px;
  margin-bottom: 10px;
  font-family: Arial;
  border: 1px solid #e4e4e4;
}

#hours {
  float: left;
  width: 155px;
  padding-top: 7px;
  height: 116px;
  margin-left: 1px;
  border: 1px solid #fff;
}

#phones {
  float: left;
  width: 155px;
  height: 116px;
  padding-top: 7px;
  border: 1px solid #fff;
}

#mail {
  float: left;
  width: 134px;
  height: 116px;
  padding-top: 7px;
  border: 1px solid #fff;
}

#Email {
  float: left;
  width: 174px;
  height: 116px;
  padding-top: 7px;
  border: 1px solid #fff;
}

#office {
  float: left;
  width: 624px;
  margin-left: 1px;
  padding-top: 8px;
  border: 1px solid #fff;
}

#yard {
  float: left;
  width: 310px;
  padding-top: 8px;
  border: 1px solid #fff;
}
#seward {
  float: left;
  width: 624px;
  padding-top: 8px;
  margin-left: 1px;
  border: 1px solid #fff;
}

#contactInfo h5 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 13px;
}

#open-request-form {
  float: left;
}

table#team {
  border-spacing: 0;
  border-collapse: collapse;
  float: left;
  border-width: 2px;
  margin-left: 10px;
  margin-top: 5px;
  width: 624px;
}

table#team,
table#team th,
table#team td {
  border-style: solid;
  border-color: #c8c0b5;
  border-width: 1px;
  text-align: left;
  text-indent: 6px;
  color: #000;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
}

table#team th {
  text-align: center;
  font-weight: bold;
}

div#infoTable div.rowr,
div#infoTable div.rowl,
div#infoTableSTP div.rowra,
div#infoTableSTP div.rowras,
div#infoTableSTP div.rowla {
  font-size: 11px;
  font-family: Arial;
}

#recaptcha-error {
  font-size: 16px;
  margin: 5px 0;
  color: red;
}

/* Home page slideshow */
#slideshow {
    position: relative;
}

#slideshow > div {
    position: absolute;
    top: 0;
    left: 0;
}

div[role=dialog] button.gm-ui-hover-effect {
  width: unset !important;
  height: unset !important;
  right: 12px;
  top: 12px;
}

div[role=dialog] button.gm-ui-hover-effect > span {
  margin: 0 !important;
}