html	{
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	}	
* {	
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
img, a img, img a	{
	border: none!important;
	max-width: 100%;
	}
*:focus {
    outline: none;
	}
.desktop 	{
	display: block;
	visibility: visible;
	}
.mobile	{
	display: none!important;
	visibility: hidden;
	}
	
/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary, .hiddenInfo {
	display: block;
	}
	
.containment	{
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
	}
	
/*  THE GRIDS  */
.grid {
	clear: both;
	padding: 0px;
	margin: 0px auto;
	max-width: 990px;	
	zoom: 1;
	}	
.col {
	display: block;
	float: left;
	margin: 15px 0 15px 3%!important;
	}
.grid .col:first-child { 
	margin-left: 0!important;
	}
.grid:before, .grid:after {
	content:""; 
	display: table;
	}
.grid:after { 
	clear: both;
	}

/*  GRID TWELVE  */
.grid .gridFull.col {
	width: 100%!important;
	}
.grid .gridFull	{
	float: left;
	position: relative;
	margin: 15px 1.5%;
	width: 97%;
	}

.grid .gridTwelfth.col {
  	width: 5.583%!important;
	margin: 15px 0 15px 3%;
	}
.grid .gridTwelfth {
	float: left;
  	width: 5.3333%!important;
	margin: 15px 1.5%;
	}
	
.grid .gridElevenTwelfth.col {
  	width: 91.41%!important;
	margin: 15px 0 15px 3%;
	}
.grid .gridElevenTwelfth {
	float: left;
  	width: 88.6666%!important;
	margin: 15px 1.5%;
	}	

.grid .gridSevenTwelfth.col {
  	width: 57.08%!important;
	margin: 15px 0 15px 3%;
	}		
.grid .gridSevenTwelfth {
	float: left;
  	width: 55.3333%!important;
	margin: 15px 1.5%;
	}
	
.grid .gridFiveTwelfth.col {
  	width: 39.91%!important;
	margin: 15px 0 15px 3%;
	}
.grid .gridFiveTwelfth {
	float: left;
  	width: 38.6666%!important;
	margin: 15px 1.5%;
	}	
	
.grid .gridSixth.col {
  	width: 14.16%!important;
	margin: 15px 0 15px 3%;
	}
.grid .gridSixth {
	float: left;
  	width: 13.6666%!important;
	margin: 15px 1.5%;
	}	

.grid .gridFiveSixth.col {
  	width: 82.83%!important;
	margin: 15px 0 15px 3%;
	}	
.grid .gridFiveSixth {
	float: left;
  	width: 80.3333%!important;
	margin: 15px 1.5%;
	}
	
.grid .gridFourth.col {
  	width: 22.75%!important;
	margin: 15px 0 15px 3%;
	}	
.grid .gridFourth	{
	float: left;
	width: 21.9491%;
	margin: 15px 1.5%;	
	}	
	
.grid .gridThreeFourth.col {
  	width: 74.25%!important;
	margin: 15px 0 15px 3%;
	}		
.grid .gridThreeFourth	{
	float: left;
	width: 71.9491%;
	margin: 15px 1.5%;	
	}
	
.grid .gridThird.col {
  	width: 31.33%!important;
	margin: 15px 0 15px 3%;
	}	
.grid .gridThird	{
	float: left;
	width: 30.3330%;
	margin: 15px 1.5%;	
	}	

.grid .gridTwoThird.col {
  	width: 65.66%!important;
	margin: 15px 0 15px 3%;
	}
.grid .gridTwoThird	{
	float: left;
	width: 63.6663%;
	margin: 15px 1.5%;
	}

.grid .gridHalf.col {
  	width: 48.5%!important;
	margin: 15px 0 15px 3%;
}
.grid .gridHalf	{
	float: left;
	width: 46.9996%;
	margin: 15px 1.5%;	
	}	
	
/* FULL CONTAINERS */
.fullContainer	{
	float: left; 
	width: 100%; 
	text-align: center; 
	clear: both;
	margin: 0;	
	position: relative;
	}
.fullContainer.footer	{
	float: left; 
	width: 100%; 
	text-align: left; 
	clear: both;
	margin: 0;	
	position: relative;
	padding: 50px 0;
	background: #333;
	color: #fff;
	}	
.clear	{
	clear: both;
	}
.clear-block	{
	clear: both;
	width: 100%;
	height: 10px;
	background: none!important;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
html[xmlns] .clearfix {
	display: block;
	}
* html .clearfix {
	height: 1%;
}

/*  GO FULL WIDTH BELOW 600 PIXELS */
@media only screen and (max-width: 600px) {
	
	.col {  
	margin: 0%; 
	}
    
    .grid .gridFull, .grid .gridTwelfth, .grid .gridElevenTwelfth, .grid .gridFiveTwelfth, .grid .gridSevenTwelfth, .grid .gridSixth, .grid .gridFiveSixth, .grid .gridFourth, .grid .gridThreeFourth, .grid .gridThird, .grid .gridTwoThird, .grid .gridHalf  {
	width: 97%!important;
	margin: 15px 1.5%
	}		
	.grid .gridFull.col, .grid .gridTwelfth.col, .grid .gridElevenTwelfth.col, .grid .gridFiveTwelfth.col, .grid .gridSevenTwelfth.col, .grid .gridSixth.col, .grid .gridFiveSixth.col, .grid .gridFourth.col, .grid .gridThreeFourth.col, .grid .gridThird.col, .grid .gridTwoThird.col, .grid .gridHalf.col  {
	width: 97%!important;
	margin: 15px 1.5%!important;
	}
	
	.grid .col { 
		margin: 0!important; 
		}
	.grid .col:first-child {
		margin-left: 1.5%!important; 
		}
			
}	


/* NARROWER BACKGROUND TO REDUCE FILE SIZE FOR SMALLER DEVICES */
@media only screen and (max-width: 800px) {
	html {
		background: url(../images/bg-800.jpg) center top no-repeat!important;
	}
}


/* MOVE INFOBOX SO IT FULLY SHOWS IN THIS RESOLUTION */
@media only screen and (min-width: 768px) and (max-width: 900px) {
	.infoBox.one, .infoBox.two, .infoBox.three, .infoBox.four, .infoBox.five	{
		left: 25%!important;	
		right: auto!important;	
	}
}