body{margin: 0; padding: 0; font-family: "helvetica", serif;}
ul, li{list-style: none;}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #c39e6d;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);

}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #ccc; 
    border-radius: 10px;
}
::selection {
  background: #c39e6d; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #c39e6d; /* Gecko Browsers */
}
.floatLeft{float: left;}
.floatRight{float: right;}
.mainContainer{width: 100%; height: 100%}
.pageTitle{margin: 37px 70px 0 62px; font-size: 25px; font-weight: 300;}
.pageTitle > a{text-decoration: none; color: #000; transition: color 0.5s ease;}
.pageTitle > a:hover{color: #c39e6d;}
.topContainer{min-height: 90px;}
.optionsContainer{margin-right: 80px; width: 57%;}
.options{padding-left: 0; padding-top: 30px; width: 430px;}
.options > li{display: inline; width: 120px; float: left; font-weight: 100; font-size: 12px;}
.options > li > a{text-decoration: none; color: #000; transition: color 0.4s ease;}
.options > li > a:hover{color: #c39e6d;}
.contentContainer{clear: both; padding-top: 20px;}
.contentContainer > p{padding-left: 64px; width: 650px; font-size: 11px; font-weight: 200;}
.imagePlaceholder{width: 800px; padding: 0 0 0 60px; margin: 7px 0 0 0;}
.imagePlaceholder > ul {position: relative;}
.imagePlaceholder > li {display: table-cell; float: left; vertical-align: bottom; height: 100px; border: none; padding: 3px; transition: opacity 0.2s;}
.imagePlaceholder > li:hover{cursor: pointer; opacity: 0.8;}
.imageFrame{width: 750px; height: 470px; border: 1px solid #000; position: relative; top: -12px;}
.imageModal{display: none; margin-left: 2px; width: 99.5%; height: 500px; border: none; z-index: 9999; position: absolute; background-color: #fff;}
.imageModal table{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.toThumbnail{width: 200px; padding: 0; margin: 15px; left: 77%; position: relative; font-size: 11px; font-weight: 300;}
.toThumbnail span{cursor: pointer;}
.toThumbnail span:hover{color: #c39e6d;}
.toThumbnail div{display: inline;}
.modalContent{display: none;}
.imageTitle{font-style: italic;}
.imageContainer{font-size: 11px; font-weight: 300;}
.eventList, .contactList{padding-left: 75px; padding-top: 20px; font-size: 13px; font-weight: 100;}
.eventList li{display: list-item;}
.eventList li span{padding-right: 30px; width: 120px; display: inline-block;}
.contentContainer a{text-decoration: underline; color: #000; transition: color 0.4s ease;}
.contentContainer a:hover{color: #c39e6d;}
.firstLetter{font-size: 20px;}
.review-list{font-size: 11px; float: left; padding: 0 40px 0 70px; font-weight: 100; }
.person{float: left; width: 670px; height: 300px; padding-right: 20px; border: 0px solid #c39e6d; overflow-y: scroll; font-size: 11px; font-weight: 100; left: 60px; position: relative; top: 15px;}
.person:nth-of-type(2), .person:nth-of-type(3){display: none;}
.review-list li{transition:  color 0.8s;}
.review-list li:hover{color: #c39e6d; cursor: pointer;}
.intro-wrapper{border-left: 1px solid #c39e6d;width: 50%; font-size: 11px; font-weight: 200; margin-left: 64px; padding-left: 18px; margin-top: 10px;}
.contactList a{text-decoration: none;}
.contactList{border-left: 1px solid #c39e6d; margin-left: 60px; padding-left: 10px; padding-top: 0;}