@charset "utf-8";
/* CSS Document */

/*	------------------------
	RESET
	------------------------ */

/*
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 5. Force webkit browsers to apply standard antialiasing to fonts, eliminating that heavy look of fonts when subpixel-antialiasing is employed by default
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font: 62.5%/1.231 sans-serif; /* 3 */
    -ms-text-size-adjust: s100%; /* 4 */
    -webkit-text-size-adjust: 100%; /* 4 */
	-webkit-font-smoothing: antialiased; /* 5 */
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.3rem;
    margin:0;
    padding:0;
}

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

/* Correct `inline-block` display not defined in IE 8/9. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { 
	display:block;
}

/* Correct `inline-block` display not defined in IE 8/9. */
audio,
canvas,
video {
	display:inline-block;
}

/* Prevent modern browsers from displaying `audio` without controls.
   Remove excess height in iOS 5 devices. */
audio:not([controls]) {
    display: none;
    height: 0;
}

/* Address styling not present in IE 8/9. */
[hidden] {
    display: none;
}

/* ==========================================================================
	BASE STYLES
   ========================================================================== */


/*	=========================
	DOCUMENT SECTION
	
	Includes: address, article, aside, body, footer, h1, h2, h3, h4, h5, h6, header, hgroup, nav, section
*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	margin: 0;
}

h1 {
	/* used for major headings, usually on the home page */
    font-size: 2.6rem; /* 26px */
	line-height: 1.15384615384615; /* 30px */
    padding: 0.92307692307692em 0 0.6153846153846154em; /* 24px 0 16px */
}

h2 {
	/* used for page headings or introductory headings */
    font-size: 2.2rem; /* 22px */
	line-height: 1.18181818181818; /* 26px */
    padding: 0 0 0.81818181818182em; /* 0 0 16px */
}

h3 {
	/* used for section headings */
    font-size: 2rem; /* 20px */
	line-height: 1.2; /* 24px */
    padding: 0 0 0.8em; /* 0 0 16px */
}

h4 {
	/* used for article headings */
    font-size: 1.8rem; /* 18px */
	line-height: 1.11111111111111; /* 20px */
    padding: 0.8888888888888889em 0 0.4444444444444444em; /* 16px 0 8px */
}

h5 {
    font-size: 1.6rem; /* 16px */
	line-height: 1.125; /* 18px */
    padding: 1em 0 0.5em; /* 16px 0 8px */
}

h6 {
    font-size: 1.4rem; /* 14px */
	line-height: 1.125; /* 16px */
    padding: 1.142857142857143em 0 0.5714285714285714em; /* 16px 0 8px */
}

nav ul {
    list-style:none;
}


/*	=========================
	GROUPING CONTENT
	
	Includes: blockquote, br, dd, div, dl, dt, figcaption, figure, hr, li, ol, p, pre, ul, 
*/

blockquote {
    quotes: none;
	font-style: italic;
}

blockquote:before,
blockquote:after {
    content: '';
    content: none;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1.6em 0;
    padding:0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

dt {
    font-weight:bold;
}

dd {
    margin-left:1em;
}

figcaption {
	margin-top: 0.38461538461538em; /* 5px */
}

/* Address margin for 'figure' not present in IE 8/9 and Safari 5. */
p,
pre,
ol,
ul,
dl,
figure {
	margin: 0;
    padding: 0 0 0.6923076923076923em 0; /* 0 0 9px 0 */
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-top: 0;
	margin-bottom: 0;
}

/* Improve readability of pre-formatted text in all browsers. */
pre {
    white-space: pre-wrap;
}


/*	=========================
	TEXT-LEVEL SEMANTICS
	
	Includes: a, abbr, b, bdi, bdo, cite, code, del, dfn, em, i, ins, kbd, mark, q, rp, rt, ruby, s, samp, small, span, strong, sub, sup, time, wbr, var
*/

a {
    margin:0;
    padding:0;
	font-size: 1em;
    vertical-align:baseline;
    background:transparent;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
    outline: 0;
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
    outline: thin dotted;
}

/* Improve visual appearance of links. */
a,
a:link,
a:active,
a:visited { 
	color: #06c;
	font-weight: bold;
	text-decoration: none;
}

.no-touch a:hover {
	text-decoration: underline;
}

/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title],
dfn[title] {
    letter-spacing:1px;
	border-bottom:1px dotted;
	cursor:help;
}

address,
cite,
dfn,
em,
i,
q,
var {
	font-style: italic;
}

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b,
strong {
    font-weight: bold;
}

/* Correct font family set oddly in Safari 5 and Chrome. */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
}

/* Change colors to suit your needs */
del {
    text-decoration: line-through;
	color: #f00;
}

/* Address styling not present in Safari 5 and Chrome. */
dfn {
    font-style: italic;
}

/* Change colors to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* Change colors to suit your needs */
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
}

/* Set consistent quote types. */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
	font-size: 1rem; /* 10px */
	line-height: 1.3; /* 13px */
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub,
sup {
    font-size: 1rem;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.3em;
}


/*	=========================
	TABULAR DATA
	
	Includes: caption, col, colgroup, table, th, thead, tbody, td, tfoot, tr
*/

/* tables still need cellspacing="0" in the markup */
table {
    margin:0.61538461538462em 0; /* 8px 0 */
	border-collapse:collapse;
	border-spacing:0;
}

thead,
tfoot,
th {
	font-weight: bold;
}

th {
	text-align: center;
}
 
tbody th {
	text-align: left;
} 


/*	=========================
	EMBEDDING CONTENT
	
	Includes: area, audio, canvas, embed, iframe, img, map, object, param, source, track, video
*/

/* Remove border when inside `a` element in IE 8/9. */
img {
    border: 0;
}

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
    overflow: hidden;
}


/*	=========================
	FORMS
	
	Includes: button, datalist, fieldset, form, input, keygen, label, legend, meter, optgroup, option, output, progress, select, textarea
*/

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 1em; /* 2 */
    margin: 0; /* 3 */
}

fieldset {
    border: 1px solid #c0c0c0;
    padding: 0.38461538461538em 0.76923076923077em 0.76923076923077em; /* 5px 10px 10px */
    margin: 0.61538461538462em 0.15384615384615em; /* 8px 2px */
}

input,
select {
    vertical-align: middle;
}

/* 1. Correct `color` not being inherited in IE 8/9. */
legend {
    border: 0;
}


/*	=========================
	INTERACTIVE ELEMENTS
	
	Including: command, details, menu, summary
*/


/*	=========================
    HELPER CLASSES
*/

/* Visually hide, though it may still be available for screenreaders */
.hide { display: none; } 
.show { display: block; }

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.visible { visibility: visible; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
article:before,
article:after,
section:before,
section:after,
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

article:after,
section:after,
.clearfix:after {
    clear: both;
}

.clearboth { clear: both; }

.clearleft { clear: left; }

.clearright { clear: right; }

.floatleft { float: left; }

.floatright { float: right; }

.alignleft { text-align: left; }

.alignright { text-align: right; }

.aligncenter { text-align: center; }

/* enable dynamic scaling of media elements inside a container */
img.scale,
object.scale,
embed.scale {
	max-width: 100%;
	height: auto;
}

.red {
	color: red;
}

.no-break {
	white-space: nowrap;
}