@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

/* New font */
@font-face {
    font-family: 'demos';
    src:url('fonts/demos.eot?9wdv67');
    src:url('fonts/demos.eot?#iefix9wdv67') format('embedded-opentype'),
    url('fonts/demos.woff?9wdv67') format('woff'),
    url('fonts/demos.ttf?9wdv67') format('truetype'),
    url('fonts/demos.svg?9wdv67#demos') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Roboto Font used in Material Theme preview*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,300,300italic);

[class^="k-uni"],
.tc-activator:after,
.back-nav:before,
.forward-nav:before {
    font-family: 'demos';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.k-uniE600:before {
    content: "\e600";
}
.k-uniE601:before {
    content: "\e601";
}
.k-uniE602:before {
    content: "\e602";
}
.k-uniE603:before {
    content: "\e603";
}
.k-uniE604:before,
.back-nav:before,
.forward-nav:before {
    content: "\e604";
}
.k-external:before {
    content: "\e605";
}

/* Widgets icons font */
@font-face {
    font-family: 'widgets';
    src: url('fonts/widgets-v2.eot');
    src: url('fonts/widgets-v2.eot') format('embedded-opentype'),
    url('fonts/widgets-v2.woff') format('woff'),
    url('fonts/widgets-v2.ttf') format('truetype'),
    url('fonts/widgets-v2.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class$="Icon"]:after {
    font-family: "widgets";
    speak: none;
    display: inline-block;
    width: 1em;
    margin-right: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    color: #00B312;
}

body {
    background-color: #fff;
    color: #555;
    font: 400 12px Arial, Helvetica, sans-serif;
    min-width: 1230px;
    position: relative;
}
html
{
    font:75% Arial,Helvetica,sans-serif;
    height: 100%;
}

#header, .suite-demos-nav, .demos-nav,
#footer, .centerWrap, .submenu-box a
{
    font-family: Arial, Helvetica, sans-serif;
}