*{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
body {
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 130%;
    color: #333333;
    line-height: 1.5;
}
html, ul{
    margin:0;
    padding:0;
}
#info li {
  margin: 0 50px;
}
header{
    padding:0px 0px;	
    margin:0px;
}
nav{
    display:inline-block;
    float:right;
    vertical-align:bottom;
}
nav ul {
    float: left;
    -webkit-transition: .5s;
    transition: .5s;
}
nav li {
    opacity:0.8;
    background: no-repeat center top #ffffff;
    float: left;
    position: relative;
    width: 140px;
    list-style: none;
    -webkit-transition: .5s;
    transition: .5s;
}
nav a{
    font: bold 80% sans-serif;
    display: block;
    color: black;
    text-transform:uppercase;
    padding:5px 10px;
    text-decoration:none;
}
nav ul ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
}
nav li:hover > ul {
    visibility: visible;
    opacity: 1;
}
nav ul li{
    display:inline-block;
    border-right:1px solid black; /*#B90D00;*/
}
nav ul li:last-child{
    border-right:none;
}
.sticky {
    height:300px;
    background: transparent url(pendant.jpg) no-repeat center top;
}
.sticky img {
    padding: 51px 0px 0 50px;
}
.sticky nav {
    padding: 270px 0px 0px 0px;
}
.fixed {
    line-height:60px;
    position:fixed;
    top:-90px;
    left: 0;
    right: 0;
    z-index:999;
    transition:0.4s top cubic-bezier(.3, .73, .3, .74);
    background: transparent url(pendant.jpg) no-repeat center top;
}
.fixed img {
    margin: 0px 0px 0px 50px;
}
.fixed nav {
    margin: 54px 0px 0px 0px;
}
.fixed.slideDown {
    top:0;   
}


/* ======================== general ============================= */

#content {
    width:80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#red {
    color:red;
}

img#right {
    margin: 10px;
    float: right;
}

img#left {
    margin: 10px;
    float: left;
}

img#centre {
    display: block;
    margin-left:auto;
    margin-right:auto;
}


/* =================== Tab Menu =========================== */

div#topMenu {
   padding: 6px 0px 0px 5px;
   border-bottom: 1px solid black;
}

div#topMenu a.pagetab {
   font: bold 80% sans-serif;
   padding: 5px 10px 8px 10px;
   border-top: solid #A0A0A0 1px;
   border-left: solid #A0A0A0 1px;
   border-right: solid #A0A0A0 1px;
   text-decoration: none;
   color: #A0A0A0;
}

div#topMenu a.pagetab:hover {
   background-color: #e0e0e0;
   color: #404040;
}

div#topMenu a.selected {
   background-color: #FFFFFF;
   font: bold 80% sans-serif;
   border-top: solid black 1px;
   border-left: solid black 1px;
   border-right: solid black 1px;
   text-decoration: none;
   color: #000000;
}

/* ========================== page ============================= */


/* ==================== sub pages ============================== */

div#one {
   display: block;
}

div#oneB {
   display: none;
}

div#oneC {
   display: none;
}

div#two {
   display: none;
}

div#three {
   display: none;
}

div#four {
   display: none;
}

div#five {
   display: none;
}

div#six {
   display: none;
}



/* -------------------- MOBILE -------------------*/
/*
@media screen and (max-width: 999px) {
    nav li {
        font-size: 140%;
    }
    div#copy {
        margin: auto;
        width: 95%;
    }
    div#copy_holder {
        margin: auto;
        width: 95%;
    }
}

@media screen and (min-width: 1000px) {
    nav li {
        font-size: 100%;
    }
    div#copy {
        margin: auto;
        width: 800px;
    }
    div#copy_holder {
        margin: auto;
        width: 800px;
    }
}
*/