@font-face {
    font-family: 'forgbold';
    src: url('../fonts/forgotten_futurist_bd-webfont.eot');
    src: url('../fonts/forgotten_futurist_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/forgotten_futurist_bd-webfont.woff') format('woff'),
         url('../fonts/forgotten_futurist_bd-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'forgnorm';
    src: url('../fonts/forgotten_futurist_rg-webfont.eot');
    src: url('../fonts/forgotten_futurist_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/forgotten_futurist_rg-webfont.woff') format('woff'),
         url('../fonts/forgotten_futurist_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

    /* ___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,  font, img, ins, kbd, q, s, samp,
    small, strike, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
    font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; 
    vertical-align: baseline; }
    :focus { outline: 0; }
    body { line-height: 120%; color: black; background: white;}
    ol, ul { list-style: none; }
    table { border-collapse: separate; border-spacing: 0;}
    caption, th, td { text-align: left; font-weight: normal; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: "";}
    blockquote, q { quotes: "" "";}
    
    /*___GENERAL___*/
    * { margin: 0; }
    html, body { height: 100%;}
    body { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 0.8em; color: #fff; border-top: 3px solid #ffe90c;}
    
    #wrap { background: #262626;  min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -75px;}
    #container { width: 940px; margin: 0 auto;}
    
    p         { color: #c3c3c3; line-height: 1.4em;}
    ul        { color: #fff;}
    a         { text-decoration: none; color: #ffe90c;}
    a:hover   { color: #777;}
    h1        { }
    h2        { }
    h3        { }
    
    .push { clear: both; height: 75px;}
    
    #header { float: left; width: 940px; height: 122px;}
    #header #logo { width: 212px; height: 67px; background: url(../img/logo.gif) no-repeat; display: block; margin-top: 26px; float: left;}
    
    #nav { float: right; margin-top: 30px;  width: 70%;}
    #nav ul { float: right;}
    #nav ul li { float: left; display: inline; margin-left: 10px;}
    #nav ul li a { font-family: 'forgbold', sans-serif; font-size: 18px; color: #262626; display: block; float: left; background: #fff; padding: 0 15px; height: 30px; line-height: 30px; border-bottom: 3px solid #262626}
    #nav ul li a:hover { border-bottom: 3px solid #ffe90c;}
    #nav ul li .active { color: #262626; display: block; float: left; font-family: 'forgbold', sans-serif; font-size: 18px; padding: 0 15px; height: 30px; line-height: 30px; background: #ffe90c;
    border-bottom: 3px solid #fff;}
    
    .orderparts { position: relative;}
    .orderparts img { position: absolute; bottom: -40px; left: -30px;}
    

    #lang { float: right; margin-top: 35px; font-size: 0.85em;}
    #lang p { display: block; white-space: nowrap; width: 90px; float: left; }
    #lang a { float: left; margin-left: 10px; padding: 1px;}
    #lang a:hover { border: 1px solid #ffe90c; padding: 0;}
    
    #page_heading { width: 940px; padding: 15px 0 15px 0; border-top: 1px solid #515151; border-bottom: 1px solid #515151; float: left;}
    h2 { font-size: 2.5em; font-family: 'forgnorm', sans-serif; position: relative; top: 12px; width: 550px; display: block; float: left; color: #fff;}
    h2 span { color: #ffe90c;}
    
    #page_heading #aside { width: 340px; display: block; float: right; position: relative; font-family: 'forgbold', sans-serif;}
    #page_heading #aside span { float: left; clear: both; margin-left: 110px; font-size: 20px; color: #ffe90c; white-space: nowrap; line-height: 1em;}
    #page_heading #aside span.number { color: #fff;}
    #page_heading #aside img { float: left; position: absolute; top: -23px; left: 0;}
    
   
    .coin-slider { overflow: hidden; zoom: 1; position: relative; float: left; margin-top: 20px;}
    .coin-slider a{ text-decoration: none; outline: none; border: none; }
    .cs-buttons { font-size: 0px; padding: 10px; float: left;}
    .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #777; color: #ffe90c; text-indent: -1000px; }
    .cs-active { background-color: #ffe90c; color: #FFFFFF; border: 1px solid #ffe90c !important;}
    .cs-prev, .cs-next { display: none; background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
    
    
    .column { width: 300px; float: left; margin: 20px 0 40px 0; }
    .column h3 { font-size: 1.4em; font-family: 'forgbold'; border-top: 1px solid #515151; border-bottom: 1px solid #515151; padding: 15px 0 10px 0;;}
    .column h3 span { color: #ffe90c}
    .column .column_content p { margin-top: 20px;}
    
    .more_button { background: #ffe90c; border:0; padding: 3px 10px; float: left; clear: both; color: #000; font-weight: bold; font-size: 0.850em; margin-top: 15px; }
    .more_button:hover { background: #f7f7f7;}
    
    .margin_right { margin-right: 20px;}
    
    #content { padding: 20px 0; margin-bottom: 20px; float: left; width: 940px;}
    #content p { display: block; float: left; margin-top: 20px; line-height: 1.5em;}
    #content p strong { color: #fff; line-height: 1.5em;}
    #content > p {  width: 550px;}
    #content ul { float: left; margin: 10px 0 10px 15px; width: 535px;}
    #content ul li { margin-top: 10px; line-height: 1.5em;padding-left: 20px; background: url(../img/bullet.gif) 0 7px no-repeat;}
    #content .page_img { float: right; border-bottom: 4px solid #ffe90c}
    #content h1 { float: left; clear: both; }
    #content h2 { float: left; clear: both; font-size: 1.6em;}
    #content h3 { float: left; clear: both; font-size: 1.6em; line-height: 1.5em; margin: 15px 0 10px 0; font-family: 'forgbold';}
    #content h3 span {color: #ffe90c; }
    #content em { font-style: normal; color: #ffe90c ;}

    .content-columns-two { width: 960px; clear: both;}
    .content-columns-two .content-column { width: 450px; float: left;}
    .content-columns-two .content-column:last-child { margin-left: 40px;} 

    .gallery-container { float: left; clear: both; width: 960px; margin-bottom: 20px;}
    .gallery-container ul { float: left; padding: 0 !important; border: 0; margin: 0 !important; width: 960px !important; background: #444;}
    .gallery-container ul li { padding: 0px !important; margin-bottom: 20px !important; margin-left: 20px !important; 
    width: 214px; height: 214px; float: left; display: inline; }
    .gallery-container ul li.nomargin { margin-left: 3px !important;}  
    .gallery-container ul li:hover {  }
    .gallery-container ul li a {  max-width: 214px; max-height: 214px; display: block;}
    .gallery-container ul li a:hover img { border-top: 3px solid #ffe90c; border-bottom: 3px solid #ffe90c; padding: 0; }
    .gallery-container ul li img { max-width: 214px; max-height: 214px; padding: 3px 0; }
    
    #contact_details { margin-top: 30px !important; float: left;}
    #contact_details li { background: none !important; padding: 0 !important;}
    #contact_details .company_name { font-size: 1.3em;}
    #contact_details li span { font-size: 0.8em; position: relative; bottom: 1px; margin-left: 20px; color: #888;}
    
    #google_map { float: left;}
    #google_map h2 { margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid #515151; border-top: 1px solid #515151;}
    .bigger_map_link { color: #ffe90c; margin-top: 10px; float: left; clear: both}
    
    .wozki_item { width: 960px; float: left; clear: both; padding: 15px 0; border-bottom: 1px solid #555; margin-bottom: 20px;}
    .borderTop { border-top: 1px solid #555; }
    .column-l { width: 279px; float: left; padding-right: 10px; border-right: 1px solid #555; margin-right: 10px;}
    .column-l h4 { float: left; clear: both; font-size: 1.2em; font-family: 'forgbold';}
    .column-l h4 span { color: #ff7800;}
    .column-l ul { margin: 10px 0 0 0 !important; padding: 0 !important; background: none !important; width: 279px;}
    .column-l ul li { margin: 3px 0 !important; padding: 0 !important; background: none !important; border-bottom: 1px dotted #555; width: 279px; float: left;}
    .column-l ul li strong { font-weight: bold; width: 50%; display: block; float: left; line-height: 1em; padding-bottom: 5px;}
    .column-l ul li span {width: 50%; display: block; float: right; text-align: right; padding-bottom: 2px; line-height: 1.2em }
    .column-l ul li p { width: 279px !important; margin: 0 !important; padding: 0 0 5px 0 !important; line-height: 1.2em !important; display: block; float: left; white-space: pre-wrap; }
    .column-l ul li.price strong {}
    
    .column-r { width: 660px; float: left;}
    .column-r .gallery-container { width: 660px !important; }
    .column-r .gallery-container ul { width: 660px !important; }
    .column-r .gallery-container ul li { width: 195px; height: 195px;}
    .column-r .gallery-container ul li a { max-width: 195px; max-height: 195px; }
    .column-r .gallery-container ul li img { max-width: 195px; max-height: 195px; padding: 3px 0; }
    .column-r .gallery-container ul li a:hover img { border-top: 3px solid #ffe90c; border-bottom: 3px solid #ffe90c; padding: 0; }
    
    #footer { width: 100%; margin: 0 auto; font-size: 0.85em; text-align: center; padding: 20px 0 20px 0; height: 35px; background: #5c5c5c;}
    #footer p { color: #aaa;}
    
    #order-form {
        width: 410px;
        background: #333;
        padding: 20px;
        margin-top: 10px;
        clear: both;
    }
    #order-form h4 { margin-bottom: 25px; font-size: 21px; width: 100%; color: #ffe90c; font-family: 'forgnorm';}
    #order-form .field { position: relative; width: 100%; padding: 5px; margin-bottom: 5px;}
    #order-form label { cursor: pointer; text-transform: uppercase; font-size: 10px; display: block; letter-spacing: 1px;}
    #order-form input[type="text"], #order-form textarea { width: 390px; border: 1px solid #555; background: #222; height: 30px; line-height: 30px; padding: 0 5px; color: #fff;}
    #order-form textarea {
        height: 50px; resize: vertical;
    }
    .field-special { 
        padding-bottom: 20px !important;
        border-bottom: 1px dashed #444;
    }
    .field-special input[type="text"] { border-color: #ffe90c !important; height: 40px !important; line-height: 40px !important; font-size: 14px !important;}
    #order-form input[type="submit"] {
        float: right;
        font-size: 15px;
        padding: 10px 20px;
        cursor: pointer;
    }

    #order-form .field.no-valid input {
        border-color: red !important;
    }

    #order-form small {
        display: inline-block;
        margin-top: 10px;
        font-style: italic;
        font-size: 11px;
        letter-spacing: 1px;
        color: #999;
    }

    .no-valid-info { color: red; font-size: 10px; position: absolute; bottom:-9px; right:20px;}
    .field-special .no-valid-info { bottom: 5px;}


    .simple-gallery {
       margin-top: 10px;
       float: left;
       width: 940px;
       background: #444;
       overflow: auto;
       height: auto;
    }
    .simple-gallery > a { 
        width: 152.5px;
        height: 102px;
        display: block;
        float: left;
        margin: 2px;
    }
    .simple-gallery > a img { 
        width: 100%;
        display: block;
    }