html, body, header, section, main, footer, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select, option {
	margin               :     0;
	padding              :     0;
	border               :     0;
	outline              :     0;

	letter-spacing       : inherit;
	font-size            : inherit;
	color                : inherit;
	background           : inherit;

	font-weight          : inherit;
	font-style           : inherit;
	font-family          : inherit;
	vertical-align       : baseline;
}

:focus {
	outline              :     0;
}

ol, ul, menu {
	list-style           : none;
}

table {
	border-spacing       :     0;

	empty-cells          : show;
	border-collapse      : separate;
}

caption, th, td {
	text-align           : left;
	font-weight          : normal;
}

td {
	vertical-align       : top;
}

img {
	vertical-align       : text-bottom;
}

blockquote:before, blockquote:after, q:before, q:after {
	content              : "";
}

blockquote, q {
	quotes               : "" "";
}

html {
	font-size            : 16px; /* 1rem = 16px */
}

body {
	font-size            :     1rem;
	letter-spacing       :     0;
	color                : #333333;
	background           : #fcfcfc;
	font-family          : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight          : normal;
	font-style           : normal;
}

main, header h1 {
	position             : relative;
}

header {
	top                  :     0px;
	left                 :     0px;
	right                :     0px;
	height               :    72px;
	position             : absolute;
	border-bottom        : 5px solid #0062fe;
}

header h1 {
	font-size            :    1.2rem;
	line-height          :    1;
	letter-spacing       :    3px;
	color                : #ff0000;
	margin-top           :    50px;
	margin-left          :    25px;
	font-variant         : small-caps;
}

header div {
	top                  :    10px;
	right                :     0px;
	position             : absolute;
}

main {
	margin-left          :    15px;
	margin-right         :    30px;
	margin-top           :   150px;
}

h2 {
	font-size            :   14px;
	letter-spacing       :    2px;
	font-variant         : small-caps;
	text-decoration      : underline;
}

main p {
	margin-top           :     6px;
}

input[type='password'] {
	border-bottom        : solid 1px #0062fe;
	margin-top           :     0.5rem;
	width                :   120px;
}

.no_mobile {
	display              : none;
}

footer {
	height               :    50px;
	left                 :    10px;
	right                :    10px;
	bottom               :     0px;
	border-top           : dotted 1px #0062fe;
	padding-top          :     9px;
	position             : fixed;
}

footer p {
	font-size            :    0.6rem;
	text-align           : center;
	font-variant         : small-caps;
	letter-spacing       :    2px;
}

a {
	color                : #0062fe;
	font-size            : inherit;
	text-decoration      : inherit;
}

a:focus, a:hover {
	color                : #a69c00;
	text-decoration      : underline;
}

a:active {
	color                : #ff0000;
	text-decoration      : underline;
}



@media(min-width: 560px) {

	.mobile_view {
		display          : none;
	}

	footer {
		height           :    25px;
	}

}



@media(min-width: 750px) {

	main, header h1 {
		margin           : 0px auto;
		width            :   700px;
	}

	header {
		right            :    15px;
	}

	header h1 {
		position         : relative;
		margin-top       :    50px;
	}

	main {
		margin-top       :   150px;
	}

	.no_mobile {
		display          : inline;
	}

}