h1, h2, h3, p, img, ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 100%;
  font-weight: normal;
}

body {
  margin-top:8px;
  background-color:#8f9093;
}

li {
  float:right;
}

h1 {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  text-transform:uppercase;
  font-weight: 600;
  font-size: 129%;
  padding: 0 0 0 45px; /*padding left for main nav bar */
}


h2 {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  text-transform:uppercase;
  font-weight: 600;
  font-size: 101%;
}

h3 {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  text-transform:uppercase;
  font-weight: 600;
  font-size: 109%;
  padding: 3px 0 0 0;
}


p {
  font-family: adobe-garamond-pro,sans-serif;
  font-size: 108%;
  margin: 0;
  padding: 0;
}

a {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  text-decoration: none;
  color: black;
}

a:link {
  font-family: adobe-garamond-pro,sans-serif;
  text-decoration: none;
  color: black;
}

a:visited {
  font-family: adobe-garamond-pro,sans-serif;
  color: black;
}

a:active {
  font-family: adobe-garamond-pro,sans-serif;
  text-decoration: none;
  color: black;
}

a:hover {
  font-family: adobe-garamond-pro,sans-serif;
  text-decoration: none;
  color: white;
}

.nav a {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  text-decoration: none;
  color: #bdbfc1;
}

.nav a:link {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  text-decoration: none;
  color: #bdbfc1;
}

.nav a:visited {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  color: #bdbfc1;
}

.nav a:active {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  text-decoration: none;
  color: #bdbfc1;
}

.nav a:hover {
  font-family: ff-basic-gothic-sc-web-pro,sans-serif;
  text-decoration: none;
  color: #f1f1f2;
}

#wrapper, #logo, #mainNav, #secondNav, #thirdNav, #socialMedia, #gallery, #textGallery {
  outline: 0 solid black;
}


#wrapper {
  float:left;
  margin: 23px 0 0 49px; /*top right bottom left */
  padding: 2px;
  width: 1093px;
  height: 680px;
}

#logo, #secondNav, #thirdNav, #socialMedia {
  float:left;
}

#logo {
  width: 405px;
  height: 41px;
  padding-left:3px;
}

#mainNav, #gallery { 
  float:right;
}

#mainNav {
  width: 570px;
  padding: 20px 1px 2px 0;
  text-align:right;
}

#gallery {
  width: 920px; /* wrapper for gallery */
  height: 588px;
  margin: 3px 0 0 0;
}

#textGallery {
  background-color:#c2c2c2;
  border: 1px dotted black;
  width: 870px; /* wrapper for gallery */
  height: 539px;
  margin: 3px 0 0 0;
  padding: 22px 23px 15px 25px; /* top right bottom left */
  box-shadow: 1px 1px 7px black;
  line-height: 1.4;
  
}

.theme-default #slider {
  margin:0 0 0 0;
  width:920px; /* adjusts the jquery gallery */
  height:588px; /* adjusts the jquery gallery -*/
}

#secondNav { 
  width: 160px;
  height: 230px;
  text-align:left;
  margin: 5px 0 0 0;
  padding: 6px 0 0 5px;
}

#thirdNav {
  width: 165px;
  height: 250px;
  text-align: right;
  margin: 12px 0 0 0;
}

#socialMedia {
  width: 160px;
  height: 80px;
  text-align:left;
  margin: 11px 0 0 0;
  padding-left:5px;
}

@media screen and (max-width: 948px) {

body {
  margin-top:1px;
}

#wrapper {
  margin: 0 0 0 1px; 
}
}

@media screen and (max-width: 768px) {

body {
  margin-top:0;
}

#wrapper {
  margin: 0 0 0 0;
  width: 1087px;
}

#mainNav {
  padding: 20px 15px 2px 0;
}

#secondNav {
  width:160px;
}

#thirdNav {
  width: 160px;
}

#socialMedia {
  width: 160px;
}