/* Site Styles - Jan Hirst 2009 */

/* general styles */

* {margin:0;padding:0;}

body {font-size:1.1em;background-color:#665960;color:#fff;font-family:Helvetica, sans-serif;}

h1 {font-size:1.3em;font-weight:normal;padding-left:10px;}
h2 {font-size:1.1em;font-weight:normal;padding-left:10px;margin-bottom:15px;margin-top:10px;}
a {color:#fff;text-decoration:none;}
a:hover {color:#fff;text-decoration:underline;}
.purple {color:#a1979c;font-weight:bold;}
.large {font-size:1.4em;}
.small {font-size:0.8em;}
.clearer {clear:both;}

/* page layout */

.main-container {max-width:900px;margin:20px auto 0px auto;}

.navbar a {font-size: 1.2em;}

.nav {width:210px;float:left;display:none;}
.nav img {border:0px;}
.nav ul {list-style-type: none;text-align: right;}
.nav li {background-image:none;padding-right:0.5em;font-size:1.2em;padding-bottom:1em;}
.nav li.selected a {text-decoration:underline;}
.nav li a {color:#fff;text-decoration:none;}
.nav li a:hover {color:#fff;text-decoration:underline;}

.left-divider {width:210px;height:10px;margin:20px auto 20px auto;background:url(../images/divider.jpg) no-repeat top left;}

.content-container {
  max-width:992px;
  margin:20px auto;
}

.main-content {
  box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.38);
  border-radius: 20px;
  width: auto;
  background-color: #332d31;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 20px;
  margin: 10px 5px 20px 5px;
  min-height: 488px;
}

.home-image {
  background-image: url('../images/option9.png');
}

.contact-image {
  background-image: url('../images/option10.png');
}

.main-content .quotes {
  max-width: 250px;
}

.main-content .quotes p {
  font-size: 1.1em;
  padding: 30px 0px 10px 10px;
  line-height: 1.3em;
}

.main-content p {padding: 0 5px 10px 5px;}

.main-content .center-content p {padding-left: 10px; line-height: 1.2em;}
.main-content .contact { margin-top: 15px;}
.main-content .contact p { line-height: 1.2em;}
.main-content .reviews {width:auto;}
.main-content .reviews p {padding:15px 0px 10px 10px;line-height:1.1em;font-weight:bold;}
.bottom-detail {width:279px;height:82px;margin:0px auto 10px auto;background:url(../images/bottom_right.jpg);}

/* current production panel for homepage */

.main-container .current_production {width:670px;margin:0px auto;background:#cccccc url(../images/leftside-current.gif) repeat-y left top;margin-top:-5px;}
.main-container .current_production .top {width:100%;height:32px;background:url(../images/top-current.gif) no-repeat left top;}
.main-container .current_production .top span {display:block;position:relative;height:32px;background:url(../images/top-right-current.gif) no-repeat right top;}
.main-container .current_production .center_content {position:relative;background:url(../images/rightside-current.gif) repeat-y right top;padding:1px 25px 20px 25px;margin:0px 0 -32px 0;}
.main-container .current_production .bottom {height:32px;background:url(../images/bottom-current.gif) no-repeat left bottom;}
.main-container .current_production .bottom span {display:block;position:relative;height:32px;background:url(../images/bottom-right-current.gif) no-repeat right top;}
.main-container .current_production p {font-size:14px;padding:0 5px 10px 20px;color:#332d31;font-weight:bold;}
.main-container .current_production a {color:#332d31;text-decoration:underline;}
.main-container .current_production a:hover {color:#ffffff;}
.main-container .current_production .center_content img {margin:0 0 12px 10px;float:left;}
.main-container .current_production .center_content .current_text {float:left;margin:0 0 12px 20px;border-left:2px solid #665962;width:450px;} 

/* table styles */

table.cv {
  width:100%;
  margin: 0 0 20px 10px;
}

table.cv th {
  font-weight:bold;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
  color:#fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background-color:#a1979c;
}

table.cv td {background:#332d31;padding:4px 6px 4px 12px;color:#fff;border-bottom:1px solid #fff;}

/* photo gallery */

.gallery-image {
  height: 150px;
  width: 100%;
  object-fit: cover;
  margin-top: 20px;
}

.top-left {
  object-position: top left;
}

.top30-left {
  object-position: top left;
}

.top75-left {
  object-position: 0px -20px;
}

/* youtube video */

.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

@media screen and (max-width:575px) {
  .gallery-image {
    height: 250px;
  }
  
  .top-left {
    object-position: top left;
  }

  .top30-left {
    object-position: 0px -30px;
  }

  .top75-left {
    object-position: 0px -75px;
  }
}

@media screen and (max-width:640px) {
  html {
    overflow-x: hidden;
  }
  table.cv {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  body {
    font-size: 1em;
  }
  .main-container {
    margin-top:50px;
  }
  .nav {
    display: flex;
  }
  .navbar
  {
    display: none;
  }
  .content-container {
    width: 670px;
    margin: 0 0 0 20px;
    float: left;
  }
}