/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

/* globals */


/*		Default Layout: 1600px.    */

@media only screen and (min-width: 1600px) {
	.topnav, .fodnav, .main, .maininv {
		width: 1540px;
		margin: 0 auto; 
		padding-left: 8px;
		padding-right: 8px;
	}
	.showmax {
		display: block;
	}
	.showmin {
		display: none;
	}
	.showmaxm {
		display: block;
	}
	.showminm {
		display: none;
	}
	body, label, input, textarea, option, p, a, .lead, td {
		font-size: 100%;
	}
	.tbborder {
		border-width: 1px;
	}
}

/*		Wide Mobile Layout: 1600px.   */

@media only screen and (min-width: 992px) and (max-width: 1599px) {
	.topnav, .fodnav, .main, .maininv {
		width: 100%;
		padding-left: 8px;
		padding-right: 8px;
	}
	.showmax {
		display: block;
	}
	.showmin {
		display: none;
	}
	.showmaxm {
		display: none;
	}
	.showminm {
		display: block;
	}
	body, label, input, textarea, option, p, a, .lead, td, h4, h5, h6 {
		font-size: 100%;
	}
	.tbborder {
		border-width: 1px;
	}
}

/*		Small Mobile Layout: 991px.   */

@media only screen and (max-width: 991px) {
	.topnav, .fodnav, .main, .maininv {
		width: 100%;
		padding-left: 8px;
		padding-right: 8px;
	}
	.showmax {
		display: none;
	}
	.showmin {
		display: block;
	}
	.showmaxm {
		display: none;
	}
	.showminm {
		display: block;
	}
	body, label, input, textarea, option, p, a, .lead, td, h3, h4, h5, h6 {
		font-size: 100%;
	}
	.tbborder {
		border-width: 1px;
	}
}