body{margin:0;
   
}

a{
	text-decoration:none;
}
#img1{
	float:left;
 	padding:5px; 
 
}
#second{ 
  background-color:#007399;
    width:100%;
    height:55%;
	color:white;
    	border:5px solid :#007399 ;
    	padding:20px 5px 5px 15px;
         margin:0px 5px 0px 0px;
       border:1px dashed red;

      }
#img2{
width:100%;
height:500px;
position:relative;
animation:myfirst 5s infinite;
animation-duration:10s
}
@keyframes myfirst{
0%{background-image:url(dctr1.jpg); left:0px;top:0px;}
50%{background-image:url(dctr2.jpg); left:0px;top:0px;}
100%{background-image:url(dctr3.jpg);left:0px;top:0px; }
}
#second img2.hover{
background-color:purple;
	      color:red;
         opacity:0.3;
	filter:alpha(opacity=30);
}
#h1 {
    position:absolute;
    top:200px;
    width: auto 0px;
    margin-left: 470px;
    height: 25px;
    font-size:20px;
    color:#ffffff;

text-align:center;
padding-top:5px;
width:100px;
height:100px;
background:rrgba(100 200 0 .5);
position:relative;
-webkit-animation:banner 5s infinite;
}
@keyframes banner{
0% {top:0px;background:purple;width:400px;}
50% {top:200px;background-color:rgba(100,1000,100,0.5);width:600px;}
100% {top:0px;background-color:rgba(255,0,0,0.5);width:300px;}
}

#menu{
    background-color:lightblue;
    width:100%;
    height:10%;
    border: 5px solid  lightblue;
    font-size:40px;
    
   }
#menu ul li a{
         background-color:#007399;
         float:left;
         color:white;
	 border-radius:25px;
	padding:0px 6px 5px 0px;
}
#menu a:hover{
	      background-color:purple;
	      color:red;
}
	
	 
#box1{
    background-color: 	 #007399;
    border: 15px solid 	 #007399;
    width:20%;
    height:70%;
color:white;
    padding:5px;
    margin:10px;
    display:inline-block;
}
#box2{
    background-color:lightblue;
    width:20%;
    height:70%;
color:#007399;
    border: 15px solid  lightblue;
    padding: 5px;
    margin: 10px;
    display:inline-block;
}
#box3{
 background-color:#007399;
    width:20%;
    height:70%;
color:white;
    border:15px solid #007399;
    padding: 5px;
    margin: 10px;
    display:inline-block;
}
#box4{
    background-color:lightblue;
    width: 20%;
    height:70%;
	color:#007399;
    border: 15px solid   lightblue;
    padding: 5px;
    margin: 10px;
    display:inline-block;
}
.li{
	display:inline-block;
	text-decoration:none;
}

#b-con{
	background-color:#00334d;
	//border:1px dashed red;
	height:30%;
        width:100%;
	margin:0;
}
#last{
	 
        width:100%;
	height:40%;
	color:white;
  	background-color:lightblue;
	//border:1px dashed red;
	margin:0px 0px 0px 0px;
}

#photo{
	
	display:inline-block;
	padding:0px 0px 0px 50px;
	margin:0px 0px 0px 0px;
}
#photo img{
padding:0px 0px 0px 30px;
float:left;
}
#b1,#b2,#b3{
	 
	background-colr:#007399;
	width:250px;
	height:300px;
	padding:2px 2px 2px 2px;
	margin:0px 5px 0px 150px;
	display:inline-block;

	      
}

#footer{
	background-color:#007399;
	//border:2px dashed red;
        width:100%;
	height:35%;
	font-color:purple;
	//display:inline-block;
float:left;

}
#img{
	    width:20%;
	    height:90%;
	    float:left;
	    padding:2px 30px 5px 10px;
            margin:0px 5px 5px 10px;

}
#form{
	
	padding:10px 10px 50px 100px;
        margin:2px 29px 12px 44px;;
	display:inline-block;
	color:white;
        float:left;
	 width:40%;
font-size:20px;
	
}
#address{
	font-size:30px;
	margin:1px 0px 0px 0px;
        padding:2px 1px 10px 0px; 
	color:#ffffff;
        text-align:center;
       // float:left;
	display:inline-block;
       
 width:20%;
	
}