/*
*
* CSS
* @version 1.0
* @author BLOND MANAGEMENT
*
*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* PRELOADER */
#preloader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #f2f1ee; z-index: 99; }
#status { width: 101px; height: 101px; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-position: center; margin: -50.5px 0 0 -50.5px; }

/* STRUCTURAL */
body { background: #f2f1ee; }
img { margin-bottom:22px; }
#outer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #f2f1ee; z-index: 99; }
#content { width: 694px; height: 392px; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-position: center; margin: -196px 0 0 -347px; }

/* TYPOGRAPHY */
@font-face { font-family:'Pragmatica'; src:url('../type/Pragmatica.eot'); src:url('../type/Pragmatica.eot?iefix') format('eot'), url('../type/Pragmatica.woff') format('woff'), url('../type/Pragmatica.ttf') format('truetype'); }
@font-face { font-family:'Pragmatica Medium'; src:url('../type/Pragmatica-Medium.eot'); src:url('../type/Pragmatica-Medium.eot?iefix') format('eot'), url('../type/Pragmatica-Medium.woff') format('woff'), url('../type/Pragmatica-Medium.ttf') format('truetype'); }
body { font-family: "Pragmatica", Helvetica, sans-serif; font-size: 11px; line-height: 0px; letter-spacing: 0.2px; text-align:center; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #2b2b2b; }
a:link, a:visited, a:hover { color: #2b2b2b; text-decoration: none; margin-right: 5px; }
span { font-family: "Pragmatica Medium", Helvetica, sans-serif; }
::-moz-selection { background: #f8f8d8; color: #2b2b2b; }
::selection { background: #f8f8d8; color: #2b2b2b; }