/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: style.css
* Version: 1.0.0 (2009-05) YYYY-MM-DD
* Website: http://gregglane.com/
* Author: Jakub Chodorowicz http://www.jakub.chodorowicz.pl/
* Description: Handles the site layout.

== STRUCTURE: ==============================
* Page width: 948 px
* Number of columns: 2
    * Column left: 235px
    * Column right: 713px;
============================================

== COLORS: ==============================
* blue:
    * main blue #006497
    * middle menu light blue: #e4f5ff
    * 
    
* orange: #f47937
* menu border: #c1e7fc
* middle blue border: #d7edfa
============================================
*/
.orange {color:#f47937}
strong, .strong {font-weight:bold;}

a {text-decoration:none;}
#content a {color:#f47937; font-weight:bold;}
#content p, ul, ol {color:#006497; font-size:12px; line-height:15px;}
    #content p {padding:7px 0px 7px 0px; }
    #content ul, ol {margin-left:40px;}
        #content ol {list-style-type: decimal;}
    #content li {padding:3px;}

.clear-left{ clear: left; }

h1 {font-size:16px; color:#fff;}
h2 {color:#006497; font-size:16px; font-weight:bold;}

body {
    background:transparent url(../images/bg/main_gradient_bg.jpg) top left repeat-x;
    font-family: Arial;
    padding-bottom:10px;
}

div#container {margin: 0px auto; width:948px; position:relative;}

div#top {
    background:transparent url(../images/bg/header_bg.jpg) top left  no-repeat;
    position:relative; height:250px;
}
    a#logo {z-index:99; width:235px; height:121px; position:absolute; top:0; left:0;
        background:transparent url(../images/logo.png) left top scroll no-repeat;
    }
    div#top h1 {position:absolute; left:590px; top:188px;}
    p#telephone {
        position:absolute; right:22px; top:109px;
        font-size:16px; color:#006497; font-weight:bold;
        width:150px;
    }
    
    ul#top-menu {
        position:absolute; right:0; top:0;
    }
        ul#top-menu  li {
            display:block; float:left;
            height:50px;
            border-left:1px solid #c1e7fc;
            
        }
        ul#top-menu a {
            float:left; height:50px;
            font-size:14px; color:#006497; font-weight:bold;
            padding:35px 10px 0px 10px;
        }
            ul#top-menu li.active a {color:#f47937;}
            
    div#machines {
      position:absolute; left:0; top:0;
      width:565px; height:248px; overflow:hidden;
    }
        div#machines img {width:565px; height:248px; background:transparent url(../images/bg/header_bg.jpg) top left  no-repeat;}
        div#machines div {width:565px; height:248px; position:absolute; left:0; top:0; background:none!important;}
        div#machine1 {background:transparent url(../images/bg/machine1.png) left top scroll no-repeat}
        div#machine2 {background:transparent url(../images/bg/machine2.png) left top scroll no-repeat}
        div#machine3 {background:transparent url(../images/bg/machine3.png) left top scroll no-repeat}
            
div#column-left {
    width:235px; float:left;
    }
    ul#middle-menu{
        width:235px; padding:18px 0px 41px 0px;
        background:#e4f5ff url(../images/bg/middle_menu_bottom_bg.jpg) no-repeat left bottom;
    }
        ul#middle-menu li {}
        ul#middle-menu li.first-level {border-bottom:1px solid #d7edfa;}
            ul#middle-menu a.first-level {
                background:transparent url(../images/icons/orange_arrow.png) no-repeat; background-position:203px 9px;
                display:block; padding:7px 0px 7px 27px;
                font-size:14px; font-weight:bold;
                margin-right:0px;
            }
            ul#middle-menu a.active {border-bottom:1px solid #d7edfa;}
        ul#middle-menu a {color:#006497}
        ul#middle-menu ul {margin-left:36px;}
            ul#middle-menu ul a {
                background:transparent url(../images/icons/orange_dot.png) left center no-repeat;
                font-size:12px; color:#f47937;
                display:block; padding:7px 0px 7px 10px;
            }
    
div#column-right {margin-left:235px;}
    h2 {
        height:36px; padding:18px 0px 0px 40px;
        background:transparent url(../images/bg/right_top_border.jpg) left bottom scroll no-repeat;
    }
    div#content-outer {
        background:transparent url(../images/bg/right_content_bg.jpg) right top scroll repeat-y;
        position:relative; padding-bottom:22px;
    }
    div#content {
        overflow: hidden;
        position:relative; padding:28px 15px 0px 39px;
        margin-left:1px;
        min-height:160px;
    }

        div#content img {
            margin-left:10px; padding:3px 4px 3px 4px;
            
            }
        div#content img.bg {background-color:#DCEDF8;}
        div.image-link-outer {text-align:center; float:left;}
            div#content div.image-link-outer img {margin:5px;}
            div.image-link-outer p {font-weight:bold; font-size:13px;}
    
        
    div#producers {
        background:transparent url(../images/bg/right_bottom_bar.png) right top scroll no-repeat;
        margin-top:20px;
        margin-left:0px;
        width:701px; height:113px;
        
    }
        #producers-inside {width:420px; margin:0px auto;}
            #producers-inside div {float:left; padding:0px 40px; border-left:1px solid #d8edfa;}
                #producers-inside img {
                    
                    
                }
                #producers-inside div.last {border-right:1px solid #d8edfa;}
    
div#footer {
    background:transparent url(../images/bg/footer_bg.png) right top scroll no-repeat;
    position:relative; height:46px;
}
    div#footer p {
        font-size:12px; color:#fff;
        padding:15px;
    }
    div#footer p.right{position:absolute; top:0; right:0px;}
        div#footer a {font-weight:bold; color:#006497;}
        div#footer a:hover {color:#f47937;}