[class*="grid_"] {
	position:relative;
	float: left;
	min-height: 1px;
	margin-left: 0px;
}

.container {
  width: 1200px;
  margin:0 auto;
  float:none;
}

.grid_12 {
  width: 1200px;
}
.grid_11 {
  width: 1200px;
}

.grid_10 {
  width: 1200px;
}

.grid_9 {
  width: 890px;
}
.grid_8 {
  width: 600px;
}
.grid_7 {
  width: 590px;
}
.grid_6 {
  width: 550px;
}

.grid_5 {
  width: 50%;
}

.grid_4 {
  width: 300px;
}

.grid_3 {
  width: 255px;
}
.grid_2 {
  float:right;
  width: 273px;
}
.grid_1 {
  width: 70px;
}

.grid_footer{ 
	width: 907px;
	margin-left:0;
}


@media (min-width: 980px) and (max-width: 1199px) {
 
  .container {
    width: 940px;
  }
  .grid_12 {
    width: 940px;
  }
  .grid_11 {
    width: 950px;
  }

  .grid_10 {
    width: 940px;
	
  }
  .grid_9 {
    width: 735px;
  }
  .grid_8 {
    width: 335px;
  }
  .grid_7 {
    width: 470px;
  }
  .grid_6 {
    width: 335px;
  }
  
  .grid_5 {
    width:336px;
  }
  .grid_4 {
    width: 335px;
  }

  .grid_3 {
    width: 205px;
  }
  .grid_2 {
    width: 200px;
  }
  .grid_1 {
    width: 60px;
  }
  
}
@media (min-width: 768px) and (max-width: 979px) {

  .container {
    width: 748px;
	
  }
  .grid_12 {
    width: 748px;
  }
  .grid_11 {
    width: 760px;
  }
  .grid_10 {
    width: 100%;
	margin:0;
  }
  .grid_9 {
    width: 100%;
  }
  .grid_8 {
    width: 413px;
  }
  .grid_7 {
    width: 374px;
  }
  .grid_6 {
    width: 412px;
  }
  .grid_5 {
    width: 413px;
  }
  .grid_4 {
    width: 413px;
  }
  .grid_3 {
    width: 100%;
	
  }
  
  .grid_2 {
    width: 100%;
  }
  .grid_1 {
    width: 44px;
  }
  	
	.grid_footer{ 
		width: 423px;
		margin-left:0;
		margin-top:0;
	}
  

}


@media (max-width: 767px) {

  body {
    padding: 0;
  }
  
  .container {
    width: 100%;
	padding:0;
	padding-top:70px;
	margin:0;
	border:0;
  }
  
  .grid_12 {
    width: 100%;
  }
  
  .grid_11 {
    width: 100%;
  }

  .grid_10 {
    width: 100%;
  }
  .grid_9 {
    width: 100%;
	margin-right:0%;
  }
  .grid_8 {
    width: 100%;
	margin-right:0%; 
  }
    
  .grid_7 {
    width: 100%;
	margin-right:0%;
  }
  
  .grid_6 {
    width: 49%;
	margin-right:1%;
  }
  
  .grid_5 {
    width: 50%;
	text-align:center;
  }
  .grid_4 {
    width: 49%;
	margin-right:1%;  
 }
  .grid_3 {
    width: 100%;
	margin-right:0%;
  }
  
  .grid_2 {
    width: 100%;
  }
    
}

@media (max-width: 479px) {
	
  body {
    padding: 0;
  }
  
  .container {
    width: 100%;
	padding:0;
	padding-top:50px;
  }
  
  .row {
    margin-left: 0;
  }
  
  	[class*="grid_"] {
	  float: left;
	  width: 100%;
	  margin-left: 0px;
	}

	  
	.grid_5 {
		width: 100%;
		text-align:center;
	 }

  
}