/* ----------------------------------
01 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;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
          display: block;
}

body {
          font-family: MyCustomFont !important;
          color: #656565;}


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;
}

.clear {clear:both;}

a {
          color:#333 !important;
          text-decoration:none;
          -khtml-transition: all .2s ease, color .2s ease;
          -webkit-transition: all .2s ease, color .2s ease;
          -moz-transition: all .2s ease, color .2s ease;
          -ms-transition: all .2s ease, color .2s ease;
          -o-transition: all .2s ease, color .2s ease;
          transition: all .2s ease, color .2s ease; 
}


/* ----------------------------------
02 GENERAL 
----------------------------------*/

/* fonts */

@font-face {
          font-family: MyCustomFont;
          font-weight:100;
          src: url("../fonts/Roboto-Thin.eot") /* EOT file for IE */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:100;
          src: url("../fonts/Roboto-Thin.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:200;
          src: url("../fonts/Roboto-Light.eot") /* EOT file for IE */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:200;
          src: url("../fonts/Roboto-Light.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:300;
          src: url("../fonts/Roboto-Regular.eot") /* EOT file for IE */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:300;
          src: url("../fonts/Roboto-Regular.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:400;
          src: url("../fonts/Roboto-Bold.eot") /* EOT file for IE */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:400;
          src: url("../fonts/Roboto-Bold.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:500;
          src: url("../fonts/Roboto-Black.eot") /* EOT file for IE */
}
@font-face {
          font-family: MyCustomFont;
          font-weight:500;
          src: url("../fonts/Roboto-Black.ttf") /* TTF file for CSS3 browsers */
}