*{
        margin:0px;
        padding:0px;
      }
     html {
     font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-size: 100%;

    }

    header, nav, article, footer, address error{
        display: block;
    }

    header{
        position:relative;
        height: 50px;
        z-index:5000;
    }

    html{
      background-image: url("../img/index_bg.jpg");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-color: #cccccc;
    }
    footer{
        height: 32px;
        width:100%;
        bottom: 0px;
        position: fixed;
    }

    #explorer{
        position:relative; bottom:55px;
    }

    #sections{
        height: 100%;
        bottom: 55px;
        position:fixed;

    }

    body {
    }
    #social {
      float: right;
    }

    #social a {
      display: inline;
      background-color:transparent;
    }

    #social a img {
      opacity: 0.5;
      filter: alpha(opacity=50); /* For IE8 and earlier */
    }

    #social a:hover img {
      opacity: 1.0;
      filter: alpha(opacity=100); /* For IE8 and earlier */
      }

    header h1 {
      margin-top:3%;
      margin-left:3%;
      padding-left:15%;
      background: #666666;
      position:relative;
      width:70%;
      border-radius:1.2em;
    }

    a {
      color:#FFFFFF;
      text-decoration:none;
    }

    a:hover, a:visited {
      color:#FFFFFF;
      text-decoration:none;
    }

    #menu {
      margin-left:60%;
      margin-top:-6%;
      position:relative;
      z-index:5002;
      background-color:#333333;
      width:15%;
      padding:2.5%;
      border: 1px solid #333333;
      border-top-left-radius:1.2em;
      border-bottom-right-radius:1.2em;
    }

    #menu li {
      border: 2px solid #000000;
      width:80%;
      background-color:#000000;
      padding-left:15%;
      display:block;
	  font-stretch:1.2em;
    }

    #menu li :hover {
      border: 2px solid #FFFFFF;
      color:#000000;
      background-color:#FFFFFF;
      display:block;
	  font-stretch:1.2em;
     }
	#error {
		margin-left:3%;
		padding-left:10%;
		border: 2px solid #000000;
		color:#FF0000;
		background-color:#FFFF00;
		display:block;
		font-stretch:1.2em;
		position:relative;
		width:70%;
		height:30%;
		border-radius:1.2em;
		font-size:1.5em;
	 }
	 #error a{
		color:#FF0000;
		text-decoration:underline;
	 }

#galleries {
	color:#000000;
	display:block;
padding:2%;
width:80%;
border-top-left-radius: 1.2em;
border-bottom-right-radius: 1.2em;
margin-left: 2.5%;
}
#galleries div{
	display:block;
	width:96%;
	padding:2%;
color:#FFFFFF;
}
#galleries div :hover{
color:#FF0000;
}
#galleries div a {
float:inherit;
}

#galleries a {
float:right;
}

#galleries a :hover{
color:#FF0000;
}