/**
 * boxes and rows
 */
.box{
	width:100%;
}

.box .box-inner{
	margin:10px 10px;
	overflow:hidden;
	padding:5px;
}

.box.box-first .box-inner{
    padding-left:0px;
}

.box.box-last .box-inner{
    padding-right:0px;
}

.box.box-only .box-inner{
    padding-left:0px;
    padding-right:0px;
}

.single .box-inner{
    padding:10px 20px !important;	
}

.count-3 > .box{
    float:left;
    width:33.3%;
}

.count-2 > .box{
	width:50%;
	float:left;
}

.box .box-inner{
	margin:0px;
}

@media all and (max-width: 500px){
    .box{
    	width:100% !important;	
    	clear:both !important;
    }
    
    .box-inner{
        padding:10px 20px !important;	
    }
}

.single .box{
	width:100% !important;	
	clear:both !important;
}

.single .box-inner{
	padding:10px 10px !important;	
}

.row{
	display: block;
	max-width: 892px;
	margin: 0px auto;
	
}

.scaled .row{
	padding:0px 20p 0px 10px;
}

.row:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

 
html[xmlns] .row {
	display: block;
}
 
* html .row {
	height: 1%;
}