/* css document*/


.top-header {
    
   width: 100%;
   display: inline-block; 
	background-color: #333;
	list-style: none;
	text-decoration: none;
	padding: 6px;
	 

} 
#indent {
	width: 100%;
	display: inline-block;
	position: fixed;
 	z-index:1;
}

.top-header ul {
  width: 60%;

}

.top-header ul li{
    padding: .5em 2em 0 0; 
    font-size: 12px;
	float: left;
	font-family: 'Source Sans Pro', sans-serif;
     color: #fff;
	margin-right: 95px;
     list-style: none;

}

.make {
	display: inline-block;
    float: right;
	margin:0;
}
 
.make li {
	float: left;
	margin-top: -14px;
	padding: 0 4px 0 0;

} 
 .make a img {
    
    width: 16px;
 	border-radius: 40px;
 } 
 #main-header {
   
 	background: #fff;
 	width: 100%;
 	margin-top: -8px;
 	border-bottom:2px solid #09f; 	
 }

 #main-header a {
 	color:#666;

 }

#main-header img {
 	width: 220px;
 	margin-left: -18px;
 	margin-bottom: -21px;
 	
 }
 #control a:hover {

 	background: #333;
 	color: #fff;

 }


 #main-header #top {

 
  font-weight: 600;
  font-size: 18px;
 
  display: block;
  

 }


 #space {

 	margin-top: -30px;

 }

 #float {

 	float: left;
 	margin: 45px 10% ;
border-top: 3px solid #06f;
border-bottom: 3px solid #06f;
 	border-right: none;
 	border-left:none;
 	border-radius: 6px;

 

 	
 }
 	



 #shape {
 
 display: inline-block;
     width: 100%;
  border-top: 4px solid #06f;
    background: #333;
    margin-top: 140px; 
 }
.card {

	width: 95%;
	margin: 0 2.5%;
}
  #shape .card-body {
   
 	background: #fff;
 	 border: 2px solid #fff;
 	 color: #333;
 	width: 95%;
 	margin: 0 2.5%;
 
 	display: inline-block;
 }
 #scape {
   float: left;
    
     width: 100%;
    

 	background: #;
 	color:#fff;
 }

 #scape .card-body {
    
 	background-color: #333;
 }
 #shape .btn {
 	background-color:#333;
 	border: 1px solid #666; 
 } 

 #scape .btn {

 	background-color: #333;
 	color:#fff;
 	border: 1px solid #fff;
 }





 section h2 {
  text-align: center;
  color: #fff;
  padding-top: 25px;
 
  font-weight: 500; 
  font-size: 25px;

}

article {
	display: inline-block;
	width: 93%; 
	background-position: 710px;
	background-size: 45%;
	background-repeat: no-repeat;
	background-image: url(IMG/111.jpeg);
	margin: 1% 3.5%;
}

.main-article{
 display: inline-block;
 width: 100%;
 
 background:rgba( 45,110,46,.9);
}  
 


hgroup {
	display: inline-block;
	color: #fff;
	margin: 3em 4em;
	
	
}article h1{
	color: #fff;
	
}
article a {
	color: #fff;
}
article p {
	
}

#main-nav{
	width:100%;
	transition:ease-in-out;
}
#main-nav a {
	text-decoration: none;

}
#main-nav img{

	width: 45%;
	margin: 2% 25%;

}

#main-nav li{
	float: left;
	list-style:none;
	width:45%;
	margin: 2.5%;
	background:none;
	
	
}
#main-nav li:hover {
	transform: );
	
}
/*;;;;;;;;;; styled words of home,about and contact etc. ;;;;;;;;;;;;;;; */

#main-nav li  iarticle {
	Padding: 0.7em 0 0 0;
	background:;
	text-align:center;
}
#main-nav .h2 {
 width: 60%;
 margin: auto;
 font-weight: 600;
 font-size: 36px;
 color: #666;
 text-decoration: underline;
 padding: 2% 0;


}
#main-nav li  iarticle h2 { 
     color: #333; 
	 font: 24px bolder;
	 font-family: "Courier New", Courier, monospace;
	 Padding: 0.8em 0 0 0;
	 font-weight:900;
	}
#main-nav li  iarticle P  {
	 Padding : 0.08em 0 0 0;
	 color:#666;   /*#007FAA;*/
	 font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	 font-size:5px solid;
	 font-weight:100;
	 background:;
	
}
#main-nav li  iarticle a:hover P {
	Padding : 0.09em 0 0 0;
	font-size:18.5px;

	}
#main-nav li  iarticle a:visited P {
	color:#666;
	
	}
#main-nav li  iarticle a:hover P.null {
	padding:0;
	text-decoration: none;
	font-size: 18.5px;
	
	}

.main-footer {
    width: 98%;
    margin: 4% 1%; /*95*/
    display: inline-block;
    text-decoration: none;
    list-style-type;
    border-top: 1px solid #ccc;
    
}

#drop-footer .vm {
display: inline-block;
	width: 50%;
	float: left;
	margin: 4% 0;
	

}
#drop-footer .vm li {
padding-top: 5%;
	

}

#drop-footer .blue {

	width: 50%;
	float: left;
	margin: 2% 0;
	
	
	

}

#drop-footer .blue img {

	width: 10%;
	float: left;
	margin: 7% 1%;
	border-radius: 30px;
	
	
	

}

#drop-footer li {
	list-style-type: none;
	font-size: 12px;
}
#drop-footer h4 {
	
	font-size: 14px;
}
 #drop-footer p  {
	
	font-size: 12px;
}

#drop-footer li {
	list-style-type: none;
}