* {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
body,
html{
    min-height:100%;	
}

body {
	background-image:url(../images/geography-ghana.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

a:focus {outline:0 !important;}
a {outline : none;}
a img {outline : none;}
img {border : 0;}

map area {
outline:none;
}

#top-bar{
    Width:100%;
    height: 1.5em;
    background-color: #1f1f1f;
}
/* navigation menu and decorations*/
.nav{
	 Width:100%;
    height: 4em;
    background-color: #f5f5f5;
	margin-top: -1em;
}

.nav ul{
	text-align:center;
}

.nav ul li{
	display:inline-flex;
	
}


.nav ul li a:link, .nav ul li a:visited{
	font-family: "HelveticaNeue","Helvetica Neue",Arial,sans-serif;
    font-weight: 900;
    font-size: 0.875em;
    color: black;
    text-decoration: none;
	text-transform: uppercase;
	margin-left: 2.5em;
    margin-right: 2.5em;
	margin-top: 3em;
}

.nav ul li a:hover{
	text-decoration: underline;
}

.animatie {
     margin-top:4em;
     width: 747px;
     height: 420px; 
     border:2px solid;
    margin-left: auto;
    margin-right: auto;
     
     

}

/* buttons*/

.wrapper{
   margin-top: 7em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40em;
}

.button{
	height: 100%;
	color: #818181;
	background-color: black;
	border-radius: 7px;
	float: left;
	box-shadow: 0 0 1px 1px rgb(10,10,10);
	cursor: pointer;
	position: relative;
	font: normal 20px arial;
	text-transform: uppercase;
	padding-left: 4%;
	padding-top: 0px;
	vertical-align: bottom;
	transition: color .3s ease;
}


.button a{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "HelveticaNeue","Helvetica Neue",Arial,sans-serif;
	padding: 20px;
	display: block;
}

.button:hover{
    color: #9E9E9E;
}

.button:active{
    box-shadow: 0 0 1px 1px rgb(10,10,10),
                    inset 0 2px 2px 0px black;
}

.button:before{
    position: absolute;
    content: '';
    right: 15px;
    top: 10px;

    width: 12px;
    height: 12px;
    background: #646464;
    background-image: radial-gradient(top, #616161 0%, #616161 20%, #535353 60%);
    border-radius: 50%;
    box-shadow: 0 0 4px #1C1C17;
    transition: all .3s ease;
}

.button:hover:before{
    background: #FF4F4F;
    box-shadow: 0 0 4px #1C1C17,
                        0 0 5px #FF4242;
}

.button:active:before{
    box-shadow: 0 0 4px #1C1C17,
                        inset 0 2px 2px 0px #CC0000;
}

.button:nth-child(1){
    width: 13%;
    margin-right: 13%;
    margin-left: 20%;
}

.button:nth-child(2){
	width: 13%;
	margin-right: 20%;
	margin-left: 10%;
}



.container{
    width: 100%;
}

.container div{
    width: 50%;
    float: left;
}

img{
    width: 400px
	
	;
}


/* Map of Ghana*/


	/* Flag of Ghana*/

.ghana-flag img {

	margin: 1em;
}

/* conatiner for details */
#detail-container{
    margin-left: 0px;
}