/******************************************************
    Sheet type:  TYPOGRAPHY
    Updated on:  25/04/2011
******************************************************/


/* ***************************** INCLUDES */
@font-face {
	font-family: "Myriad Pro"; font-weight: normal;
	src: url("../fonts/myriadproregular.eot"); src: local("Myriad Pro"), url("../fonts/myriadproregular.ttf") format("truetype");
}

@font-face {
	font-family: "Myriad Pro Italic"; font-style: italic;
	src: url("../fonts/myriadproit.eot"); src: local("Myriad Pro Italic"), url("../fonts/myriadproit.ttf") format("truetype");
}

@font-face {
	font-family: "Myriad Pro"; font-weight: bold;
	src: url("../fonts/myriadprosemibold.eot"); src: local("Myriad Pro"), url("../fonts/myriadprosemibold.ttf") format("truetype");
}


/* ****************************** FORMATS */

/* ...................... Body */
#header {}

#layout {}

#footer {font: normal 11px/14px Arial, Helvetica, sans-serif}

/* .................. Headings */
.ttl-s30m {font: bold 30px/36px "Myriad Pro", Arial, Helvetica}

.ttl-n20m {font: normal 20px/26px "Myriad Pro", Arial, Helvetica}

.ttl-n20m em {font: italic 20px/26px "Myriad Pro", Arial, Helvetica}

.ttl-n16m {font: normal 16px/22px "Myriad Pro", Arial, Helvetica}

/* ..................... Links */
body a:link {text-decoration: none}
body a:visited {}
body a:hover {text-decoration: underline}
body a:active {}


/* ******************************* COLORS */

/* ...................... Body */
#header {}

#layout {}

#footer {color: #8c8d8e}

/* .................. Headings */
.cyan {color: #88a7e1}

.blue {color: #039}

.dark-blue {color: #293e6b}

/* ..................... Links */
body #footer a:link {color: #8c8d8e}