body, html { height: 100%; background:black; }
body { font: 100%/1.4 "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; margin: 0; padding: 0; color: #fff; }
ul, ol, dl { padding: 0; margin: 0; list-style:none; }
h1, h2, h3, h4, h5, h6, p { color: #fff; text-align: center; margin-top: 0; padding-right: 15px; padding-left: 15px; }
a img { border: none; }
a:link { color: #42413C; text-decoration: underline; }
a:visited { color: #6E6C64; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }
/*Positioning*/
header { height: 50px; border-bottom: 0.5px solid #bdc3c7; background: #34495e; }
ul li { float:left; border-right:0.5px solid  #7f8c8d; text-transform: uppercase; transition: all 0.25s ease 0s; cursor: pointer; height: 20px; padding:10px 20px; margin-top:10px; font: 500 17px/20px "Segoe UI"; }
ul li:last-child { border: none;}
ul li:hover, li:focus { background-color: #7f8c8d; }
/*newwww*/
#container { height: 100%; width:100%; position: absolute; display: table; background:black; clear:both; }
#center { width: 100%; position: static; display: table-cell; vertical-align: middle; text-align:center;}
#content { width:100%; margin: 0px auto; }
#top {width:100%; height: 450px; position:absolute; background:url('sf.jpg'); background-size:cover}
#menu { text-align:center; max-width:1044px; width:100%; margin:0px auto;}
#footer { width: 100%; position: fixed; bottom: 0px; text-align: center; padding: 10px 0px;background-color:black;  }