html {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    
}
/*Top Bar*/


#nav {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
background-color: #151515;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
height: 140px;
opacity: .9;
position: fixed;
z-index: 1;
}

/*Top Bar Menu*/

#menu {

padding: 0;
margin-top: 42px;
margin-left: 250px;
list-style: none;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
background-color: blue;
}

#menu li {
float: left;
}

#menu li a {
display: block;
padding: 20px 23px;
text-decoration: none;
color: white;
border-right: 1px white; 
}

#menu li a:hover {
color: #D6B430;
 }

#menu2 {
width: 30%;
padding: 0;
margin-top: 0px;
margin-right: 20px;
list-style: none;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
float: right;
}

#menu2 li {
float: right;
}

#menu2 li a {
display: block;
padding: 20px 23px;
text-decoration: none;
color: #F0C75E;
border-right: 1px #F0C75E; 
}

#menu2 li a:hover {
color: white;
}


/*logo*/

#headerlogo {
width: 162px;
height: 82px;
margin-top: 20px;
margin-left: 50px;
float: left;
}

/*background*/

#bgimage {
position: absolute;
z-index: 0;
width: 100%;
}

#bgreal {
width: 100%;
position: static;
display: block;
min-width: 75em;

}

#bgtile {
position: absolute;
z-index: 0;
width: 100%;
}

#tile1 {
float: left;
width: 40%;
}

#tile2 {
float: right;
width: 59%;
}

#featured {
width: 100%;
background-color:  #191919;
text-align: center;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
color: #B28F47;
height: 8em;
padding-top: 3.2em;
font-size: 19pt;
}

#footer {

height: 5em;
padding-left: 4em;
padding-top: 2.5em;
background-color: black;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
color: #3C3B37;
}

#body {
font-size: 9.5pt;
color: #DCDCDC;
line-height: 60%;
}

#id {
font-size: 8pt;
color: #CCA352;

line-height: 14%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.wrapper {
 margin-top: 50%;
 padding-top: 10%;
}

/* Safari only override */
::i-block-chrome,.wrapper {
 margin-top: 100%;
 padding-top: 80px;
}

/*footer
#footer {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
background-color: #151515;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
height: 140px;
position: relative;
}
*/