/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,hl,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    
}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object,hl{display:block;}
a img{border:0;}
figure{position:relative;}
figure img{width:100%;}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

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

.textWidth{
     /*width:auto;*/
     width: 100%;  
     box-sizing: border-box;  
    -moz-box-sizing: border-box;    
    -webkit-box-sizing: border-box; 
}

 .colWidth {
         width: 98%;
   }
div nav {
    text-align :left;
    background-color :#B5C7DE;
    margin :8px  0 8px 0
  }
div hl {
    text-align :left;
    background-color :#B5C7DE;
    margin :4px  auto 4px auto
}
.row {
width: 98%;
max-width: 800px;
min-width: 400px;
margin: 0 auto;
overflow: hidden;
  
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol{
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 43%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
 }

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
    float: left;
    width :100%;

}

.last {
margin-right: 0px;
}

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

img {
   	height: 16px;
    width: 14px;
}


/* Smaller screens */

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

	body {
	font-size: 0.8em;
	line-height: 1.5em;
   	min-width: 480px;
	max-width: 800px;
    overflow-x :hidden  !important;

	}
	
  
}


/* Mobile */

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

	body {
	/*font-size: 16px;*/
    font-size: 0.7em;
	-webkit-text-size-adjust: none;
     overflow-x :hidden  !important;
     margin-left :-16px !important;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
   
}