body{
	 padding:0;
	 margin: 0;
	 background-color:white;
	}
#navbar ul{
	width: 100%;
	height:10%;
	background-color:black;	
	padding: 10px 0px 2px 0px;
	
	margin-top: 0%;
	margin-bottom: 0%;
	

}


#navbar ul li {
	   display: inline-block;
   	 list-style-type: none;
   	 font-family: arial;
   	 font-size: 80%;
   	 float: right;
     margin-top: 2%;
   	 margin-right:1%;
   	 
   	
	 
}
#navbar ul li a{
	 text-decoration: none;
	 color: red;


}
#navbar ul li a:hover{
	 color: orange;
	 
}


#bodybanners{
	background-image: url(images/background2.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 1%;
}

#bodycontacts{
	background-image: url(images/background4.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
	
}
#box{
	width:58%;
  height:50;
  font-family: arial;
  margin-left: 21%;
  padding: 2%;
 
}
.parabox{
  text-align:center;
  display:inline-block;
  font-family:tahoma;
  font-size:90%;
}


.box a img{
  margin-left:25%;
}


.parabox a img:hover{
  opacity: .6;
}

figure.graphicsbox{
  margin-left:2%;
  height: auto;
	width: 91%;
	padding:2%;
 
}
figure.graphicsbox img{
	width: 15%;
	height:auto;
	border: 3px solid #ffefdf;
}
figure.graphicsbox img:hover{
	background-color:  #ffefdf;
	opacity: .6;
}
figure.graphicsbox figcaption{
	 position: absolute;
	 opacity: 0;
	 top: -6px;
     background-color:white; 
     width: 31%; 
     padding:2%;
     color: #9b581b;
     font-size: 12px;
     font-family: arial;
}
figure.graphicsbox:hover figcaption {
	 opacity:.7;
     top: 48%;
     left: 10.5%;
    

}
.bannerdiv a img:hover{
  opacity: .6;
}
.behancegraphics a:hover{
    opacity: .8;
}
figure.logobox{
	margin-left: 8%;
	margin-top: 8%;
	width: 12%;
	padding:1%;
	background-color: white;
}
.imagine{
	 font-size:170%;
	 color:#f90000;
	 font-family:arial;
	 text-align:center;
	 padding: 3%;
	 width:30%;
	 height:50%;
	 margin-left:2%;
	 
     animation-name:imagineanimate;
     animation-duration:25s;
     animation-iteration-count:infinite;
     -webkittransition: width 2s ease-in-out 0.2s;
}
 @keyframes imagineanimate{
        0%{color:darkgreen;}
        15%{color:darkblue;}
        25%{color:green;}
        35%{color:indigo;}
        45%{color:magenta;}
        55%{color:orange;}
        65%{color:black;}
        80%{color:purple;}
        100%{color:cyan;}
   }
   .logodiv{
   	   width: 80%;
       height: 50%;
   	   margin-left: 5%;
       background-color: blue;
   }
   .logodiv img{
        margin-left: 20%;
   }
   #imageubos img:hover{
    opacity: .7;
   }
   #boxbanner{
   	   width:15.5%;
   	   padding: 1%;
   	   text-align: center;
       font-family: tahoma;
   	   background-color: white;
   	   margin-top:20%;
   	   margin-left:43.5%;
   	  
   }
   a{
   	     text-decoration: none;
   	    color: black;
   }
   #boxbanner:hover{
       background-color: yellow;
   }
 
   
    
    .dak_article{
      background-color: black;         
      width:100%;
      height: auto;
      }
    .dak_article img{
       position: absolute;
       width: 100%;
       max-height:auto;
     }
     .logoSlideshow{           
      width:30%;
      margin-left:0%;
      margin-top: 2%;
      padding:6%;
      border: 1px solid #1f1f1f;
      display: inline-block;
    
      }
    .logoSlideshow img{
      margin-top:-3%;
      margin-left: -2%;
      position: absolute;       
      width: 30%;  
      display: inline-block;        
     }
     .paralogo img{
       width: 30%;
       height: 30%;
     }
     
     #contacttab{
      width:20%;
      height:280%;
      background-color: black;
      padding-bottom: 1%;
     }
     .contactnav{
      list-style-type: none;
     }
    
    .contactnav a{
       color:red;
       font-family: tahoma;
     }
     .contactnav a:hover{
       color:orange;
       opacity: .7;
      }
      span a{
        color: red;
      }
      span a:hover{
       color: orange;
      }
    #numbercontacthide{
      visibility: hidden;
    }
    #contactslogan{
      width: 150%;
      height: 50%;
      background-color: yellow;
      margin-left: 50%;
      margin-top: 20%;
    }