/*
	EUMETSAT Website 3.0 Text CSS - designed by Phil Nolan of Rational Systems in September 2010
	
	Designed for use with the
	960 Grid System.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* Embed Netto font for titling
--------------------------------------------------------------------------------*/


/* first for IE 6/7/8 */
@font-face {
    font-family: NettoWeb-Bold;
    src: url(../../fonts/nettoot-bold-webfont.eot);
}

@font-face {
    font-family: NettoWeb;
    src: url(../../fonts/nettoot-webfont.eot);
}

/* then for Webkit browsers -> Safari, Firefox */
/*@font-face { font-family: NettoWeb-Bold; src: url(../fonts/nettoot-bold-webfont.woff) format('woff');
}
@font-face { font-family: NettoWeb; src: url(../fonts/NettoWeb.woff) format('woff');
}*/
@font-face {
    font-family: NettoWeb-Bold;
    src: url(../../fonts/nettoot-bold-webfont.woff) format('woff');
}

@font-face {
    font-family: NettoWeb;
    src: url(../../fonts/nettoot-webfont.woff) format('woff');
}

/* Then for MIDs -> iPhone, iPad 
@font-face {
	font-family: NettoOTBold;
	src: url(../../fonts/NettoComp-Bold.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: NettoOTRegular;
	src: url(../../fonts/NettoComp.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}*/



/* Basic HTML
--------------------------------------------------------------------------------*/

body {
    line-height: 1.40;
    font: 12px/1.40 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
    outline: 1px dotted invert;
}

abbr,
acronym,
dfn {
    border-bottom-color: #576a77;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    cursor: help;
}

hr {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1 {
    text-transform: uppercase;
    line-height: 18px;
    font-family: NettoWeb, NettoOTRegular, Arial, sans-serif;
    font-size: 16px;
    font-weight:600;
}

h2 {
    text-transform: uppercase;
    line-height: 16px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight:600;
}

h3 {
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

h4 {
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    line-height: 13px;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

h5 {
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    font-family: Arial, sans-serif;
    font-size: 11px;
}


h6, h7, h8 {
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    line-height: 11px;
    font-family: Arial, sans-serif;
    font-size: 10px;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol {
    list-style: decimal;
}

ul {
    list-style-type: disc;
}

li {
    margin-left: 30px;
}

sup {
    font-size: 8px;
    vertical-align: super;
}

sub {
    font-size: 8px;
    vertical-align: sub;
}

em {
    font-style: italic;
}

.upper {
    text-transform: uppercase;
}

.capital {
    text-transform: capitalize;
}