/* =========================================================================================================================== */
/* Based on: The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com  */
/* but using an eleven column layout
/* =========================================================================================================================== */

.section {
    padding-left: 20px;
    padding-right: 20px;
}

.container {
    width: 100%;
    max-width: 1140px;
    min-width: 735px;
    margin: 0 auto;
    overflow: hidden;
}

.contents{
}

.row {
    overflow: hidden;
}

.clearfix{
    clear:left;
}

.col.w1,
.col.w2,
.col.w3,
.col.w4,
.col.w5,
.col.w6,
.col.w7,
.col.w8,
.col.w9,
.col.w10,
.col.w11,
.col.w12 {
    float: left;
    min-height: 1px;
/*background-color: rgba(0, 0, 50, .1);*/
}


.col.w1  { width:  8.33%; }
.col.w2  { width: 16.67%; }
.col.w3  { width: 25.00%; }
.col.w4  { width: 33.33%; }
.col.w5  { width: 41.67%; }
.col.w6  { width: 50.00%; }
.col.w7  { width: 58.33%; }
.col.w8  { width: 66.67%; }
.col.w9  { width: 75.00%; }
.col.w10 { width: 83.33%; }
.col.w11 { width: 91.67%; }
.col.w12 { width: 100.0%; }

.cell{
    position: relative;
    padding: 5px 10px 0 10px;
}

.col.w1  .cell.padh  { margin-left: 18.00%; margin-right: 18.00%; }
.col.w2  .cell.padh  { margin-left:  9.00%; margin-right:  9.00%; }
.col.w3  .cell.padh  { margin-left:  6.00%; margin-right:  6.00%; }
.col.w4  .cell.padh  { margin-left:  4.50%; margin-right:  4.50%; }
.col.w5  .cell.padh  { margin-left:  3.60%; margin-right:  3.60%; }
.col.w6  .cell.padh  { margin-left:  3.00%; margin-right:  3.00%; }
.col.w7  .cell.padh  { margin-left:  2.57%; margin-right:  2.57%; }
.col.w8  .cell.padh  { margin-left:  2.25%; margin-right:  2.25%; }
.col.w9  .cell.padh  { margin-left:  2.00%; margin-right:  2.00%; }
.col.w10 .cell.padh  { margin-left:  1.80%; margin-right:  1.80%; }
.col.w11 .cell.padh  { margin-left:  1.64%; margin-right:  1.64%; }
.col.w12 .cell.padh  { margin-left:  1.50%; margin-right:  1.50%; }

.cell.spcv{
    margin-top: 15px;
    margin-bottom: 15px;
}

.padv{
    display:block;
    padding-top: 10px;
    padding-bottom: 5px;
}

img, object, embed {
max-width: 100%;
}

img {
height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	body, .container, .contents, .row{
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
	}
	
	.body{
	width: 100%;
	}	
	
	.section {
    width: auto;
    padding-left: 10px;
    padding-right:10px;
	}
	
	.contents, .row{
	    width: auto;
	}
	
	.col.w1,
	.col.w2,
	.col.w3,
	.col.w4,
	.col.w5,
	.col.w6,
	.col.w7,
	.col.w8,
	.col.w9,
	.col.w10,
	.col.w11,
	.col.w12 {
	width: auto;
	float: none;
    min-height: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	}
	
	.col.w1 .cell.padh,
	.col.w2 .cell.padh,
	.col.w3 .cell.padh,
	.col.w4 .cell.padh,
	.col.w5 .cell.padh,
	.col.w6 .cell.padh,
	.col.w7 .cell.padh,
	.col.w8 .cell.padh,
	.col.w9 .cell.padh,
	.col.w10 .cell.padh,
	.col.w11 .cell.padh,
	.col.w12 .cell.padh {
	margin-left:0;
	margin-right:0;
	}
	

}