/*************************************************************
 * author: Laszlo Tamas 7Field.com
 * description: css for all media types
 *************************************************************/
@media screen,projection {
    /* reset
     * based on Eric Meyer's reset.css
     * http://meyerweb.com/
     *************************************************************/
    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, button,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        font-weight: normal;
        vertical-align: baseline;
        background: transparent;
    }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }
    
    :focus { outline: 0; }
    
    ins { text-decoration: none; }
    del { text-decoration: line-through; }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    /* /reset
     *****************************************************/
    
    /* global elements
     *****************************************************/
    body {
        background: #181818;
        color: #000;
        font: 62.5%/1 "Lucida Sans Unicode","Lucida Grande", sans-serif;
        text-align: left;
    }
    /* /global elements
     *****************************************************/
    
    /* content elements
     *****************************************************/
    h1 {
        display: inline;
        font-weight: bold
    }
    span {
        color: #202020;
        font-weight: bold;
        position: absolute;
        z-index: 10;
    }
    .w1 { font-size: 60px; top: -1000em; }
    .w2 { font-size: 20px; top: -1000em; }
    .w3 { font-size: 16px; left: -1000em; }
    .w4 { font-size: 12px; left: -1000em; }
    
    #searchBar {
        color: #a5aa80;
        height: 152px;
        font-size: 1.1em;
        margin: -100px 0 0;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
        z-index: 100;
    }
    #contact {
        left: auto;
        position: absolute;
        right: 23px;
        top: -18px;
        z-index: 10;
    }
    #contact li {
        float: left;
        height: 32px;
        margin: 0 0 0 2px;
        width: 32px;
    }
    #contact a {
        background-image: url( ../img/sprite_main.png );
        display: block;
        height: 100%;
        text-indent: -1000em;
    }
    #facebook a { background-position: -646px 0; }
    #email a { background-position: -686px 0; }
    #searchBar .bg {
        background: transparent url( ../img/bg_searchbar.png ) repeat-x 0 0;
        height: 92px;
        padding: 60px 0 0;
        position: relative;
        z-index: 100;
    }
    #search {
        height: 31px;
        margin: 0 auto;
        position: relative;
        width: 656px;
    }
    #search label {
        font-size: 1.4em;
        height: 31px;
        left: 6px;
        line-height: 30px;
        position: absolute;
        z-index: 10;
    }
    #iKeywords {
        background: #d7d7d7 url( ../img/sprite_main.png ) no-repeat 0 0;
        border:none;
        color: #969696;
        float: left;
        font: inherit;
        font-size: 1.4em;
        height: 27px;
        padding: 2px 5px 0;
        position: relative;
        width: 493px;
        z-index: 20;
    }
    #iSearch {
        background: #d7d7d7 url( ../img/sprite_main.png ) no-repeat -503px 0;
        cursor: pointer;
        float: left;
        height: 31px;
        text-indent: -1000em;
        width: 143px;
    }
    #iSearch:active { background-position: -503px -31px; }
    #welcome {
        margin: 35px 0 0;
    }
    #share {
        position: absolute;
        right: 5px;
        top: -18px;
    }
    #share li {
        float: left;
        height: 32px;
        margin: 0 0 0 4px;
        width: 32px;
    }
    #share a {
        background-image: url( ../img/sprite_main.png );
        display: block;
        height: 100%;
        text-indent: -1000em;
    }
    
    #share .facebook a { background-position: -687px -43px; }
    #share .twitter a { background-position: -722px -43px; }
    
    #text {
        color: #595858;
        line-height: 1.5;
        overflow: auto;
        padding: 10px;
        height: 478px;
    }
    #text p { margin: 0 0 1em; }
    #text h2 {
        color: #a1a1a1;
        font-size: 1.5em;
        margin: 0 0 0.5em;
    }
    #text strong {
        color: #a1a1a1;
        font-weight: bold;
    }
    
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
    #cboxWrapper { overflow: visible; }
    #cboxOverlay{position:fixed; width:100%; height:100%;}
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
    #cboxContent{position:relative; }
    #cboxLoadedContent{overflow:hidden;}
    #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
    #cboxTitle{margin:0;}
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
    #cboxLoadingGraphic{background: url(../img/bg_loading.gif) no-repeat 50% 50%; }
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
    #cboxOverlay{background:url(../img/bg_overlay.png) 0 0 repeat;}
    #colorbox{ overflow: visible; font-size: 1.2em; }
    #cboxContent{background:#181818;border: 1px solid #fff;}
    #cboxLoadedContent{}
    /*#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}*/
    #cboxCurrent{position:absolute; bottom:-20px; left:5px; color:#fff;}
    #cboxPrevious{position:absolute; bottom:-21px; right:40px; background:url(../img/sprite_main.png) -646px -40px no-repeat;width:12px;height:12px;text-indent: -1000em}
    #cboxNext{position:absolute; bottom:-21px; right:20px; background:url(../img/sprite_main.png) -658px -40px no-repeat;width:12px;height:12px;text-indent: -1000em}
    #cboxClose{position:absolute; bottom:-20px; right:5px; background:url(../img/sprite_main.png) -671px -40px no-repeat; width:10px; height:10px; text-indent: -1000em;}

    .jScrollPaneContainer {
        overflow:hidden;
        position:relative;
        z-index:1;
    }
    .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 10px;
	top: 0;
	height: 100%;
    }
    .jScrollPaneDrag {
        position: absolute;
        cursor: pointer;
        overflow: hidden;
    }
    .jScrollPaneDragTop, .jScrollPaneDragBottom {
        background: transparent url( ../img/bg_scroll.png ) no-repeat 0 0;
        height: 55%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
    }
    .jScrollPaneDragBottom {
        background-position: 0 100%;
        bottom: 0;
        top: auto;
    }
    /* content elements
     *****************************************************/
}