/*GLOBAL STYLES*/
#body{
  background-color: #fffff2;

}

P{
  font-family: monospace; Monaco;
}
#salutation{
  position: absolute;
  top: 100px;
  text-align: center;
  left: 40%;
}
a{
  text-decoration: none;
  text-decoration-color:#c59980;
}

h2{
  font: Arial, sans-serif;

}
h3{
  font: Arial, sans-serif;
  color: #c59980;
}
header{
  background-color: black;
  border-bottom: 15px solid #c59949;
  position: relative;
  height: 350px;

}
footer{
  color: white;
  background-color: black;
  height: 500px;
  position: relative;
  border-top: 15px solid #c59949;
  top: 100px;
}

/*MAIN DIVISIONS*/
#mission{
  positon: absolute;
  height: 400px;
  width: 500px;
  top: 170px;
  left: 50px;
  padding: 3%;
}
#contact{
  position: absolute;
  top: 70px;
  left: 20px;

}
#USDOT{
  position: absolute;
  bottom: 10px;
  left: 45%;
}
#salution{
  text-align: center;

}
#container{
  height: 1000px;
  width: auto;

  position: relative;
}
#shipdisplay{
  border: 4px solid black;
  position: relative;
  height: 500px;
  width: 800px;
  left: 25%;
}
#loadsdisplay{
  border: 4px solid black;
  position: relative;
  height: 500px;
  width: 800px;
  left: 25%;
}
#carrierdisplay{
  border: 4px solid black;
  position: relative;
  height: 500px;
  width: 800px;
  left: 25%;
}


/*NAVIGATION DECOR*/
#aboutNav{
  color: black;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
}
#contactNav{
  color: black;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;;
}
#applyNav{
  color: black;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
}
#aboutFoot{
  color: white;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
}
#applyFoot{
  color: white;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
}
#contactFoot{
  color: white;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
}
#copy{
  position: absolute;
  bottom: 10px;
  left: 20px;
}
#ship{
  text-align: center;
  color: white;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
  width: 300px;
  height: 300px;
}
#carry{
  text-align: center;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
}
#load{
  text-align: center;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
}
#rate{
  text-align: center;
  text-decoration: none;
  font-family: Monaco, Arial, monospace;
}
/*MAIN NAVIGATION*/
#Shipping{
  border: 3px solid #c59949;
  width: 300px;
  height: 300px;
  top: 25%;
  position: absolute;
  /*right: 919px;*/

  background-image:url("ship.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300px 300px;
}
#Carriers{
  border: 3px solid #c59949;
  background-image: url("carrier.jpg");
  width: 300px;
  height: 300px;
  position: absolute;
  /*right: 613px;*/
  top: 25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300px 300px;
  color: white;
}
#Loads{
  border: 3px solid #c59949;
  background-image: url("loads.jpg");
  width: 300px;
  height: 300px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300px 300px;
  top: 25%;
  color: white;

}
#Rates{
  border: 3px solid #c59949;
  background-image: url("rates.jpg");
  position: absolute;
  width: 300px;
  height: 300px;
  bottom: 450px;
  left: 658px;
  right: 800px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300px 300px;
  color: white;

}

/*NAVIGATION LINKS*/
#MainNavigation{
  margin: 0;

}

#MainNavigation li{
  display: inline-block;
  padding: 0 13%;

}

#MainNavigation a{
  padding: .5em;

}
#navbar li{
  display: inline-block;
  font-size: 20px;
  margin-left: 80px;
  margin-bottom: 30px;
  color: black;
}

#footer li{
  list-style-type: none;
  font-size: 20px;
  margin-bottom: 30px;
  color: white;
}
#footer ul{
  position: absolute;
  top: 70px;
  right: 40px;
}
#navbar ul{
  position: absolute;
  right: 20px;
  top: 125px;
  margin-left: 200px;
}


/*Document Links*/

#loadsdisplay a{
  color: #c59949;
  text-decoration: underline;
}

#carrierdisplay a{
  color: #c59949;
  text-decoration: underline;
}
#shipdisplay a{
  color: black;
  text-decoration: underline;
}


/*IMAGES*/
#logo{
  height: 325px;
  width: 325px;
  position: absolute;
  left: 42%;
}
#cert{
  position: absolute;
  height: 250px;
  width: 280px;
  bottom: 0px;
  right: 0px;
}
#TIA{
  position: absolute;
  bottom: 0px;
  left: 0px;

}
#PFA{
  position: absolute;
  bottom: 0px;
  left: 45%;
}
#LogoFoot{
  height: 200px;
  width: 150px;
  position: absolute;
  right: 20px;
  bottom: 0px;
  margin-left: 250px;
}

/*HOVERED LINKS */
#navbar a:link{
  text-decoration: none;
}
#navbar a:visited{
  text-decoration: underline;

}
#navbar a:hover{
  color: #c59949;
  text-decoration: overline;
}
#footer a:link{
  text-decoration: none;
}
#footer a:visited{
  text-decoration: underline;
}
#footer a:hover{
  color: #c59949;
  text-decoration: overline;
}
#footer a:hover{
  color: #c59949;
  text-decoration: overline;
}

#loadsdisplay a:link{
  text-decoration: underline;
}
#loadsdisplays a:visited{
  text-decoration: none;

}

#carrierdisplay a:link{
  text-decoration: underline;
}
#carrierdisplay a:visited{
  text-decoration: none;

}

#loadsdisplay a:hover{
  color: black;
}

#carrierdisplay a:hover{
  color: black;
}

#shipdisplay a:hover{
  color: #c59949;
}