#container, #header, 
{ margin-left: auto; 
  margin-right: auto;
  }
  
  body{
	  font-family:arial;
	  background-color:#fffff0;
  }

#container
{ padding: 10px 0px;
  background: transparent url(../images/background.jpg) no-repeat;
  
  width:100%;
  height:px;
  border:4px solid yellow;
  
  }
  
  #headertop {
		
		height:35px;
		padding:1px;
		width:100%;
		background:#006400;

	}
  
  #header {
		
		height:125px;
		padding:1px;
		width:99%;

	}
	
	#headerleft {
		
		height:120px;
		padding:1px;
		position:absolute;
		width:34%;
		float:left;
		margin-left:1px;
		


	}
	
	#headerright {
		
		height:121px;
		
		position:relative;
		width:65%;
		float:right;
		margin-right:px;
			


	}
	
	#headerrightup {
		
		height:50px;
		width:100%;
		margin:auto;
		border-radius: 15px;

	}
	
	
	
	#navigation{
		
		height:35px;
		width:100%;
		margin-top:5px;
		background: #8B008B;

		
	}
	
	#slider{
		
		height:285px;
		width:100%;
		margin-top:5px;

	}
	
	#sliderleft{
		
		height:285px;
		width:50%;
		margin-top:5px;
		position:absolute;
		float:left;
		margin-left:7px;
		

	}

#slidermiddle{
		
		height:285px;
		width:25%;
		margin-top:5px;
		position:absolute;
		float:left;
margin-left:550px;
		

	}
	
	#sliderright{
		
		height:285px;
		width:20%;
		margin-top:5px;
		float:right;
		margin-right:20px;

	}

	
	#mainbox{
		
		height:80px;
		width:100%;
		margin-top:5px;
		
		

	}
	
	
		#mainboxall{
		
		height:470px;
		width:100%;
		margin-top:5px;
		}
		
		
	
	#mainbox2{
		
		height:80px;
		width:100%;
		margin-top:40px;
		
	

	}
	
	
	#mainbox2a{
		
		height:30px;
		width:100%;
		margin-top:10px;
		
	}
	
	
	
		
		#footertop {
		
		height:300px;
		margin-top:5px;
		width:100%;
		background:black;
				
		}
		
		/* Footer */

#footer {
  width: 100%;
  height: 50px;
   margin-top: 5px;
   font-size: 11px;
  
  background:green;
}

#footer p {
  margin: 0;
  padding: 13px 20px 15px 20px;
  color:white;
}

#footer a {
  color: #FFFFFF;
}

#legal {
  float: left;
}

#links {
  float: right;
}


.mainbox-by-side {
  float:left;
  width:200px;
  
  color:red;
  height:70px;
  margin-left:12px;
  border:1px solid blue;
}

div.box-by-side {
  float:left;
  width:200px;
  display: block;
  color:red;
  height:70px;
  margin-left:12px;
  border:1px solid red;
    border-radius: 26px;
  cursor: pointer;
    line-height:15px;
  text-align: center;
  transition-property: background, border-radius;
  transition-duration: 1s;
  transition-timing-function: linear;
  font-family:arial;
  
  
}


   
   a  div.box-by-side {
       display: block;
  background-color: orange;
  color: #FFF;
}
   
   
   
 a:hover div.box-by-side {
  display: block;
  background-color: yellow;
  color: #000;
  background: blue;
  border-radius: 50%;
}

	
 
 #mainbox3{
		
		height:50px;
		width:99%;
		margin-left:5px;
		margin-top:2px;
		border:2px solid yellow;

	}
	
	
	.box1-by-side {
  float:left;
  width:220px;
  
  color:red;
  height:122px;
  margin-left:4px;
  

 }