* { -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(../js/boxsizing.htc); }

#container { padding-left: 0px; padding-right: 0px; width: 100%; margin: 0px auto;  }
#container:after, .row:after, .row100:after, .row75:after, .col:after, .clr:after, .group:after { content: ""; display: table; clear: both; }

.row { max-width:1200px; margin: 0 auto; }
.row100 { width:100%; margin: 0 auto; }
.row75 { max-width:50%; margin: 0 auto; }

/* DEFAULT COLUMN STYLES */
.col { 	display: block;	float: left; width: 100%; }		
	
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .thirteencol, .fourteencol, .fifteencol, .sixteencol, 
.seventeencol, .eighteencol, .nineteencol, .twentycol, .twentyonecol, .twentytwocol, .twentythreecol, .twentyfourcol, .third, .fourth, .fifth, .spacer { margin-right: 0; float: left; min-height: 1px; }

@media ( min-width : 768px ) {
.gutters .col { margin-left: 2%; }
.gutters .col:first-child { margin-left: 0; }

.onecol { width: 4.16666666667%; }
.twocol { width: 8.33333333333%; }
.threecol { width:12.5%; }
.fourcol { width: 16.6666666667%; }
.fivecol { width: 20.8333333333%; }
.fifth 	{ width: 20%; }
.sixcol { width: 25%; }
.sevencol { width: 29.1666666667%; }
.eightcol { width: 33.3333333333%; }
.ninecol { width: 37.5%; }
.tencol { width: 41.6666666667%; }
.elevencol { width: 45.8333333333%; }
.twelvecol { width: 50%; }
.thirteencol { width: 54.1666666667%; }
.fourteencol { width: 58.3333333333%; }
.fifteencol { width: 62.5%; }
.sixteencol { width: 66.6666666667%; }
.seventeencol { width: 70.8333333333%; }
.eighteencol { width: 75%; }
.nineteencol { width: 79.1666666667%; }
.twentycol { width: 83.3333333333%; }
.twentyonecol { width: 87.5%; }
.twentytwocol { width: 91.6666666667%; }
.twentythreecol { width: 95.8333333333%; }
.twentyfourcol { width: 100%; }

.row .third { width: 33%;}
.row .fourth { width: 24.62%; }

.row .spacer { width: 0.5%;}

.clearfix { clear: both; }

.gutters .onecol { width: 2.25%; }
.gutters .twocol { width: 6.5%; }
.gutters .threecol { width: 10.75%; }
.gutters .fourcol { width: 15.0%; }
.gutters .fivecol { width: 19.25%; }
.gutters .fifth { width: 18.4%; }
.gutters .sixcol { width: 23.5%; }
.gutters .sevencol { width: 27.75%; }
.gutters .eightcol { width: 32.0%; }
.gutters .ninecol { width: 36.25%; }
.gutters .tencol { width: 40.5%; }
.gutters .elevencol { width: 44.75%; }
.gutters .twelvecol { width: 49.0%; }
.gutters .thirteencol { width: 53.25%; }
.gutters .fourteencol { width: 57.5%; }
.gutters .fifteencol { width: 61.75%; }
.gutters .sixteencol { width: 66.0%; }
.gutters .seventeencol { width: 70.25%; }
.gutters .eighteencol { width: 74.5%; }
.gutters .nineteencol { width: 78.75%; }
.gutters .twentycol { width: 83.0%; }
.gutters .twentyonecol { width: 87.25%; }
.gutters .twentytwocol { width: 91.5%; }
.gutters .twentythreecol { width: 95.75%; }
.gutters .twentyfourcol { width: 100%; }
}

/* Positioning */
.last { margin-right: 0px; }
.centre { text-align: center; }
.justify { text-align: justify; }
.bold { font-weight: bold; }
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.centreU { text-align: center; text-transform: uppercase; }
.right { text-align: right; }
.left { text-align: left; }
.floatL { float: left; }
.floatR { float: right; }
.floatRI { float: right; display: inline; }
.inline { display: inline-block; }
.textSize { font-size: 12px; }
.maxFooter { max-width:66%; margin: 0px auto;}

/* Spacings */
.contentpadding0-0 { margin-top: 0px; margin-bottom: 0px; }
.contentpadding1-0 { margin-top: 1px; margin-bottom: 0px; }
.contentpadding1-3 { margin-top: 1px; margin-bottom: 3px; }
.contentpadding2-0 { margin-top: 2px; margin-bottom: 0px; }
.contentpadding2-2 { margin-top: 2px; margin-bottom: 2px; }
.contentpadding3-0 { margin-top: 3px; margin-bottom: 0px; }
.contentpadding0-3 { margin-top: 0px; margin-bottom: 3px; }
.contentpadding3-3 { margin-top: 3px; margin-bottom: 3px; }
.contentpadding4-0 { margin-top: 4px; margin-bottom: 0px; }
.contentpadding5-0 { margin-top: 5px; margin-bottom: 0px; }
.contentpadding0-5 { margin-top: 0px; margin-bottom: 5px; }
.contentpadding5-5 { margin-top: 5px; margin-bottom: 5px; }
.contentpadding5-10 { margin-top: 5px; margin-bottom: 10px; }
.contentpadding7-0 { margin-top: 7px; margin-bottom: 0px; }
.contentpadding0-7 { margin-top: 0px; margin-bottom: 7px; }
.contentpadding8-0 { margin-top: 8px; margin-bottom: 0px; }
.contentpadding10-0 { margin-top: 10px; margin-bottom: 0px; }
.contentpadding0-10 { margin-top: 0px; margin-bottom: 10px; }
.contentpadding10-5 { margin-top: 10px; margin-bottom: 5px; }
.contentpadding10-10 { margin-top: 10px; margin-bottom: 10px; }
.contentpadding10-20 { margin-top: 10px; margin-bottom: 20px; }
.contentpadding11-0 { margin-top: 11px; margin-bottom: 0px; }
.contentpadding12-0 { margin-top: 12px; margin-bottom: 0px; }
.contentpadding13-0 { margin-top: 13px; margin-bottom: 0px; }
.contentpadding14-0 { margin-top: 14px; margin-bottom: 0px; }
.contentpadding15-0 { margin-top: 15px; margin-bottom: 0px; }
.contentpadding15-20 { margin-top: 15px; margin-bottom: 20px; }
.contentpadding17-0 { margin-top: 17px; margin-bottom: 0px; }
.contentpadding20-0 { margin-top: 20px; margin-bottom: 0px; }
.contentpadding0-20 { margin-top: 0px; margin-bottom: 20px; }
.contentpadding20-10 { margin-top: 20px; margin-bottom: 10px; }
.contentpadding20-20 { margin-top: 20px; margin-bottom: 20px; }
.contentpadding25-0 { margin-top: 25px; margin-bottom: 0px; }
.contentpadding30-0 { margin-top: 30px; margin-bottom: 0px; }
.contentpadding30-10 { margin-top: 30px; margin-bottom: 10px; }
.contentpadding30-20 { margin-top: 30px; margin-bottom: 20px; }
.contentpadding30-30 { margin-top: 30px; margin-bottom: 30px; }
.contentpadding40-0 { margin-top: 40px; margin-bottom: 0px; }
.contentpadding50-0 { margin-top: 50px; margin-bottom: 0px; }
.contentpadding60-0 { margin-top: 60px; margin-bottom: 0px; }
.contentpadding80-0 { margin-top: 80px; margin-bottom: 0px; } 
.contentpaddingMenu { padding-left: 40px; padding_right: 40px; }
.contentpaddingText { padding: 20px; } 
.contentpaddingPortfolio { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } 


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.row { text-align:center;  max-width: 95%; 	min-width: 0;  padding-left: 0px; 	padding-right: 0px;  }
.row100 { text-align:center;  width: 100%; 	min-width: 0;  padding-left: 0px; 	padding-right: 0px;  }
.contentpaddingMenu { padding-left: 10px; padding_right: 10px; }
}

/* Tablets, iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.row  {  max-width: 95%; }
.row75 { max-width: 75%; }
.row100 {  width: 100%; min-width: 0;  padding-left: 0px; 	padding-right: 0px;  }
}

/* Tablets, iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation: portrait)  {
.textSize { font-size: 10px; }
}
