/** HTML5 Reset http://host.sonspring.com/formalize/assets/stylesheets/html.css **/
a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0; margin:0; padding:0; font-size:100%} /** why not border:none **/
article,aside,figure,figcaption,footer,header,hgroup,nav,section{display:block}
figure{}
figcaption{margin-left:auto; margin-right:auto; margin-bottom:10px; text-align:center; font-weight:700; font-size:24px}
html{overflow-y:scroll} /** prevent firefox scrollbar jump. firefox hides vertical scrollbar if content < visibile window by default **/
html,body{height:100%}
body{text-align:center; font:62.5%/1.5 Cambria, Verdana, Arial, Helvetica, sans-serif; color:#000; -webkit-font-smoothing:antialiased} 
body:before{content:""; position:fixed; top:-15px; left:0; width:100%; height:15px; z-index:100; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.9); -moz-box-shadow:0px 0px 10px rgba(0,0,0,.9); box-shadow:0px 0px 10px rgba(0,0,0,.9)}
body{width:100%; height:100%}
*, html { margin:0; padding:0 }

body {color:#717174; font-family: Tahoma, Geneva, sans-serif; font-size:13px; line-height:1.5em}
a, a:link, a:visited{color:#c0c0c2}
a:hover {color: #00FFFF; text-decoration:none}
p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 40px; color: #fff; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 32px; color: #fff; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; color: #fff; margin: 0 0 20px 0; padding: 0; }
h4 { font-size: 18px; color: #fff; margin: 0 0 10px 0; padding: 0; }
h5 { font-size: 16px; color: #fff; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}




.content{margin-left:auto; margin-right:auto; width:100%; height:100%; background-color:#fff}
#map_canvas,#googlemap{position:relative; top:10%; width:100%; height:90%; border:1px solid #000}
div#info { width:100%; position:absolute; overflow:hidden; text-align:center; top:0; left:0}
.lightBox {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color:white;
    padding:2px;
  }
  
  
  
  
  
header{width:100%; top:0; left:0; height:10%; z-index:20; position:fixed; background-color: #121213}
header:before{content:""; position:fixed; top:0; left:0; width:100%; height:10%; z-index:100; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.9); -moz-box-shadow:0px 0px 10px rgba(0,0,0,.9); box-shadow:0px 0px 10px rgba(0,0,0,.9)}

header h1, header h2{width:40%; margin-top:1em}
h1.branding{font-size:25px; float:left; margin-left:1em}
h2.moarbranding{float:right; margin-right:1em}