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

.container
{ padding: 10px 0px;
  background: transparent url(../images/background.jpg) no-repeat;
  
  width:100%;
  height:px;
  
  }
  
  .header {
		
		height:195px;
		padding:1px;
		width:99%;
		
		
	

	}
	
	.headerleft {
		
		height:195px;
		padding:1px;
		position:absolute;
		width:46%;
		float:left;
		margin-left:10px;
		margin-top:-10px;
		

	}
	
	
	
	
	.headerleft1 {
		
		height:65px;
		
		margin-top:1px;
		
		width:100%;
		float:left;
	border:2px solid green;	
		

	}
	
	
	
	
	
	
	
	
	.headerright {
		
		height:195px;
		
		position:relative;
		width:50%;
		float:right;
		margin-right:4px;
			
	
	}
	
	.headerrightup {
		
		height:30px;
		width:100%;
		margin:auto;
		border-radius: 15px;
	
		
	

	}
	
	.headerrightup1 {
		
		height:195px;
		width:100%;
			
		border-radius: 10px;
		margin-top:1px;
		
	
		
	}
	
	
	
	.headerrightup1A {
		
		height:30px;
		width:50%;
			border:2px solid black;
		border-radius: 10px;
		margin-top:25px;
		background:red;
		
	}
	
	#headerrightdown {
		
	
	}
	
	.navigation{
		
		height:35px;
		width:100%;
		margin-top:5px;
		background: #dc143c;

		
	}
	
	.slider{
		
		height:300px;
		width:100%;
		margin-top:5px;
		border:2px solid yellow;

	}
	
	#slidermiddle {
		
		height:380px;
		padding:1px;
		position:absolute;
		width:24%;
		float:left;
		margin-left:560px;
		
		
	}
	
	.sliderleft{
		
		height:300px;
		width:40%;
		margin-top:5px;
		position:absolute;
		float:left;
		border:4px solid blue;
		

	}

.slidermiddle{
		
		height:300px;
		width:37%;
		margin-top:5px;
		position:absolute;
		float:left;
margin-left:440px;
		
border:2px solid blue;
	}
	
	.sliderright{
		
		height:300px;
		width:21%;
		margin-top:5px;
		float:right;
		margin-right:5px;
		border:4px solid green;

	}

	
	.mainbox{
		
		height:285px;
		width:100%;
		margin-top:5px;

	}
	
	.mainbox2{
		
		height:385px;
		width:100%;
		margin-top:5px;

	}
	
	
		
		.footertop {
		
		height:300px;
		margin-top:5px;
		width:100%;
		background:black;
		margin-top:320px;
				
		}
		
		/* 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:250px;
  
  color:red;
  height:230px;
  margin-left:15px;

 
  
}

.box-by-side {
  float:left;
  width:250px;
  
  color:red;
  height:380px;
  margin-left:15px;

 }

	.boxc-by-side {
  float:left;
  width:520px;
  
  color:red;
  height:300px;
  margin-left:13px;

 }
 
 .mainbox3{
		
		height:px;
		width:100%;
		
		margin-top:5px;

	}
	


@media only screen and (max-width: 320px) {
.container, .header, 
{ margin-left: auto; 
  margin-right: auto;
  }
  
  body{
	  font-family:arial;
	  background-color:#fffff0;
  }
  
  html, body {
  height: 100%;
}

.container
{ padding: 10px 0px;
  background: transparent url(../images/background.jpg) no-repeat;
  
  width:100%;
  height:px;
  
  }
  
  .header {
		
		height:195px;
		padding:1px;
		width:99%;
		
	

	}
	
	.headerleft {
		
		height:195px;
		padding:1px;
		position:absolute;
		width:46%;
		float:left;
		margin-left:10px;
		margin-top:-10px;
		

	}
	
	
	
	
	.headerleft1 {
		
		height:65px;
		
		margin-top:1px;
		
		width:100%;
		float:left;
	border:2px solid green;	
		

	}
	
	
	
	
	
	
	
	
	.headerright {
		
		height:195px;
		
		position:relative;
		width:50%;
		float:right;
		margin-right:4px;
			
	
	}
	
	.headerrightup {
		
		height:30px;
		width:100%;
		margin:auto;
		border-radius: 15px;
	
		
	

	}
	
	.headerrightup1 {
		
		height:195px;
		width:100%;
			
		border-radius: 10px;
		margin-top:1px;
		
	
		
	}
	
	
	
	.headerrightup1A {
		
		height:30px;
		width:50%;
			border:2px solid black;
		border-radius: 10px;
		margin-top:25px;
		background:red;
		
	}
	
	#headerrightdown {
		
	
	}
	
	.navigation{
		
		height:35px;
		width:100%;
		margin-top:5px;
		background: #dc143c;

		
	}
	
	.slider{
		
		height:350px;
		width:100%;
		margin-top:5px;
		border:2px solid yellow;

	}
	
	#slidermiddle {
		
		height:380px;
		padding:1px;
		position:absolute;
		width:24%;
		float:left;
		margin-left:560px;
		
		
	}
	
	.sliderleft{
		
		height:345px;
		width:50%;
		margin-top:5px;
		position:absolute;
		float:left;
		

	}

.slidermiddle{
		
		height:345px;
		width:60%;
		margin-top:5px;
		position:absolute;
		float:left;
margin-left:540px;
		
border:2px solid blue;
	}
	
	.sliderright{
		
		height:345px;
		width:15%;
		margin-top:5px;
		float:right;
		margin-right:5px;
		border:4px solid red;
		clear:both;

	}

	
	.mainbox{
		
		height:285px;
		width:100%;
		margin-top:5px;

	}
	
	.mainbox2{
		
		height:385px;
		width:100%;
		margin-top:5px;

	}
	
	
		
		.footertop {
		
		height:300px;
		margin-top:5px;
		width:100%;
		background:black;
		margin-top:320px;
				
		}
		
		/* 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:250px;
  
  color:red;
  height:230px;
  margin-left:15px;

 
  
}

.box-by-side {
  float:left;
  width:250px;
  
  color:red;
  height:380px;
  margin-left:15px;

 }

	.boxc-by-side {
  float:left;
  width:520px;
  
  color:red;
  height:300px;
  margin-left:13px;

 }
 
 .mainbox3{
		
		height:px;
		width:100%;
		
		margin-top:5px;

	}
	
}