/*******************************
		RESET STYLES
*******************************/
html {
	font-size:62.5%;
}
body {
	background: #fff;
	color:#333;
	font-size:14px;
}
body, h1, h2, h3, h4, h5, h6, ul { padding:0; margin:0;}

ul {list-style:none;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*******************************
		GRID STYLES
*******************************/

#wrap {
	max-width:100%;
	margin:auto;
}
.container {margin:auto; max-width:1000px;}
.container-sm {margin:auto; max-width:660px;}
.container-full {width:100%;}

.container img {width:100%; height:auto;}

.pad-t-5 {padding-top:5px;}
.pad-r-5 {padding-right:5px;}
.pad-b-5 {padding-bottom:5px;}
.pad-l-5 {padding-left:5px;}

.pad-t-10 {padding-top:10px;}
.pad-r-10 {padding-right:10px;}
.pad-b-10 {padding-bottom:10px;}
.pad-l-10 {padding-left:10px;}

.grid-2,.grid-4,.grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-31, .grid-32, .grid-33, .grid-34, .grid-35, .grid-40, .grid-45,.grid-49,.grid-48, .grid-50, .grid-53, .grid-55, .grid-60, .grid-65, .grid-66, .grid-67, .grid-68, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100  {	display: inline-block;	float: left;  }
.grid-2 {	width: 2%;}
.grid-4 {	width: 4%;}
.grid-5 {	width: 5%;}
.grid-10 {	width: 10%;}
.grid-15 {	width: 15%;}
.grid-20 {	width: 20%;}
.grid-25 {	width: 25%;}
.grid-30 {	width: 30%;}
.grid-31 {	width: 31%;}
.grid-32 {	width: 32%;}
.grid-33 {	width: 33.3%;}
.grid-34 {	width: 34%;}
.grid-35 {	width: 35%;}
.grid-40 {	width: 40%;}
.grid-45 {	width: 45%;}
.grid-48 {	width: 48%;}
.grid-49 {	width: 49%;}
.grid-50 {	width: 50%;}
.grid-53 {	width: 53%;}
.grid-55 {	width: 55%;}
.grid-60 {	width: 60%;}
.grid-65 {	width: 65%;}
.grid-66 {	width: 66.6%;}
.grid-68 {	width: 68%;}
.grid-70 {	width: 70%;}
.grid-67 {	width: 67%;}
.grid-75 {	width: 75%;}
.grid-80 {	width: 80%;}
.grid-85 {	width: 85%;}
.grid-90 {	width: 90%;}
.grid-95 {	width: 95%;}
.grid-100 {	width: 100%;}


.push-20 {	margin-left:20%;}

.col-10 {padding:10px;}
.col-10 p:first-child {padding-top:0; margin-top:0;}

hr {
	border:none;
	border-bottom:solid 1px #E6E6E6;
	margin:25px 0;
}


@media screen and (max-width: 650px) {
	
.grid-10, .grid-20, .grid-25, .grid-30, .grid-32, .grid-33, .grid-35, .grid-40, .grid-45, .grid-48, .grid-50, .grid-60, .grid-66, .grid-68, .grid-70, .grid-75, .grid-80, .grid-90, .grid-100  {	display: block;	float: left; width:100% }

.grid-33, .grid-66 {	margin-bottom:10px;}

.pad-t-10, .pad-r-10, .pad-b-10, .pad-l-10 {padding:0;}
	
}