/* --------------------------------------
   Global Reset
-------------------------------------- */
html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    height: 100%;
    width: 100%;
}

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, font, 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 {
    margin: 0;
    position: relative;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    
}
ol, ul {
    list-style: none;        
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    position: relative;
    padding: 2px;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}



/* --------------------------------------
   Image Replacement
-------------------------------------- */

.i-rep {
    z-index: 10;
    overflow: hidden;
    display: block;
}

.i-rep span {
    z-index: 20; position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
}

a.i-rep:hover {
    cursor: pointer;
}

/* --------------------------------------
   Clear Fix
-------------------------------------- */

.clearfix:after,
.tc:after,
ul.data-list li:after,
ul.hmenu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix,
.tc,
ul.data-list li,
ul.hmenu {
    display: block;
}
 
* html .clearfix,
* html .tc,
* html ul.data-list li,
* html ul.hmenu {
    height: 1%;
    
}

*+html .clearfix,
*+html .tc,
*+html ul.data-list li,
*+html ul.hmenu {
  min-height: 1%;
}


/* --------------------------------------
   UL Navigation (horizontal/vertical)   
-------------------------------------- */

/** horizontal list menu **/
ul.hmenu {    display: block; margin: 0; padding: 0; }
ul.hmenu li { float: left;    margin: 0 10px 0 0; padding: 0; font-weight: bold; list-style: none; }

/** wertical list menu **/
ul.vmenu {    display: block;    margin: 0; padding: 0; }
ul.vmenu li { display: block; margin: 0 0 1px 0; padding: 5px 10px; background-color: #ededed; list-style: none; }

/* --------------------------------------
   Accessibility
-------------------------------------- */

.accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    left: -5000px;
    top: auto;
    overflow: hidden;
}

a.accessible:focus, input.accessible:focus, select.accessible:focus, textarea.accessible:focus {
    position: static;
    width: auto;
    height: auto;
}

/* --------------------------------------
   Thumb/Content Block
-------------------------------------- */

.tc, ul.data-list { overflow: hidden; overflow: visible; zoom: 1; margin-bottom: 10px; } /* has clearfix properties */
.tc .t, ul.data-list .t, ul.data-list strong { float: left; margin-right: 10px; z-index: 1; }
.tc .c, ul.data-list .c, ul.data-list span { display: table-cell; zoom: 1; width: 10000px; *width: auto; }
.tc .c *:last-child, ul.data-list .c *:last-child, ul.data-list span *:last-child { margin-bottom: 0; }

.tr > .t, ul.tr > .t, ul.tr > strong { float: right; margin: 0 0 0 10px; }

/* --------------------------------------
   Data List
-------------------------------------- */

ul.data-list { margin: 0 0 10px 0; padding: 0; } /* has thumb content properties */
ul.data-list li { margin-bottom: 10px; list-style: none; background: none; } /* has clearfix properties */