/*====RESET====*/
/*there should only be one reset, not several in different files, and it should be organized thusly (by itself at top of base file, with comments)*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial, sans-serif;
}
h1, h2, h3, h4, h5{
    font-family: Arial, sans-serif;
    color: #333;
    font-weight:bold;
}
div, p {
    color:#646464;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    overflow-x: hidden;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	max-width: 100%;
}
ol, ul {
	list-style: none;
	padding: 0 0;
	margin: 0 0;
}
a {
    color:#FF9200;
     text-decoration:none;
}
a:focus, a:hover {
    color:#646464;
    text-decoration:underline;
}
p {
    margin:10px 0 20px;
}

/*===CLEARFIX===*/
/*we use the "micro clearfix" on all our projects, which follows*/
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
/*===SCAFFOLDING===*/
.grid {
	width: 100%;
}
/*clearfix the grid too, since unfortunately not all our layout markup contains the needed .cf class*/
.grid:before, .grid:after {
	content: " ";
	display: table;
}
.grid:after {
	clear: both;
}
.grid {
	*zoom: 1;
}
.col {
	float: left;
	box-sizing: border-box;
}
.col-1of2 {
	width: 50%;
}
.col-1of3 {
	width: 33.3333%;
}
.col-2of3 {
	width: 33.3333%;
}
.col-3of3 {
	width: 33.3333%;
}
.col-1of4 {
	width: 25%;
}
.col-3of4 {
	width: 75%;
}
.col-full {
	width: 100%;
}
.col-1of3, .col-2of3, .col-3of3, .col-1of2 {
    min-height: 1px;
    padding:0 15px;
    box-sizing:border-box;
}
/*reset avoiding browser default behavior so adding css for strong tag*/
strong, b { font-weight: bold; }
em, i { font-style: italic; }