.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

* {
    font-family: 'Source Sans Pro', sans-serif;
    margin:0px;
    padding:0px;
    color: #646464;
    font-weight:400;
}

body {
    background-color: #573215;
}

.white-head-bar {
    background-color:white;
}

header {
    height:114px;
    width:960px;
    margin: 0 auto;
}

header p {
    float:right;
    margin-left:40px;
    margin-top:25px;
    color:#c39712;
    font-size:1.125em;
    font-weight:400;
}

    header p a {
        color:#c39712; /* light gold */
        text-decoration: none;
    }
    
        header p a:hover {
            text-decoration: underline;
        }

header img {
    margin-top:25px;
    float:left;
    display:inline;
}

nav {
    float:right;
    clear:right;
    margin-top:20px;
    font-size:0.875em;
}

nav li {
    display:inline;
    margin-left:50px;
}

nav a {
    text-decoration: none;
    color:#808080;
}

a img {
    border:0px;
    outline:none;
}

.navmenu {
    margin-left:-28px;
    margin-bottom:-20px;
}

.navmenu li {
    display:inline-block;
    padding:15px 25px;
}

.navmenu li a:hover {
    color:#1f8a9d;
}

.navmenu li:hover{

}

.navmenu li a {
    text-decoration:none;
    color:#808080;
}

.navmenu li ul li {
    clear:left;
    float:left;
    padding:5px;
}

.navmenu h3 {
    padding-left:5px;
    margin-bottom:10px;
}

.navmenu li ul li a {
    color:white;
}

.navmenu li ul li a:hover {
    color:yellow;
}

.navmenu ul {
    display:none;
    position:absolute;
    left:0px;
    top:125px;
    background-color:#1f8a9d;
    width:100%;
    padding:40px;
    z-index:0;
    overflow:hidden;
}

.navmenu li:hover > ul {
    display:block;
}

.navmenu:first-child {
    padding-left:0px;
}

#menu-pic {
    position:absolute;
    right:0px;
    bottom:0px;
    height:100%;
    
}